POC: Add Dialog - Ddfform 500

.docker/wiremock/cms/mappings/delete-event-f52a1b96-38d2-479a-aeaf-65367637d365.json

@@ -0,0 +1,18 @@
+{
+  "id": "f52a1b96-38d2-479a-aeaf-65367637d365",
+  "name": "Delete event",
+  "request": {
+    "urlPathPattern": "/dpl_opening_hours/[0-9]+",
+    "method": "DELETE"
+  },
+  "response": {
+    "status": 200,
+    "body": "Event deletet",
+    "headers": {}
+  },
+  "uuid": "f52a1b96-38d2-479a-aeaf-65367637d365",
+  "persistent": true,
+  "priority": 5,
+  "insertionIndex": 1,
+  "postServeActions": []
+}

.docker/wiremock/cms/mappings/full-calendar-opening-hours-7dfc9127-ba40-4098-9dfb-ed65799e99f0.json

@@ -0,0 +1,18 @@
+{
+  "id" : "7dfc9127-ba40-4098-9dfb-ed65799e99f0",
+  "name" : "Full Calendar Opening hours",
+  "request" : {
+    "url" : "/dpl_opening_hours?branch_id=12",
+    "method" : "GET"
+  },
+  "response" : {
+    "status" : 200,
+    "body" : "[\n  {\n    \"id\": 21,\n    \"category\": {\n      \"title\": \"Åbent\",\n      \"color\": \"#0000FF\"\n    },\n    \"date\": \"2024-03-11\",\n    \"start_time\": \"08:00\",\n    \"end_time\": \"12:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 22,\n    \"category\": {\n      \"title\": \"Selvbetjening\",\n      \"color\": \"#FF0000\"\n    },\n    \"date\": \"2024-03-11\",\n    \"start_time\": \"13:00\",\n    \"end_time\": \"17:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 23,\n    \"category\": {\n      \"title\": \"Med betjening\",\n      \"color\": \"#008000\"\n    },\n    \"date\": \"2024-03-11\",\n    \"start_time\": \"18:00\",\n    \"end_time\": \"20:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 24,\n    \"category\": {\n      \"title\": \"Telefontid\",\n      \"color\": \"#FFFF00\"\n    },\n    \"date\": \"2024-03-12\",\n    \"start_time\": \"09:00\",\n    \"end_time\": \"11:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 25,\n    \"category\": {\n      \"title\": \"Borgerservice\",\n      \"color\": \"#0000FF\"\n    },\n    \"date\": \"2024-03-12\",\n    \"start_time\": \"12:00\",\n    \"end_time\": \"14:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 26,\n    \"category\": {\n      \"title\": \"Børneetagen\",\n      \"color\": \"#FF0000\"\n    },\n    \"date\": \"2024-03-12\",\n    \"start_time\": \"15:00\",\n    \"end_time\": \"18:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 27,\n    \"category\": {\n      \"title\": \"Makerlab\",\n      \"color\": \"#008000\"\n    },\n    \"date\": \"2024-03-13\",\n    \"start_time\": \"08:00\",\n    \"end_time\": \"11:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 28,\n    \"category\": {\n      \"title\": \"Åbent\",\n      \"color\": \"#FFFF00\"\n    },\n    \"date\": \"2024-03-13\",\n    \"start_time\": \"12:00\",\n    \"end_time\": \"16:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 29,\n    \"category\": {\n      \"title\": \"Selvbetjening\",\n      \"color\": \"#0000FF\"\n    },\n    \"date\": \"2024-03-13\",\n    \"start_time\": \"17:00\",\n    \"end_time\": \"20:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 30,\n    \"category\": {\n      \"title\": \"Med betjening\",\n      \"color\": \"#FF0000\"\n    },\n    \"date\": \"2024-03-14\",\n    \"start_time\": \"09:00\",\n    \"end_time\": \"13:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 31,\n    \"category\": {\n      \"title\": \"Telefontid\",\n      \"color\": \"#008000\"\n    },\n    \"date\": \"2024-03-14\",\n    \"start_time\": \"14:00\",\n    \"end_time\": \"17:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 32,\n    \"category\": {\n      \"title\": \"Borgerservice\",\n      \"color\": \"#FFFF00\"\n    },\n    \"date\": \"2024-03-14\",\n    \"start_time\": \"18:00\",\n    \"end_time\": \"20:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 33,\n    \"category\": {\n      \"title\": \"Børneetagen\",\n      \"color\": \"#0000FF\"\n    },\n    \"date\": \"2024-03-15\",\n    \"start_time\": \"08:00\",\n    \"end_time\": \"12:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 34,\n    \"category\": {\n      \"title\": \"Makerlab\",\n      \"color\": \"#FF0000\"\n    },\n    \"date\": \"2024-03-15\",\n    \"start_time\": \"13:00\",\n    \"end_time\": \"16:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 35,\n    \"category\": {\n      \"title\": \"Åbent\",\n      \"color\": \"#008000\"\n    },\n    \"date\": \"2024-03-15\",\n    \"start_time\": \"17:00\",\n    \"end_time\": \"19:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 36,\n    \"category\": {\n      \"title\": \"Selvbetjening\",\n      \"color\": \"#FFFF00\"\n    },\n    \"date\": \"2024-03-16\",\n    \"start_time\": \"09:00\",\n    \"end_time\": \"12:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 37,\n    \"category\": {\n      \"title\": \"Med betjening\",\n      \"color\": \"#0000FF\"\n    },\n    \"date\": \"2024-03-16\",\n    \"start_time\": \"12:30\",\n    \"end_time\": \"15:30\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 38,\n    \"category\": {\n      \"title\": \"Telefontid\",\n      \"color\": \"#FF0000\"\n    },\n    \"date\": \"2024-03-16\",\n    \"start_time\": \"16:00\",\n    \"end_time\": \"18:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 39,\n    \"category\": {\n      \"title\": \"Borgerservice\",\n      \"color\": \"#008000\"\n    },\n    \"date\": \"2024-03-17\",\n    \"start_time\": \"10:00\",\n    \"end_time\": \"13:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 40,\n    \"category\": {\n      \"title\": \"Børneetagen\",\n      \"color\": \"#FFFF00\"\n    },\n    \"date\": \"2024-03-17\",\n    \"start_time\": \"14:00\",\n    \"end_time\": \"17:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 41,\n    \"category\": {\n      \"title\": \"Makerlab\",\n      \"color\": \"#0000FF\"\n    },\n    \"date\": \"2024-03-17\",\n    \"start_time\": \"18:00\",\n    \"end_time\": \"20:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 0,\n    \"category\": {\n      \"title\": \"Åbent\",\n      \"color\": \"#0000FF\"\n    },\n    \"date\": \"2024-03-18\",\n    \"start_time\": \"09:00\",\n    \"end_time\": \"12:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 1,\n    \"category\": {\n      \"title\": \"Selvbetjening\",\n      \"color\": \"#FF0000\"\n    },\n    \"date\": \"2024-03-18\",\n    \"start_time\": \"13:00\",\n    \"end_time\": \"16:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 2,\n    \"category\": {\n      \"title\": \"Med betjening\",\n      \"color\": \"#008000\"\n    },\n    \"date\": \"2024-03-18\",\n    \"start_time\": \"17:00\",\n    \"end_time\": \"19:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 3,\n    \"category\": {\n      \"title\": \"Telefontid\",\n      \"color\": \"#FFFF00\"\n    },\n    \"date\": \"2024-03-19\",\n    \"start_time\": \"08:00\",\n    \"end_time\": \"10:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 4,\n    \"category\": {\n      \"title\": \"Borgerservice\",\n      \"color\": \"#0000FF\"\n    },\n    \"date\": \"2024-03-19\",\n    \"start_time\": \"11:00\",\n    \"end_time\": \"13:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 5,\n    \"category\": {\n      \"title\": \"Børneetagen\",\n      \"color\": \"#FF0000\"\n    },\n    \"date\": \"2024-03-19\",\n    \"start_time\": \"14:00\",\n    \"end_time\": \"17:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 6,\n    \"category\": {\n      \"title\": \"Makerlab\",\n      \"color\": \"#0000FF\"\n    },\n    \"date\": \"2024-03-20\",\n    \"start_time\": \"09:00\",\n    \"end_time\": \"12:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 7,\n    \"category\": {\n      \"title\": \"Åbent\",\n      \"color\": \"#008000\"\n    },\n    \"date\": \"2024-03-20\",\n    \"start_time\": \"13:00\",\n    \"end_time\": \"15:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 8,\n    \"category\": {\n      \"title\": \"Selvbetjening\",\n      \"color\": \"#FFFF00\"\n    },\n    \"date\": \"2024-03-20\",\n    \"start_time\": \"16:00\",\n    \"end_time\": \"19:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 9,\n    \"category\": {\n      \"title\": \"Med betjening\",\n      \"color\": \"#0000FF\"\n    },\n    \"date\": \"2024-03-21\",\n    \"start_time\": \"09:00\",\n    \"end_time\": \"11:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 10,\n    \"category\": {\n      \"title\": \"Telefontid\",\n      \"color\": \"#FF0000\"\n    },\n    \"date\": \"2024-03-21\",\n    \"start_time\": \"12:00\",\n    \"end_time\": \"14:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 11,\n    \"category\": {\n      \"title\": \"Borgerservice\",\n      \"color\": \"#008000\"\n    },\n    \"date\": \"2024-03-21\",\n    \"start_time\": \"15:00\",\n    \"end_time\": \"18:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 12,\n    \"category\": {\n      \"title\": \"Børneetagen\",\n      \"color\": \"#0000FF\"\n    },\n    \"date\": \"2024-03-22\",\n    \"start_time\": \"10:00\",\n    \"end_time\": \"13:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 13,\n    \"category\": {\n      \"title\": \"Makerlab\",\n      \"color\": \"#FF0000\"\n    },\n    \"date\": \"2024-03-22\",\n    \"start_time\": \"14:00\",\n    \"end_time\": \"17:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 14,\n    \"category\": {\n      \"title\": \"Åbent\",\n      \"color\": \"#008000\"\n    },\n    \"date\": \"2024-03-22\",\n    \"start_time\": \"18:00\",\n    \"end_time\": \"20:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 15,\n    \"category\": {\n      \"title\": \"Selvbetjening\",\n      \"color\": \"#FFFF00\"\n    },\n    \"date\": \"2024-03-23\",\n    \"start_time\": \"09:00\",\n    \"end_time\": \"11:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 16,\n    \"category\": {\n      \"title\": \"Med betjening\",\n      \"color\": \"#0000FF\"\n    },\n    \"date\": \"2024-03-23\",\n    \"start_time\": \"12:00\",\n    \"end_time\": \"16:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 17,\n    \"category\": {\n      \"title\": \"Telefontid\",\n      \"color\": \"#FF0000\"\n    },\n    \"date\": \"2024-03-23\",\n    \"start_time\": \"17:00\",\n    \"end_time\": \"19:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 18,\n    \"category\": {\n      \"title\": \"Borgerservice\",\n      \"color\": \"#008000\"\n    },\n    \"date\": \"2024-03-24\",\n    \"start_time\": \"10:00\",\n    \"end_time\": \"13:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 19,\n    \"category\": {\n      \"title\": \"Børneetagen\",\n      \"color\": \"#FFFF00\"\n    },\n    \"date\": \"2024-03-24\",\n    \"start_time\": \"14:00\",\n    \"end_time\": \"18:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 20,\n    \"category\": {\n      \"title\": \"Makerlab\",\n      \"color\": \"#0000FF\"\n    },\n    \"date\": \"2024-03-24\",\n    \"start_time\": \"19:00\",\n    \"end_time\": \"21:00\",\n    \"branch_id\": 12\n  },\n\n  {\n    \"id\": 42,\n    \"category\": {\n      \"title\": \"Åbent\",\n      \"color\": \"#0000FF\"\n    },\n    \"date\": \"2024-03-25\",\n    \"start_time\": \"08:00\",\n    \"end_time\": \"12:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 43,\n    \"category\": {\n      \"title\": \"Selvbetjening\",\n      \"color\": \"#FF0000\"\n    },\n    \"date\": \"2024-03-25\",\n    \"start_time\": \"13:00\",\n    \"end_time\": \"17:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 44,\n    \"category\": {\n      \"title\": \"Med betjening\",\n      \"color\": \"#008000\"\n    },\n    \"date\": \"2024-03-25\",\n    \"start_time\": \"18:00\",\n    \"end_time\": \"20:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 45,\n    \"category\": {\n      \"title\": \"Telefontid\",\n      \"color\": \"#FFFF00\"\n    },\n    \"date\": \"2024-03-26\",\n    \"start_time\": \"09:00\",\n    \"end_time\": \"11:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 46,\n    \"category\": {\n      \"title\": \"Borgerservice\",\n      \"color\": \"#0000FF\"\n    },\n    \"date\": \"2024-03-26\",\n    \"start_time\": \"12:00\",\n    \"end_time\": \"14:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 47,\n    \"category\": {\n      \"title\": \"Børneetagen\",\n      \"color\": \"#FF0000\"\n    },\n    \"date\": \"2024-03-26\",\n    \"start_time\": \"15:00\",\n    \"end_time\": \"18:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 48,\n    \"category\": {\n      \"title\": \"Makerlab\",\n      \"color\": \"#008000\"\n    },\n    \"date\": \"2024-03-27\",\n    \"start_time\": \"08:00\",\n    \"end_time\": \"11:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 49,\n    \"category\": {\n      \"title\": \"Åbent\",\n      \"color\": \"#FFFF00\"\n    },\n    \"date\": \"2024-03-27\",\n    \"start_time\": \"12:00\",\n    \"end_time\": \"16:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 50,\n    \"category\": {\n      \"title\": \"Selvbetjening\",\n      \"color\": \"#0000FF\"\n    },\n    \"date\": \"2024-03-27\",\n    \"start_time\": \"17:00\",\n    \"end_time\": \"20:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 51,\n    \"category\": {\n      \"title\": \"Med betjening\",\n      \"color\": \"#FF0000\"\n    },\n    \"date\": \"2024-03-28\",\n    \"start_time\": \"09:00\",\n    \"end_time\": \"13:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 52,\n    \"category\": {\n      \"title\": \"Telefontid\",\n      \"color\": \"#008000\"\n    },\n    \"date\": \"2024-03-28\",\n    \"start_time\": \"14:00\",\n    \"end_time\": \"17:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 53,\n    \"category\": {\n      \"title\": \"Borgerservice\",\n      \"color\": \"#FFFF00\"\n    },\n    \"date\": \"2024-03-28\",\n    \"start_time\": \"18:00\",\n    \"end_time\": \"20:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 54,\n    \"category\": {\n      \"title\": \"Børneetagen\",\n      \"color\": \"#0000FF\"\n    },\n    \"date\": \"2024-03-29\",\n    \"start_time\": \"08:00\",\n    \"end_time\": \"12:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 55,\n    \"category\": {\n      \"title\": \"Makerlab\",\n      \"color\": \"#FF0000\"\n    },\n    \"date\": \"2024-03-29\",\n    \"start_time\": \"13:00\",\n    \"end_time\": \"16:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 56,\n    \"category\": {\n      \"title\": \"Åbent\",\n      \"color\": \"#008000\"\n    },\n    \"date\": \"2024-03-29\",\n    \"start_time\": \"17:00\",\n    \"end_time\": \"19:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 57,\n    \"category\": {\n      \"title\": \"Selvbetjening\",\n      \"color\": \"#FFFF00\"\n    },\n    \"date\": \"2024-03-30\",\n    \"start_time\": \"09:00\",\n    \"end_time\": \"12:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 58,\n    \"category\": {\n      \"title\": \"Med betjening\",\n      \"color\": \"#0000FF\"\n    },\n    \"date\": \"2024-03-30\",\n    \"start_time\": \"12:30\",\n    \"end_time\": \"15:30\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 59,\n    \"category\": {\n      \"title\": \"Telefontid\",\n      \"color\": \"#FF0000\"\n    },\n    \"date\": \"2024-03-30\",\n    \"start_time\": \"16:00\",\n    \"end_time\": \"18:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 60,\n    \"category\": {\n      \"title\": \"Borgerservice\",\n      \"color\": \"#008000\"\n    },\n    \"date\": \"2024-03-31\",\n    \"start_time\": \"10:00\",\n    \"end_time\": \"13:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 61,\n    \"category\": {\n      \"title\": \"Børneetagen\",\n      \"color\": \"#FFFF00\"\n    },\n    \"date\": \"2024-03-31\",\n    \"start_time\": \"14:00\",\n    \"end_time\": \"17:00\",\n    \"branch_id\": 12\n  },\n  {\n    \"id\": 62,\n    \"category\": {\n      \"title\": \"Makerlab\",\n      \"color\": \"#0000FF\"\n    },\n    \"date\": \"2024-03-31\",\n    \"start_time\": \"18:00\",\n    \"end_time\": \"20:00\",\n    \"branch_id\": 12\n  }\n]\n",
+    "headers" : { }
+  },
+  "uuid" : "7dfc9127-ba40-4098-9dfb-ed65799e99f0",
+  "persistent" : true,
+  "priority" : 5,
+  "insertionIndex" : 1,
+  "postServeActions" : [ ]
+}

