Gtm93 calendar component

package.json

@@ -30,10 +30,10 @@
     "prettier": "3.5.3",
     "prettier-plugin-svelte": "^3.4.0",
     "proper-lockfile": "^4.1.2",
+    "rollup-plugin-visualizer": "^6.0.3",
     "svelte": "^5.38.2",
     "svelte-check": "^4.3.1",
     "svelte-eslint-parser": "^1.3.1",
-    "rollup-plugin-visualizer": "^6.0.3",
     "svelte-preprocess": "^6.0.3",
     "testcontainers": "^11.7.2",
     "typescript": "5.9.2",
@@ -131,5 +131,12 @@
   },
   "engines": {
     "node": ">=22.0.0 <23.0.0"
+  },
+  "dependencies": {
+    "@fullcalendar/core": "^6.1.20",
+    "@fullcalendar/daygrid": "^6.1.20",
+    "@fullcalendar/list": "^6.1.20",
+    "@fullcalendar/timegrid": "^6.1.20",
+    "svelte-fullcalendar": "^3.0.0"
   }
 }

packages/builder/src/pages/builder/workspace/[application]/design/[workspaceAppId]/[screenId]/[componentId]/new/_components/componentStructure.ts

@@ -50,6 +50,7 @@ export function getComponentStructure({ chatbox } = { chatbox: false }) {
         "backgroundimage",
         "embeddedmap",
         "codegenerator",
+        "calendar",
       ],
     },
     {

packages/client/manifest.json

@@ -9505,5 +9505,146 @@
         "defaultValue": true
       }
     ]
+  },
+  "calendar": {
+    "name": "Calendar",
+    "description": "Calendar",
+    "icon": "calendar",
+    "size": {
+      "width": 600,
+      "height": 420
+    },
+    "styles": ["size"],
+    "grid": {
+      "hAlign": "stretch",
+      "vAlign": "center"
+    },
+    "settings": [
+      {
+        "type": "dataProvider",
+        "label": "Data provider",
+        "key": "dataProvider"
+      },
+      {
+        "type": "field",
+        "label": "Event start",
+        "key": "eventStart"
+      },
+      {
+        "type": "field",
+        "label": "Event end",
+        "key": "eventEnd"
+      },
+      {
+        "type": "field",
+        "label": "Event title",
+        "key": "eventTitle"
+      },
+      {
+        "type": "select",
+        "label": "Type",
+        "key": "calendarType",
+        "options": [
+          { "label": "Month", "value": "dayGridMonth" },
+          { "label": "Week", "value": "dayGridWeek" },
+          { "label": "Day", "value": "timeGridDay" },
+          { "label": "Agenda", "value": "listWeek" }
+        ],
+        "defaultValue": "dayGridMonth"
+      },
+      {
+        "type": "event",
+        "label": "On click event",
+        "key": "onClick",
+        "context": [
+          {
+            "label": "row_id",
+            "key": "row_id"
+          },
+          {
+            "label": "Event title",
+            "key": "title"
+          },
+          {
+            "label": "Event Start",
+            "key": "start"
+          },
+          {
+            "label": "Event End",
+            "key": "end"
+          }
+        ]
+      },
+
+      {
+        "type": "boolean",
+        "label": "Show title date",
+        "key": "showTitleDate",
+        "defaultValue": true
+      },
+      {
+        "type": "select",
+        "label": "Title date format",
+        "key": "titleDateFormat",
+        "dependsOn": "showTitleDate",
+        "options": [
+          { "label": "DD MM YYYY", "value": "en-gb" },
+          { "label": "MM DD YYYY", "value": "en-us" }
+        ],
+        "defaultValue": "en-gb"
+      },
+      {
+        "type": "text",
+        "label": "Empty agenda text",
+        "key": "emtpyAgendaText",
+        "defaultValue": "No events found"
+      },
+      {
+        "type": "boolean",
+        "label": "Show controls",
+        "key": "showButtons"
+      },
+      {
+        "section": true,
+        "name": "Controls",
+        "settings": [
+          {
+            "type": "text",
+            "label": "Month button Text",
+            "key": "monthText",
+            "defaultValue": "Month",
+            "dependsOn": "showButtons"
+          },
+          {
+            "type": "text",
+            "label": "Week button Text",
+            "key": "weekText",
+            "defaultValue": "Week",
+            "dependsOn": "showButtons"
+          },
+          {
+            "type": "text",
+            "label": "Day button Text",
+            "key": "dayText",
+            "defaultValue": "Day",
+            "dependsOn": "showButtons"
+          },
+          {
+            "type": "text",
+            "label": "Agenda button Text",
+            "key": "agendaText",
+            "defaultValue": "Agenda",
+            "dependsOn": "showButtons"
+          },
+          {
+            "type": "text",
+            "label": "Today button text",
+            "key": "todayText",
+            "defaultValuee": "Today",
+            "dependsOn": "showButtons"
+          }
+        ]
+      }
+    ]
   }
 }