{
  "backgroundColor": "#ffffff",
  "borderColor": "#ffffff",
  "borderRadius": "0.375rem",
  "borderWidth": "1",
  "bottomRow": 60,
  "boxShadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",
  "defaultModel": "",
  "dynamicBindingPathList": [
    {
      "key": "theme"
    }
  ],
  "dynamicHeight": "FIXED",
  "dynamicPropertyPathList": [],
  "dynamicTriggerPathList": [],
  "events": [],
  "isCanvas": false,
  "isLoading": false,
  "isSearchWildcard": true,
  "isVisible": true,
  "key": "15menc7fc7",
  "leftColumn": 1,
  "maxDynamicHeight": 9000,
  "minDynamicHeight": 4,
  "mobileBottomRow": 41,
  "mobileLeftColumn": 6,
  "mobileRightColumn": 29,
  "mobileTopRow": 11,
  "needsErrorInfo": false,
  "parentColumnSpace": 16.479687499999997,
  "parentId": "2lnzb8fq0d",
  "parentRowSpace": 10,
  "renderMode": "CANVAS",
  "rightColumn": 64,
  "srcDoc": {
    "css": "#calendar {\n  width: 100%;\n  min-height: 700px;\n}",
    "html": "<div id=\"calendar\"></div>",
    "js": "let calendar;\nfunction loadCalendar() {\n  const calendarEl = document.getElementById(\"calendar\");\n  if (!calendarEl || typeof FullCalendar === \"undefined\") return;\n  const resources = [{\n    id: \"a\",\n    title: \"Raum A\"\n  }, {\n    id: \"b\",\n    title: \"Raum B\"\n  }, {\n    id: \"c\",\n    title: \"Raum C\"\n  }, {\n    id: \"d\",\n    title: \"Raum D\"\n  }, {\n    id: \"e\",\n    title: \"Raum E\"\n  }, {\n    id: \"f\",\n    title: \"Raum F\"\n  }, {\n    id: \"g\",\n    title: \"Raum G\"\n  }, {\n    id: \"h\",\n    title: \"Raum H\"\n  }, {\n    id: \"i\",\n    title: \"Raum I\"\n  }, {\n    id: \"j\",\n    title: \"Raum J\"\n  }, {\n    id: \"k\",\n    title: \"Raum K\"\n  }, {\n    id: \"l\",\n    title: \"Raum L\"\n  }, {\n    id: \"m\",\n    title: \"Raum M\"\n  }, {\n    id: \"n\",\n    title: \"Raum N\"\n  }, {\n    id: \"o\",\n    title: \"Raum O\"\n  }, {\n    id: \"p\",\n    title: \"Raum P\"\n  }, {\n    id: \"q\",\n    title: \"Raum Q\"\n  }, {\n    id: \"r\",\n    title: \"Raum R\"\n  }, {\n    id: \"s\",\n    title: \"Raum S\"\n  }, {\n    id: \"t\",\n    title: \"Raum T\"\n  }, {\n    id: \"u\",\n    title: \"Raum U\"\n  }];\n  const events = [{\n    id: \"1\",\n    resourceId: \"a\",\n    title: \"Termin A1\",\n    start: \"2026-08-06T09:00:00\",\n    end: \"2026-08-06T11:00:00\"\n  }, {\n    id: \"2\",\n    resourceId: \"b\",\n    title: \"Termin B1\",\n    start: \"2026-08-06T10:00:00\",\n    end: \"2026-08-06T12:00:00\"\n  }, {\n    id: \"3\",\n    resourceId: \"c\",\n    title: \"Termin C1\",\n    start: \"2026-08-07T13:00:00\",\n    end: \"2026-08-07T15:00:00\"\n  }];\n  calendar = new FullCalendar.Calendar(calendarEl, {\n    initialView: \"resourceTimelineWeek\",\n    height: \"100%\",\n    nowIndicator: true,\n    slotMinWidth: 80,\n    resourceAreaWidth: 220,\n    headerToolbar: {\n      left: \"prev,next today\",\n      center: \"title\",\n      right: \"resourceTimelineDay,resourceTimelineWeek,resourceTimelineMonth\"\n    },\n    resources,\n    events\n  });\n  calendar.render();\n}\nappsmith.onReady(() => {\n  const script = document.createElement(\"script\");\n  script.src = \"https://cdn.jsdelivr.net/npm/fullcalendar-scheduler@6.1.21/index.global.min.js\";\n  script.onload = loadCalendar;\n  document.head.appendChild(script);\n});"
  },
  "theme": "{{appsmith.theme}}",
  "topRow": 9,
  "type": "CUSTOM_WIDGET",
  "uncompiledSrcDoc": {
    "css": "#calendar {\n  width: 100%;\n  min-height: 700px;\n}",
    "html": "<div id=\"calendar\"></div>",
    "js": "let calendar;\n\nfunction loadCalendar() {\n  const calendarEl = document.getElementById(\"calendar\");\n  if (!calendarEl || typeof FullCalendar === \"undefined\") return;\n\n  const resources = [\n    { id: \"a\", title: \"Raum A\" },\n    { id: \"b\", title: \"Raum B\" },\n    { id: \"c\", title: \"Raum C\" },\n    { id: \"d\", title: \"Raum D\" },\n    { id: \"e\", title: \"Raum E\" },\n    { id: \"f\", title: \"Raum F\" },\n    { id: \"g\", title: \"Raum G\" },\n    { id: \"h\", title: \"Raum H\" },\n    { id: \"i\", title: \"Raum I\" },\n    { id: \"j\", title: \"Raum J\" },\n    { id: \"k\", title: \"Raum K\" },\n    { id: \"l\", title: \"Raum L\" },\n    { id: \"m\", title: \"Raum M\" },\n    { id: \"n\", title: \"Raum N\" },\n    { id: \"o\", title: \"Raum O\" },\n    { id: \"p\", title: \"Raum P\" },\n    { id: \"q\", title: \"Raum Q\" },\n    { id: \"r\", title: \"Raum R\" },\n    { id: \"s\", title: \"Raum S\" },\n    { id: \"t\", title: \"Raum T\" },\n    { id: \"u\", title: \"Raum U\" }\n  ];\n\n  const events = [\n    {\n      id: \"1\",\n      resourceId: \"a\",\n      title: \"Termin A1\",\n      start: \"2026-08-06T09:00:00\",\n      end: \"2026-08-06T11:00:00\"\n    },\n    {\n      id: \"2\",\n      resourceId: \"b\",\n      title: \"Termin B1\",\n      start: \"2026-08-06T10:00:00\",\n      end: \"2026-08-06T12:00:00\"\n    },\n    {\n      id: \"3\",\n      resourceId: \"c\",\n      title: \"Termin C1\",\n      start: \"2026-08-07T13:00:00\",\n      end: \"2026-08-07T15:00:00\"\n    }\n  ];\n\n  calendar = new FullCalendar.Calendar(calendarEl, {\n    initialView: \"resourceTimelineWeek\",\n    height: \"100%\",\n    nowIndicator: true,\n    slotMinWidth: 80,\n    resourceAreaWidth: 220,\n    headerToolbar: {\n      left: \"prev,next today\",\n      center: \"title\",\n      right: \"resourceTimelineDay,resourceTimelineWeek,resourceTimelineMonth\"\n    },\n    resources,\n    events\n  });\n\n  calendar.render();\n}\n\nappsmith.onReady(() => {\n  const script = document.createElement(\"script\");\n  script.src = \"https://cdn.jsdelivr.net/npm/fullcalendar-scheduler@6.1.21/index.global.min.js\";\n  script.onload = loadCalendar;\n  document.head.appendChild(script);\n});"
  },
  "version": 1,
  "widgetId": "opnoz7bq3u",
  "widgetName": "Custom1"
}