docs/campaigns.md

@@ -53,7 +53,10 @@ look something like this:
     if (campaignFacets) {
       mutate(
         {
-          data: campaignFacets as CampaignMatchPOSTBodyItem[]
+          data: campaignFacets as CampaignMatchPOSTBodyItem[],
+           params: {
+            _format: "json"
+          }
         },
         {
           onSuccess: (campaign) => {

orval.config.ts

@@ -139,7 +139,7 @@ export default defineConfig({
     },
     input: {
       target:
-        "https://raw.githubusercontent.com/danskernesdigitalebibliotek/dpl-cms/e1edb7e35beacb93e78eef0541c8ccebad68d6f1/openapi.json",
+        "https://raw.githubusercontent.com/danskernesdigitalebibliotek/dpl-cms/opening-hours-api/openapi.json",
       converterOptions: {
         indent: 2
       }

package.json

@@ -161,7 +161,7 @@
     "graphql": "^16.8.1",
     "graphql-tag": "^2.12.6",
     "lodash": "^4.17.21",
-    "orval": "^6.8.1",
+    "orval": "^6.26.0",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-device-detect": "^2.2.3",

src/apps/opening-hours-editor/DialogFomularAdd.tsx

@@ -0,0 +1,81 @@
+import React from "react";
+import { DateSelectArg } from "@fullcalendar/core";
+import {
+  adjustEndDateToStartDayGridMonth,
+  adjustEndDateToStartDayTimeGridWeek,
+  extractTime,
+  formatDateStr,
+  formatFullCalendarEventToCmsEvent,
+  updateDateTime
+} from "./helper";
+import EventForm, { EventFormOnSubmitType } from "./EventForm";
+import { DplOpeningHoursListGET200Item } from "../../core/dpl-cms/model";
+import { OpeningHoursCategoriesType } from "./types";
+
+type DialogFomularAddProps = {
+  selectedEventInfo: DateSelectArg;
+  handleEventAdd: (selectedEventInfo: DplOpeningHoursListGET200Item) => void;
+  closeDialog: () => void;
+  openingHoursCategories: OpeningHoursCategoriesType[];
+};
+
+const DialogFomularAdd: React.FC<DialogFomularAddProps> = ({
+  selectedEventInfo,
+  handleEventAdd,
+  closeDialog,
+  openingHoursCategories
+}) => {
+  const calendarApi = selectedEventInfo.view.calendar;
+  const isDayGridMonth = selectedEventInfo.view.type === "dayGridMonth";
+  const isTimeGridWeek = selectedEventInfo.view.type === "timeGridWeek";
+
+  const handleSubmit: EventFormOnSubmitType = (
+    category,
+    startTime,
+    endTime
+  ) => {
+    const start = updateDateTime(selectedEventInfo.start, startTime);
+    const startStr = formatDateStr(start);
+    let end = updateDateTime(selectedEventInfo.end, endTime);
+    let { endStr } = selectedEventInfo;
+
+    if (isTimeGridWeek) {
+      const adjustedEnd = adjustEndDateToStartDayTimeGridWeek(start, end);
+      end = adjustedEnd.end;
+      endStr = adjustedEnd.endStr;
+    }
+
+    if (isDayGridMonth) {
+      const adjustedEnd = adjustEndDateToStartDayGridMonth(start, end);
+      end = adjustedEnd.end;
+      endStr = adjustedEnd.endStr;
+    }
+
+    const newEventInfo = {
+      ...selectedEventInfo,
+      start,
+      startStr,
+      end,
+      endStr,
+      title: category.title,
+      color: category.color,
+      allDay: false
+    };
+
+    calendarApi.addEvent(newEventInfo);
+    calendarApi.unselect();
+    handleEventAdd(formatFullCalendarEventToCmsEvent(newEventInfo));
+    closeDialog();
+  };
+
+  return (
+    <EventForm
+      openingHoursCategories={openingHoursCategories}
+      initialStartTime={extractTime(selectedEventInfo.start)}
+      initialEndTime={extractTime(selectedEventInfo.end)}
+      onSubmit={handleSubmit}
+    />
+  );
+};
+
+export default DialogFomularAdd;