@progress/kendo-themes-html 8.0.0-dev.3 → 8.0.0-dev.5

package/dist/cjs/scheduler/tests/{scheduler.js → scheduler-current-time-marker.js}

@@ -16,12 +16,12 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/scheduler/tests/scheduler.tsx
-var scheduler_exports = {};
-__export(scheduler_exports, {
-  default: () => scheduler_default
+// src/scheduler/tests/scheduler-current-time-marker.tsx
+var scheduler_current_time_marker_exports = {};
+__export(scheduler_current_time_marker_exports, {
+  default: () => scheduler_current_time_marker_default
 });
-module.exports = __toCommonJS(scheduler_exports);
+module.exports = __toCommonJS(scheduler_current_time_marker_exports);
 
 // src/misc/class-names.ts
 var classNames = (...args) => {
@@ -4374,6 +4374,7 @@ var Icon = (props) => {
 Icon.states = states3;
 Icon.options = options3;
 Icon.defaultProps = defaultProps3;
+var icon_spec_default = Icon;
 
 // src/button/button.spec.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
@@ -8033,482 +8034,1067 @@ var import_jsx_runtime135 = require("react/jsx-runtime");
 // src/toolbar/templates/toolbar-angular-resizable.tsx
 var import_jsx_runtime136 = require("react/jsx-runtime");
 
-// src/scheduler/tests/scheduler.tsx
+// src/scheduler/templates/scheduler-day.tsx
 var import_jsx_runtime137 = require("react/jsx-runtime");
-var scheduler_default = () => /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_jsx_runtime137.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-widget k-scheduler", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(Toolbar, { className: "k-scheduler-toolbar", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(ButtonGroup, { className: "k-scheduler-navigation", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { className: "k-group-start", children: "Today" }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { icon: "caret-alt-left" }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { className: "k-group-end", icon: "caret-alt-right" })
+
+// src/scheduler/scheduler-view.spec.tsx
+var import_jsx_runtime138 = require("react/jsx-runtime");
+var SCHEDULER_VIEW_CLASSNAME = "k-scheduler-layout";
+var states51 = [];
+var options49 = {};
+var defaultProps49 = {};
+var SchedulerView = (props) => {
+  const {
+    as: Component = "div",
+    view,
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+    Component,
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        SCHEDULER_VIEW_CLASSNAME,
+        {
+          [`k-scheduler-${view}view`]: view
+        }
+      ),
+      children: props.children
+    }
+  );
+};
+SchedulerView.states = states51;
+SchedulerView.options = options49;
+SchedulerView.className = SCHEDULER_VIEW_CLASSNAME;
+SchedulerView.defaultProps = defaultProps49;
+var scheduler_view_spec_default = SchedulerView;
+
+// src/scheduler/scheduler.spec.tsx
+var import_jsx_runtime139 = require("react/jsx-runtime");
+var SCHEDULER_CLASSNAME = "k-scheduler";
+var states52 = [];
+var options50 = {};
+var defaultProps50 = {};
+var Scheduler = (props) => {
+  const {
+    view,
+    toolbar,
+    footer,
+    layout,
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        SCHEDULER_CLASSNAME
+      ),
+      children: [
+        toolbar,
+        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+          scheduler_view_spec_default,
+          {
+            className: classNames(
+              {
+                "k-scheduler-layout-flex": layout === "flex"
+              }
+            ),
+            as: layout === "table" ? "table" : "div",
+            view,
+            children: props.children
+          }
+        ),
+        footer
+      ]
+    }
+  );
+};
+Scheduler.states = states52;
+Scheduler.options = options50;
+Scheduler.className = SCHEDULER_CLASSNAME;
+Scheduler.defaultProps = defaultProps50;
+
+// src/scheduler/scheduler-header.spec.tsx
+var import_jsx_runtime140 = require("react/jsx-runtime");
+var className14 = "k-scheduler-header";
+var SchedulerHeader = (props) => /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+  "div",
+  {
+    ...props,
+    className: classNames(
+      className14,
+      props.className
+    ),
+    children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { className: "k-scheduler-header-wrap", children: props.children })
+  }
+);
+
+// src/scheduler/scheduler-content.spec.tsx
+var import_jsx_runtime141 = require("react/jsx-runtime");
+var className15 = "k-scheduler-content";
+var SchedulerContent = (props) => /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+  "div",
+  {
+    ...props,
+    className: classNames(
+      className15,
+      props.className
+    ),
+    children: props.children
+  }
+);
+
+// src/scheduler/scheduler-times.spec.tsx
+var import_jsx_runtime142 = require("react/jsx-runtime");
+var className16 = "k-scheduler-times";
+var SchedulerTimes = (props) => /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+  "div",
+  {
+    ...props,
+    className: classNames(
+      className16,
+      props.className
+    ),
+    children: props.children
+  }
+);
+
+// src/scheduler/scheduler-table.spec.tsx
+var import_jsx_runtime143 = require("react/jsx-runtime");
+var className17 = "k-scheduler-table";
+var SchedulerTable = (props) => /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+  "table",
+  {
+    ...props,
+    className: classNames(
+      className17,
+      props.className
+    ),
+    children: props.children
+  }
+);
+
+// src/scheduler/scheduler-cell.spec.tsx
+var import_jsx_runtime144 = require("react/jsx-runtime");
+var className18 = "k-scheduler-cell";
+var states53 = [];
+var options51 = {};
+var defaultOptions = {};
+var SchedulerCell = (props) => {
+  const {
+    cellType,
+    allDay,
+    text,
+    colspan,
+    rowspan,
+    as: Component = "div",
+    ...other
+  } = props;
+  const textOrChildren = text ? text : props.children;
+  return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+    Component,
+    {
+      ...other,
+      colSpan: colspan,
+      rowSpan: rowspan,
+      className: classNames(
+        className18,
+        props.className,
+        {
+          "k-scheduler-times-all-day": allDay
+        },
+        cellType == null ? void 0 : cellType.map((t) => ({
+          [`k-${t}-cell`]: true
+        }))
+      ),
+      children: !allDay && text ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { className: "k-link k-nav-day", children: textOrChildren }) : textOrChildren
+    }
+  );
+};
+SchedulerCell.states = states53;
+SchedulerCell.options = options51;
+SchedulerCell.defaultProps = defaultOptions;
+SchedulerCell.className = className18;
+
+// src/scheduler/scheduler-sticky-cell.spec.tsx
+var import_jsx_runtime145 = require("react/jsx-runtime");
+
+// src/scheduler/scheduler-row.spec.tsx
+var import_jsx_runtime146 = require("react/jsx-runtime");
+
+// src/scheduler/scheduler-toolbar.spec.tsx
+var import_jsx_runtime147 = require("react/jsx-runtime");
+var className19 = "k-scheduler-toolbar";
+var SchedulerToolbar = (props) => {
+  const { footer, ...others } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+    Toolbar,
+    {
+      ...others,
+      className: classNames(
+        props.className,
+        {
+          [footer ? "k-scheduler-footer" : className19]: true
+        }
+      ),
+      children: props.children || /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(import_jsx_runtime147.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(ButtonGroup, { className: "k-scheduler-navigation", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Button, { className: "k-group-start", children: "Today" }),
+          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Button, { icon: "caret-alt-left" }),
+          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Button, { className: "k-group-end", icon: "caret-alt-right" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Button, { icon: "calendar", className: "k-nav-current", fillMode: "flat", children: "Monday, June 13, 2022" }),
+        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { className: "k-spacer" }),
+        /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(ButtonGroup, { className: "k-scheduler-views", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Button, { className: "k-group-start", selected: true, children: "Day" }),
+          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Button, { children: "Week" }),
+          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Button, { children: "Month" }),
+          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Button, { children: "Timeline" }),
+          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Button, { className: "k-group-end", children: "Agenda" })
+        ] })
+      ] })
+    }
+  );
+};
+
+// src/scheduler/scheduler-body.spec.tsx
+var import_jsx_runtime148 = require("react/jsx-runtime");
+var className20 = "k-scheduler-body";
+var SchedulerBody = (props) => {
+  const {
+    as: Component = "div",
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+    Component,
+    {
+      ...other,
+      className: classNames(
+        className20,
+        props.className
+      ),
+      children: props.children
+    }
+  );
+};
+
+// src/scheduler/scheduler-head.spec.tsx
+var import_jsx_runtime149 = require("react/jsx-runtime");
+var className21 = "k-scheduler-head";
+var SchedulerHead = (props) => {
+  const {
+    as: Component = "div",
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
+    Component,
+    {
+      ...other,
+      className: classNames(
+        className21,
+        props.className
+      ),
+      children: props.children
+    }
+  );
+};
+
+// src/scheduler/scheduler-group.spec.tsx
+var import_jsx_runtime150 = require("react/jsx-runtime");
+var className22 = "k-scheduler-group";
+var states54 = [];
+var options52 = {};
+var defaultProps51 = {
+  orientation: "horizontal"
+};
+var SchedulerGroup = (props) => {
+  const {
+    orientation = defaultProps51.orientation,
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        className22,
+        props.className,
+        {
+          "k-group-horizontal": orientation === "horizontal"
+        }
+      ),
+      children: props.children
+    }
+  );
+};
+SchedulerGroup.states = states54;
+SchedulerGroup.options = options52;
+SchedulerGroup.defaultProps = defaultProps51;
+SchedulerGroup.className = className22;
+
+// src/scheduler/scheduler-event.spec.tsx
+var import_jsx_runtime151 = require("react/jsx-runtime");
+var className23 = "k-event";
+var states55 = [
+  States.hover,
+  States.focus,
+  States.selected
+];
+var options53 = {};
+var defaultProps52 = {
+  resizable: "vertical",
+  eventPrefix: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(Icon, { icon: "arrow-rotate-cw" }),
+  eventSuffix: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(import_jsx_runtime151.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("a", { href: "#", className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(Icon, { icon: "x" }) }) })
+};
+var SchedulerEvent = (props) => {
+  const {
+    inverse,
+    ongoing,
+    multiDay,
+    resizable = defaultProps52.resizable,
+    hover,
+    focus,
+    selected,
+    eventPrefix = defaultProps52.eventPrefix,
+    eventSuffix = defaultProps52.eventSuffix,
+    ...others
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(
+    "div",
+    {
+      ...others,
+      className: classNames(
+        className23,
+        props.className,
+        stateClassNames(className23, {
+          hover,
+          focus,
+          selected
+        }),
+        {
+          "k-event-inverse": inverse,
+          "k-event-ongoing": ongoing
+        }
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "k-event-actions", children: eventPrefix }),
+        /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { children: props.children }),
+        /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "k-event-actions", children: eventSuffix }),
+        multiDay && /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(import_jsx_runtime151.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "k-event-top-actions", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(Icon, { icon: "caret-alt-up" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "k-event-bottom-actions", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(Icon, { icon: "caret-alt-down" }) })
+        ] }),
+        resizable === "vertical" ? /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(import_jsx_runtime151.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "k-resize-handle k-resize-n" }),
+          /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "k-resize-handle k-resize-s" })
+        ] }) : resizable === "horizontal" && /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(import_jsx_runtime151.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "k-resize-handle k-resize-w" }),
+          /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "k-resize-handle k-resize-e" })
+        ] })
+      ]
+    }
+  );
+};
+SchedulerEvent.states = states55;
+SchedulerEvent.options = options53;
+SchedulerEvent.defaultProps = defaultProps52;
+SchedulerEvent.className = className23;
+
+// src/scheduler/scheduler-task.spec.tsx
+var import_jsx_runtime152 = require("react/jsx-runtime");
+var className24 = "k-task";
+var states56 = [];
+var options54 = {};
+var defaultProps53 = {
+  markStyle: { backgroundColor: "gold" }
+};
+var SchedulerTask = (props) => {
+  const {
+    text,
+    markStyle,
+    recurring,
+    closable,
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        className24,
+        props.className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "k-scheduler-mark", style: markStyle }),
+        recurring && /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(icon_spec_default, { icon: "arrow-rotate-cw" }),
+        /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "k-scheduler-task text", children: text }),
+        closable && /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("a", { href: "#", className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(icon_spec_default, { icon: "x" }) })
+      ]
+    }
+  );
+};
+SchedulerTask.states = states56;
+SchedulerTask.options = options54;
+SchedulerTask.defaultProps = defaultProps53;
+SchedulerTask.className = className24;
+
+// src/scheduler/templates/scheduler-week.tsx
+var import_jsx_runtime153 = require("react/jsx-runtime");
+var SchedulerWeek = ({ style, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
+  Scheduler,
+  {
+    style,
+    layout: "table",
+    view: "week",
+    toolbar: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(import_jsx_runtime153.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(SchedulerToolbar, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(ButtonGroup, { className: "k-scheduler-navigation", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Button, { className: "k-group-start", children: "Today" }),
+        /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Button, { icon: "caret-alt-left" }),
+        /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Button, { className: "k-group-end", icon: "caret-alt-right" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { icon: "calendar", className: "k-nav-current", fillMode: "flat", children: "Monday, June 10, 2013 - Friday, June 14, 2013" }),
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-spacer" }),
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(ButtonGroup, { className: "k-scheduler-views", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { className: "k-group-start", children: "Day" }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { selected: true, children: "Week" }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { children: "Month" }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { children: "Timeline" }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { className: "k-group-end", children: "Agenda" })
+      /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Button, { icon: "calendar", className: "k-nav-current", fillMode: "flat", children: "10/04/2022 - 10/10/2022" }),
+      /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { className: "k-spacer" }),
+      /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(ButtonGroup, { className: "k-scheduler-views", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Button, { className: "k-group-start", children: "Day" }),
+        /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Button, { selected: true, children: "Week" }),
+        /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Button, { children: "Month" }),
+        /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Button, { children: "Timeline" }),
+        /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Button, { className: "k-group-end", children: "Agenda" })
       ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("table", { className: "k-scheduler-layout k-scheduler-workWeekview k-scrollbar-v", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tbody", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-times", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("table", { className: "k-scheduler-table", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tbody", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { style: { height: "37px" }, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { style: { height: "72px" }, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { className: "k-scheduler-times-all-day", children: "all day" }) })
+    ] }) }),
+    footer: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(import_jsx_runtime153.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerToolbar, { footer: true, children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Button, { icon: "clock", className: "k-scheduler-fullday", children: "Show business hours" }) }) }),
+    children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(import_jsx_runtime153.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("tbody", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(SchedulerHead, { as: "tr", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerTimes, { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerTable, { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("tbody", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("tr", { style: { height: "37px" }, children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "th" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("tr", { style: { height: "36px" }, children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "th", allDay: true, text: "all day" }) })
         ] }) }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-header", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-header-wrap", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("table", { className: "k-scheduler-table", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tbody", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-link k-nav-day", children: "Mon 6/10" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-link k-nav-day", children: "Tue 6/11" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-link k-nav-day", children: "Wed 6/12" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-link k-nav-day", children: "Thu 6/13" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { colSpan: 1, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-link k-nav-day", children: "Fri 6/14" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(SchedulerHeader, { style: { paddingRight: "16px" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerTable, { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("tbody", { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("tr", { className: "k-scheduler-date-group", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "th", text: "Sun 10/04" }),
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "th", text: "Mon 10/05" }),
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "th", text: "Tue 10/06" }),
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "th", text: "Wed 10/07" }),
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "th", text: "Thu 10/08" }),
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "th", text: "Fri 10/09" }),
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "th", text: "Sun 10/10" })
           ] }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { style: { position: "relative" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("table", { className: "k-scheduler-table k-scheduler-header-all-day", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tbody", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { style: { height: "72px" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {})
-            ] }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { style: { backgroundColor: "rgb(81, 160, 237)", borderColor: "rgb(81, 160, 237)", left: "0px", width: "888px", top: "0px" }, className: "k-event k-event-inverse", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "caret-alt-left" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Two Weeks in NZ" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("span", { className: "k-event-actions", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "caret-alt-right" })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-w" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-e" })
-            ] })
-          ] })
-        ] }) }) })
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { style: { position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerTable, { className: "k-scheduler-header-all-day", children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("tbody", { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("tr", { style: { height: "36px" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td" }),
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td" }),
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td" }),
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td" }),
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td" }),
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td" }),
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td" })
+          ] }) }) }) })
+        ] }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-times", style: { height: "195px" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-current-time k-current-time-arrow-right", style: { left: "0px", top: "115px" } }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("table", { className: "k-scheduler-table", style: { height: "1258px" }, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tbody", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { rowSpan: 1, children: "7:00 AM" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { className: "k-slot-cell", rowSpan: 1 }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { rowSpan: 1, children: "8:00 AM" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { className: "k-slot-cell", rowSpan: 1 }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { rowSpan: 1, children: "9:00 AM" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { className: "k-slot-cell", rowSpan: 1 }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { rowSpan: 1, children: "10:00 AM" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { className: "k-slot-cell", rowSpan: 1 }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { rowSpan: 1, children: "11:00 AM" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { className: "k-slot-cell", rowSpan: 1 }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { rowSpan: 1, children: "12:00 PM" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { className: "k-slot-cell", rowSpan: 1 }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { rowSpan: 1, children: "1:00 PM" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { className: "k-slot-cell", rowSpan: 1 }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { rowSpan: 1, children: "2:00 PM" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { className: "k-slot-cell", rowSpan: 1 }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { rowSpan: 1, children: "3:00 PM" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { className: "k-slot-cell", rowSpan: 1 }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { rowSpan: 1, children: "4:00 PM" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { className: "k-slot-cell", rowSpan: 1 }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { rowSpan: 1, children: "5:00 PM" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { className: "k-slot-cell", rowSpan: 1 }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { rowSpan: 1, children: "6:00 PM" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { className: "k-slot-cell", rowSpan: 1 }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { rowSpan: 1, children: "7:00 PM" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { className: "k-slot-cell", rowSpan: 1 }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { rowSpan: 1, children: "8:00 PM" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { className: "k-slot-cell", rowSpan: 1 }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { rowSpan: 1, children: "9:00 PM" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { className: "k-slot-cell", rowSpan: 1 }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { rowSpan: 1, children: "10:00 PM" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { className: "k-slot-cell", rowSpan: 1 }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { rowSpan: 1, children: "11:00 PM" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { className: "k-slot-cell", rowSpan: 1 }) })
-          ] }) })
-        ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-content", style: { height: "195px" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-current-time", style: { top: "115px", height: "1px", right: "0px", width: "861px", left: "0px" } }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("table", { className: "k-scheduler-table", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tbody", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour k-selected" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-selected" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {})
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {})
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {})
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {})
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {})
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {})
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {})
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {})
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {})
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {})
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {})
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {})
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {})
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {})
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {})
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {})
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", {})
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" })
+      /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(SchedulerBody, { as: "tr", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerTimes, { style: { height: "195px" }, children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerTable, { style: { height: "400px" }, children: /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("tbody", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "th", children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { children: "7:00 AM" }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "th", cellType: ["slot"] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "th", children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { children: "8:00 AM" }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "th", cellType: ["slot"] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "th", children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { children: "9:00 AM" }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "th", cellType: ["slot"] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "th", children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { children: "10:00 AM" }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "th", cellType: ["slot"] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "th", children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { children: "11:00 AM" }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "th", cellType: ["slot"] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "th", children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { children: "12:00 AM" }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "th", cellType: ["slot"] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "th", children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { children: "1:00 PM" }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "th", cellType: ["slot"] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "th", children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { children: "2:00 PM" }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "th", cellType: ["slot"] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "th", children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { children: "3:00 PM" }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "th", cellType: ["slot"] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "th", children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { children: "4:00 PM" }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "th", cellType: ["slot"] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "th", children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { children: "5:00 PM" }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "th", cellType: ["slot"] }) })
+        ] }) }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(SchedulerContent, { style: { height: "195px" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerTable, { children: /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("tbody", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("tr", { className: "k-middle-row", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" })
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("tr", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" })
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("tr", { className: "k-middle-row", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" })
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("tr", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" })
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("tr", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-nonwork-hour" })
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("tr", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" })
             ] })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { style: { top: "0px", height: "71px", width: "166px", left: "2px" }, className: "k-event", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template k-event-time", children: "7:00 AM - 8:00 AM" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Event title" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-n" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-s" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { style: { top: "111px", height: "34px", width: "166px", left: "2px" }, className: "k-event k-event-ongoing", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template k-event-time", children: "8:30 AM - 9:00 AM" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Event title that is long and overflows, testing multiline and overflow styles" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-n" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-s" })
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(SchedulerEvent, { ongoing: true, style: { top: "74px", left: "129px", height: "72px", width: "124px" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "k-event-template k-event-time", children: "8:00 AM - 9:00 AM" }),
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "k-event-template", children: "Event Title" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { style: { top: "36px", height: "108px", width: "166px", left: "348px" }, className: "k-event k-hover k-event-ongoing", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "arrow-rotate-cw" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template k-event-time", children: "7:30 AM - 9:00 AM" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Hovered Recurring event" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-n" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-s" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { style: { top: "110px", height: "71px", width: "166px", left: "520px" }, className: "k-event k-selected k-event-ongoing", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template k-event-time", children: "8:30 AM - 9:30 AM" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Selected event" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-n" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-s" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { style: { top: "0px", height: "71px", width: "166px", left: "520px", color: "#333", backgroundColor: "#ddf", borderColor: "#fff" }, className: "k-event", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template k-event-time", children: "7:00 AM - 8:00 AM" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Custom color event" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-n" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-s" })
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(SchedulerEvent, { ongoing: true, resizable: "vertical", style: { top: "147px", left: "255px", height: "72px", width: "378px" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "k-event-template k-event-time", children: "9:00 AM - 10:00 AM" }),
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "k-event-template", children: "Event Title" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-event k-event-drag-hint", style: { left: "175px", top: "0px", height: "71px", width: "166px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template k-event-time", children: "8:00 AM - 9:00 AM" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Drag hint" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-n" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-s" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { style: { backgroundColor: "rgb(248, 163, 152)", borderColor: "rgb(248, 163, 152)", left: "175px", top: "100px", height: "71px", width: "166px" }, className: "k-event k-event-inverse k-event-ongoing", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template k-event-time", children: "10:00 AM - 11:00 AM" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Inverse Background" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-n" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-s" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { style: { top: "110px", height: "71px", width: "166px", left: "708px" }, className: "k-event k-event-ongoing", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template k-event-time", children: "8:30 AM - 9:30 AM" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Multi-Day event" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-top-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "caret-alt-up" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-bottom-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "caret-alt-down" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-n" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-s" })
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(SchedulerEvent, { ongoing: true, style: { top: "74px", left: "636px", height: "72px", width: "124px" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "k-event-template k-event-time", children: "8:00 AM - 9:00 AM" }),
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "k-event-template", children: "Event Title" })
           ] })
         ] }) })
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Toolbar, { className: "k-scheduler-footer", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { icon: "clock", className: "k-scheduler-fullday", children: "Show business hours" }) })
-  ] }),
-  /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { id: "scheduler", className: "k-widget k-scheduler", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(Toolbar, { className: "k-scheduler-toolbar", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(ButtonGroup, { className: "k-scheduler-navigation", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { className: "k-group-start", children: "Today" }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { icon: "caret-alt-left" }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { className: "k-group-end", icon: "caret-alt-right" })
+    ...props
+  }
+);
+
+// src/scheduler/templates/scheduler-month.tsx
+var import_jsx_runtime154 = require("react/jsx-runtime");
+
+// src/scheduler/templates/scheduler-timeline.tsx
+var import_jsx_runtime155 = require("react/jsx-runtime");
+var SchedulerTimeline = ({ style, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
+  Scheduler,
+  {
+    style,
+    layout: "table",
+    view: "timeline",
+    toolbar: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(import_jsx_runtime155.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(SchedulerToolbar, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(ButtonGroup, { className: "k-scheduler-navigation", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Button, { className: "k-group-start", children: "Today" }),
+        /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Button, { icon: "caret-alt-left" }),
+        /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Button, { className: "k-group-end", icon: "caret-alt-right" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { icon: "calendar", className: "k-nav-current", fillMode: "flat", children: "Monday, February 18, 2019" }),
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-spacer" }),
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(ButtonGroup, { className: "k-scheduler-views", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { className: "k-group-start", children: "Day" }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { children: "Week" }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { children: "Month" }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { className: "k-group-end", selected: true, children: "Agenda" })
+      /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Button, { icon: "calendar", className: "k-nav-current", fillMode: "flat", children: "Monday, June 13, 2024" }),
+      /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("span", { className: "k-spacer" }),
+      /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(ButtonGroup, { className: "k-scheduler-views", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Button, { className: "k-group-start", children: "Day" }),
+        /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Button, { children: "Week" }),
+        /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Button, { children: "Month" }),
+        /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Button, { selected: true, children: "Timeline" }),
+        /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Button, { className: "k-group-end", children: "Agenda" })
       ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("table", { className: "k-scheduler-layout k-scheduler-timelineview k-scrollbar-h", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tbody", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-times", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("table", { className: "k-scheduler-table", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tbody", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { style: { height: "31px" }, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { style: { height: "31px" }, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", {}) })
+    ] }) }),
+    footer: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(import_jsx_runtime155.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(SchedulerToolbar, { footer: true, children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Button, { icon: "clock", className: "k-scheduler-fullday", children: "Show business hours" }) }) }),
+    children: /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)("tbody", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(SchedulerHead, { as: "tr", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(SchedulerTimes, { children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(SchedulerTable, { children: /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)("tbody", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("tr", { style: { height: "37px" }, children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(SchedulerCell, { as: "th" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("tr", { style: { height: "37px" }, children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(SchedulerCell, { as: "th" }) })
         ] }) }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-header", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-header-wrap", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-current-time k-current-time-arrow-down", style: { left: "524.534px", top: "36px" } }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("table", { className: "k-scheduler-table", style: { width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tbody", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { colSpan: 8, className: "k-slot-cell", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-link k-nav-day", children: "February 18" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { colSpan: 2, children: "7:00 AM" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { colSpan: 2, children: "8:00 AM" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { colSpan: 2, children: "9:00 AM" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { colSpan: 2, children: "10:00 AM" })
-            ] })
-          ] }) })
-        ] }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(SchedulerHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(SchedulerTable, { style: { width: "495%" }, children: /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)("tbody", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("tr", { className: "k-scheduler-date-group", children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(SchedulerCell, { cellType: ["slot"], as: "th", colspan: 34, text: "June 13" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)("tr", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(SchedulerCell, { as: "th", colspan: 2, children: "7:00 AM" }),
+            /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(SchedulerCell, { as: "th", colspan: 2, children: "8:00 AM" }),
+            /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(SchedulerCell, { as: "th", colspan: 2, children: "9:00 AM" }),
+            /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(SchedulerCell, { as: "th", colspan: 2, children: "10:00 AM" }),
+            /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(SchedulerCell, { as: "th", colspan: 2, children: "11:00 AM" }),
+            /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(SchedulerCell, { as: "th", colspan: 2, children: "12:00 PM" }),
+            /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(SchedulerCell, { as: "th", colspan: 2, children: "1:00 PM" }),
+            /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(SchedulerCell, { as: "th", colspan: 2, children: "2:00 PM" }),
+            /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(SchedulerCell, { as: "th", colspan: 2, children: "3:00 PM" }),
+            /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(SchedulerCell, { as: "th", colspan: 2, children: "4:00 PM" }),
+            /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(SchedulerCell, { as: "th", colspan: 2, children: "5:00 PM" })
+          ] })
+        ] }) }) }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-times", style: { height: "100px" }, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("table", { className: "k-scheduler-table", style: { height: "50px" }, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tbody", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tr", { style: { height: "50px" }, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("th", { rowSpan: 1, children: "All events" }) }) }) }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-content", style: { height: "100px" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-current-time", style: { left: "528px", width: "1px", height: "100px", top: "0px" } }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("table", { className: "k-scheduler-table", style: { width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tbody", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("tr", { style: { height: "50px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-today k-nonwork-hour" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-today k-nonwork-hour" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-today" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-today" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-today" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-today" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-today" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("td", { className: "k-today" })
-          ] }) }) })
-        ] }) })
+      /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(SchedulerBody, { as: "tr", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(SchedulerTimes, { children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(SchedulerTable, { children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("tbody", { children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(SchedulerCell, { as: "th", rowspan: 1, children: "All Events" }) }) }) }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(SchedulerContent, { style: { height: "100px" }, children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(SchedulerTable, { children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("tbody", { children: /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)("tr", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+          /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+          /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(SchedulerCell, { as: "td" }),
+          /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(SchedulerCell, { as: "td" }),
+          /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(SchedulerCell, { as: "td" }),
+          /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(SchedulerCell, { as: "td" }),
+          /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(SchedulerCell, { as: "td" })
+        ] }) }) }) }) })
       ] })
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Toolbar, { className: "k-scheduler-footer", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { icon: "clock", className: "k-scheduler-fullday", children: "Show business hours" }) })
-  ] })
+    ] }),
+    ...props
+  }
+);
+
+// src/scheduler/templates/scheduler-agenda.tsx
+var import_jsx_runtime156 = require("react/jsx-runtime");
+
+// src/scheduler/templates/scheduler-flex-day.tsx
+var import_jsx_runtime157 = require("react/jsx-runtime");
+
+// src/scheduler/templates/scheduler-flex-week.tsx
+var import_jsx_runtime158 = require("react/jsx-runtime");
+
+// src/scheduler/templates/scheduler-flex-month.tsx
+var import_jsx_runtime159 = require("react/jsx-runtime");
+
+// src/scheduler/templates/scheduler-flex-timeline.tsx
+var import_jsx_runtime160 = require("react/jsx-runtime");
+
+// src/scheduler/templates/scheduler-flex-agenda.tsx
+var import_jsx_runtime161 = require("react/jsx-runtime");
+
+// src/scheduler/templates/scheduler-horizontal-grouping.tsx
+var import_jsx_runtime162 = require("react/jsx-runtime");
+
+// src/scheduler/templates/scheduler-vertical-grouping.tsx
+var import_jsx_runtime163 = require("react/jsx-runtime");
+
+// src/scheduler/templates/scheduler-flex-horizontal-grouping.tsx
+var import_jsx_runtime164 = require("react/jsx-runtime");
+
+// src/scheduler/templates/scheduler-flex-vertical-grouping.tsx
+var import_jsx_runtime165 = require("react/jsx-runtime");
+
+// src/scheduler/tests/scheduler-current-time-marker.tsx
+var import_jsx_runtime166 = require("react/jsx-runtime");
+var scheduler_current_time_marker_default = () => /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(import_jsx_runtime166.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
+    SchedulerWeek,
+    {
+      toolbar: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(SchedulerToolbar, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(ButtonGroup, { className: "k-scheduler-navigation", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Button, { className: "k-group-start", children: "Today" }),
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Button, { icon: "caret-alt-left" }),
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Button, { className: "k-group-end", icon: "caret-alt-right" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Button, { icon: "calendar", className: "k-nav-current", fillMode: "flat", children: "Monday, June 10, 2013 - Friday, June 14, 2013" }),
+        /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-spacer" }),
+        /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(ButtonGroup, { className: "k-scheduler-views", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Button, { className: "k-group-start", children: "Day" }),
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Button, { selected: true, children: "Week" }),
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Button, { children: "Month" }),
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Button, { children: "Timeline" }),
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Button, { className: "k-group-end", children: "Agenda" })
+        ] })
+      ] }),
+      footer: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(import_jsx_runtime166.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerToolbar, { footer: true, children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Button, { icon: "clock", className: "k-scheduler-fullday", children: "Show business hours" }) }) }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(import_jsx_runtime166.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tbody", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(SchedulerHead, { as: "tr", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerTimes, { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerTable, { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tbody", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { style: { height: "37px" }, children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { style: { height: "72px" }, children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", allDay: true, children: "all day" }) })
+          ] }) }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(SchedulerHeader, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerTable, { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tbody", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", text: "Mon 6/10", colspan: 1 }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", text: "Tue 6/11", colspan: 1 }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", text: "Wed 6/12", colspan: 1 }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", text: "Thu 6/13", colspan: 1 }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", text: "Fri 6/14", colspan: 1 })
+            ] }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("div", { style: { position: "relative" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerTable, { className: "k-scheduler-header-all-day", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tbody", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { style: { height: "72px" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" })
+              ] }) }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
+                SchedulerEvent,
+                {
+                  resizable: "horizontal",
+                  eventPrefix: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Icon, { icon: "caret-alt-left" }),
+                  eventSuffix: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(import_jsx_runtime166.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Icon, { icon: "x" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Icon, { icon: "caret-alt-right" })
+                  ] }),
+                  children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("div", { className: "k-event-template", children: "Two Weeks in NZ" }) })
+                }
+              )
+            ] })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(SchedulerBody, { as: "tr", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(SchedulerTimes, { style: { height: "195px" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("div", { className: "k-current-time k-current-time-arrow-right", style: { left: "0px", top: "115px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerTable, { style: { height: "1258px" }, children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tbody", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, children: "7:00 AM" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, children: "8:00 AM" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, children: "9:00 AM" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, children: "10:00 AM" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, children: "11:00 AM" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, children: "12:00 PM" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, children: "1:00 PM" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, children: "2:00 PM" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, children: "3:00 PM" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, children: "4:00 PM" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, children: "5:00 PM" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, children: "6:00 PM" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, children: "7:00 PM" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, children: "8:00 PM" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, children: "9:00 PM" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, children: "10:00 PM" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, children: "11:00 PM" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) })
+            ] }) })
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(SchedulerContent, { style: { height: "195px" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("div", { className: "k-current-time", style: { top: "115px", height: "1px", right: "0px", width: "888px", left: "0px;" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerTable, { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tbody", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-nonwork-hour" })
+              ] })
+            ] }) })
+          ] }) })
+        ] })
+      ] }) })
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
+    SchedulerTimeline,
+    {
+      toolbar: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(import_jsx_runtime166.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(SchedulerToolbar, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(ButtonGroup, { className: "k-scheduler-navigation", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Button, { className: "k-group-start", children: "Today" }),
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Button, { icon: "caret-alt-left" }),
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Button, { className: "k-group-end", icon: "caret-alt-right" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Button, { icon: "calendar", className: "k-nav-current", fillMode: "flat", children: "Monday, February 18, 2019" }),
+        /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-spacer" }),
+        /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(ButtonGroup, { className: "k-scheduler-views", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Button, { className: "k-group-start", children: "Day" }),
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Button, { children: "Week" }),
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Button, { children: "Month" }),
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Button, { selected: true, children: "Timeline" }),
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Button, { className: "k-group-end", children: "Agenda" })
+        ] })
+      ] }) }),
+      footer: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(import_jsx_runtime166.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Toolbar, { className: "k-scheduler-footer", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Button, { icon: "clock", className: "k-scheduler-fullday", children: "Show business hours" }) }) }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(import_jsx_runtime166.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tbody", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(SchedulerHead, { as: "tr", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerTimes, { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerTable, { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tbody", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { style: { height: "31px" }, children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { style: { height: "31px" }, children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th" }) })
+          ] }) }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(SchedulerHeader, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("div", { className: "k-current-time k-current-time-arrow-down", style: { left: "524.534px", top: "36px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerTable, { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tbody", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", text: "Monday, February 18, 2019", colspan: 8 }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", text: "7:00 AM", colspan: 2 }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", text: "8:00 AM", colspan: 2 }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", text: "9:00 AM", colspan: 2 }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", text: "10:00 AM", colspan: 2 })
+              ] })
+            ] }) })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(SchedulerBody, { as: "tr", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerTimes, { style: { height: "100px" }, children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerTable, { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tbody", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tr", { style: { height: "50px" }, children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "th", rowspan: 1, children: "All events" }) }) }) }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(SchedulerContent, { style: { height: "100px" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("div", { className: "k-current-time", style: { left: "528px", width: "1px", height: "100px", top: "0px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerTable, { style: { width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("tbody", { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { style: { height: "50px" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-today k-nonwork-hour" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-today k-nonwork-hour" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-today" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-today" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-today" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-today" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-today" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(SchedulerCell, { as: "td", className: "k-today" })
+            ] }) }) })
+          ] }) })
+        ] })
+      ] }) })
+    }
+  )
 ] }) });