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

package/dist/esm/scheduler/tests/{scheduler.mjs → scheduler-current-time-marker.mjs}

@@ -4355,6 +4355,7 @@ var Icon = (props) => {
 Icon.states = states3;
 Icon.options = options3;
 Icon.defaultProps = defaultProps3;
+var icon_spec_default = Icon;
 
 // src/button/button.spec.tsx
 import { Fragment as Fragment4, jsx as jsx4, jsxs } from "react/jsx-runtime";
@@ -8014,485 +8015,1070 @@ import { jsx as jsx135 } from "react/jsx-runtime";
 // src/toolbar/templates/toolbar-angular-resizable.tsx
 import { jsx as jsx136 } from "react/jsx-runtime";
 
-// src/scheduler/tests/scheduler.tsx
+// src/scheduler/templates/scheduler-day.tsx
 import { Fragment as Fragment47, jsx as jsx137, jsxs as jsxs57 } from "react/jsx-runtime";
-var scheduler_default = () => /* @__PURE__ */ jsx137(Fragment47, { children: /* @__PURE__ */ jsxs57("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
-  /* @__PURE__ */ jsxs57("div", { className: "k-widget k-scheduler", children: [
-    /* @__PURE__ */ jsxs57(Toolbar, { className: "k-scheduler-toolbar", children: [
-      /* @__PURE__ */ jsxs57(ButtonGroup, { className: "k-scheduler-navigation", children: [
-        /* @__PURE__ */ jsx137(Button, { className: "k-group-start", children: "Today" }),
-        /* @__PURE__ */ jsx137(Button, { icon: "caret-alt-left" }),
-        /* @__PURE__ */ jsx137(Button, { className: "k-group-end", icon: "caret-alt-right" })
+
+// src/scheduler/scheduler-view.spec.tsx
+import { jsx as jsx138 } from "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__ */ jsx138(
+    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
+import { jsx as jsx139, jsxs as jsxs58 } from "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__ */ jsxs58(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        SCHEDULER_CLASSNAME
+      ),
+      children: [
+        toolbar,
+        /* @__PURE__ */ jsx139(
+          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
+import { jsx as jsx140 } from "react/jsx-runtime";
+var className14 = "k-scheduler-header";
+var SchedulerHeader = (props) => /* @__PURE__ */ jsx140(
+  "div",
+  {
+    ...props,
+    className: classNames(
+      className14,
+      props.className
+    ),
+    children: /* @__PURE__ */ jsx140("div", { className: "k-scheduler-header-wrap", children: props.children })
+  }
+);
+
+// src/scheduler/scheduler-content.spec.tsx
+import { jsx as jsx141 } from "react/jsx-runtime";
+var className15 = "k-scheduler-content";
+var SchedulerContent = (props) => /* @__PURE__ */ jsx141(
+  "div",
+  {
+    ...props,
+    className: classNames(
+      className15,
+      props.className
+    ),
+    children: props.children
+  }
+);
+
+// src/scheduler/scheduler-times.spec.tsx
+import { jsx as jsx142 } from "react/jsx-runtime";
+var className16 = "k-scheduler-times";
+var SchedulerTimes = (props) => /* @__PURE__ */ jsx142(
+  "div",
+  {
+    ...props,
+    className: classNames(
+      className16,
+      props.className
+    ),
+    children: props.children
+  }
+);
+
+// src/scheduler/scheduler-table.spec.tsx
+import { jsx as jsx143 } from "react/jsx-runtime";
+var className17 = "k-scheduler-table";
+var SchedulerTable = (props) => /* @__PURE__ */ jsx143(
+  "table",
+  {
+    ...props,
+    className: classNames(
+      className17,
+      props.className
+    ),
+    children: props.children
+  }
+);
+
+// src/scheduler/scheduler-cell.spec.tsx
+import { jsx as jsx144 } from "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__ */ jsx144(
+    Component,
+    {
+      ...other,
+      colSpan: colspan,
+      rowSpan: rowspan,
+      className: classNames(
+        className18,
+        props.className,
+        {
+          "k-scheduler-times-all-day": allDay
+        },
+        cellType?.map((t) => ({
+          [`k-${t}-cell`]: true
+        }))
+      ),
+      children: !allDay && text ? /* @__PURE__ */ jsx144("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
+import { jsx as jsx145 } from "react/jsx-runtime";
+
+// src/scheduler/scheduler-row.spec.tsx
+import { jsx as jsx146 } from "react/jsx-runtime";
+
+// src/scheduler/scheduler-toolbar.spec.tsx
+import { Fragment as Fragment48, jsx as jsx147, jsxs as jsxs59 } from "react/jsx-runtime";
+var className19 = "k-scheduler-toolbar";
+var SchedulerToolbar = (props) => {
+  const { footer, ...others } = props;
+  return /* @__PURE__ */ jsx147(
+    Toolbar,
+    {
+      ...others,
+      className: classNames(
+        props.className,
+        {
+          [footer ? "k-scheduler-footer" : className19]: true
+        }
+      ),
+      children: props.children || /* @__PURE__ */ jsxs59(Fragment48, { children: [
+        /* @__PURE__ */ jsxs59(ButtonGroup, { className: "k-scheduler-navigation", children: [
+          /* @__PURE__ */ jsx147(Button, { className: "k-group-start", children: "Today" }),
+          /* @__PURE__ */ jsx147(Button, { icon: "caret-alt-left" }),
+          /* @__PURE__ */ jsx147(Button, { className: "k-group-end", icon: "caret-alt-right" })
+        ] }),
+        /* @__PURE__ */ jsx147(Button, { icon: "calendar", className: "k-nav-current", fillMode: "flat", children: "Monday, June 13, 2022" }),
+        /* @__PURE__ */ jsx147("span", { className: "k-spacer" }),
+        /* @__PURE__ */ jsxs59(ButtonGroup, { className: "k-scheduler-views", children: [
+          /* @__PURE__ */ jsx147(Button, { className: "k-group-start", selected: true, children: "Day" }),
+          /* @__PURE__ */ jsx147(Button, { children: "Week" }),
+          /* @__PURE__ */ jsx147(Button, { children: "Month" }),
+          /* @__PURE__ */ jsx147(Button, { children: "Timeline" }),
+          /* @__PURE__ */ jsx147(Button, { className: "k-group-end", children: "Agenda" })
+        ] })
+      ] })
+    }
+  );
+};
+
+// src/scheduler/scheduler-body.spec.tsx
+import { jsx as jsx148 } from "react/jsx-runtime";
+var className20 = "k-scheduler-body";
+var SchedulerBody = (props) => {
+  const {
+    as: Component = "div",
+    ...other
+  } = props;
+  return /* @__PURE__ */ jsx148(
+    Component,
+    {
+      ...other,
+      className: classNames(
+        className20,
+        props.className
+      ),
+      children: props.children
+    }
+  );
+};
+
+// src/scheduler/scheduler-head.spec.tsx
+import { jsx as jsx149 } from "react/jsx-runtime";
+var className21 = "k-scheduler-head";
+var SchedulerHead = (props) => {
+  const {
+    as: Component = "div",
+    ...other
+  } = props;
+  return /* @__PURE__ */ jsx149(
+    Component,
+    {
+      ...other,
+      className: classNames(
+        className21,
+        props.className
+      ),
+      children: props.children
+    }
+  );
+};
+
+// src/scheduler/scheduler-group.spec.tsx
+import { jsx as jsx150 } from "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__ */ jsx150(
+    "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
+import { Fragment as Fragment49, jsx as jsx151, jsxs as jsxs60 } from "react/jsx-runtime";
+var className23 = "k-event";
+var states55 = [
+  States.hover,
+  States.focus,
+  States.selected
+];
+var options53 = {};
+var defaultProps52 = {
+  resizable: "vertical",
+  eventPrefix: /* @__PURE__ */ jsx151(Icon, { icon: "arrow-rotate-cw" }),
+  eventSuffix: /* @__PURE__ */ jsx151(Fragment49, { children: /* @__PURE__ */ jsx151("a", { href: "#", className: "k-link k-event-delete", children: /* @__PURE__ */ jsx151(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__ */ jsxs60(
+    "div",
+    {
+      ...others,
+      className: classNames(
+        className23,
+        props.className,
+        stateClassNames(className23, {
+          hover,
+          focus,
+          selected
+        }),
+        {
+          "k-event-inverse": inverse,
+          "k-event-ongoing": ongoing
+        }
+      ),
+      children: [
+        /* @__PURE__ */ jsx151("span", { className: "k-event-actions", children: eventPrefix }),
+        /* @__PURE__ */ jsx151("div", { children: props.children }),
+        /* @__PURE__ */ jsx151("span", { className: "k-event-actions", children: eventSuffix }),
+        multiDay && /* @__PURE__ */ jsxs60(Fragment49, { children: [
+          /* @__PURE__ */ jsx151("span", { className: "k-event-top-actions", children: /* @__PURE__ */ jsx151(Icon, { icon: "caret-alt-up" }) }),
+          /* @__PURE__ */ jsx151("span", { className: "k-event-bottom-actions", children: /* @__PURE__ */ jsx151(Icon, { icon: "caret-alt-down" }) })
+        ] }),
+        resizable === "vertical" ? /* @__PURE__ */ jsxs60(Fragment49, { children: [
+          /* @__PURE__ */ jsx151("span", { className: "k-resize-handle k-resize-n" }),
+          /* @__PURE__ */ jsx151("span", { className: "k-resize-handle k-resize-s" })
+        ] }) : resizable === "horizontal" && /* @__PURE__ */ jsxs60(Fragment49, { children: [
+          /* @__PURE__ */ jsx151("span", { className: "k-resize-handle k-resize-w" }),
+          /* @__PURE__ */ jsx151("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
+import { jsx as jsx152, jsxs as jsxs61 } from "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__ */ jsxs61(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        className24,
+        props.className
+      ),
+      children: [
+        /* @__PURE__ */ jsx152("span", { className: "k-scheduler-mark", style: markStyle }),
+        recurring && /* @__PURE__ */ jsx152(icon_spec_default, { icon: "arrow-rotate-cw" }),
+        /* @__PURE__ */ jsx152("span", { className: "k-scheduler-task text", children: text }),
+        closable && /* @__PURE__ */ jsx152("a", { href: "#", className: "k-link k-event-delete", children: /* @__PURE__ */ jsx152(icon_spec_default, { icon: "x" }) })
+      ]
+    }
+  );
+};
+SchedulerTask.states = states56;
+SchedulerTask.options = options54;
+SchedulerTask.defaultProps = defaultProps53;
+SchedulerTask.className = className24;
+
+// src/scheduler/templates/scheduler-week.tsx
+import { Fragment as Fragment50, jsx as jsx153, jsxs as jsxs62 } from "react/jsx-runtime";
+var SchedulerWeek = ({ style, ...props }) => /* @__PURE__ */ jsx153(
+  Scheduler,
+  {
+    style,
+    layout: "table",
+    view: "week",
+    toolbar: /* @__PURE__ */ jsx153(Fragment50, { children: /* @__PURE__ */ jsxs62(SchedulerToolbar, { children: [
+      /* @__PURE__ */ jsxs62(ButtonGroup, { className: "k-scheduler-navigation", children: [
+        /* @__PURE__ */ jsx153(Button, { className: "k-group-start", children: "Today" }),
+        /* @__PURE__ */ jsx153(Button, { icon: "caret-alt-left" }),
+        /* @__PURE__ */ jsx153(Button, { className: "k-group-end", icon: "caret-alt-right" })
       ] }),
-      /* @__PURE__ */ jsx137(Button, { icon: "calendar", className: "k-nav-current", fillMode: "flat", children: "Monday, June 10, 2013 - Friday, June 14, 2013" }),
-      /* @__PURE__ */ jsx137("span", { className: "k-spacer" }),
-      /* @__PURE__ */ jsxs57(ButtonGroup, { className: "k-scheduler-views", children: [
-        /* @__PURE__ */ jsx137(Button, { className: "k-group-start", children: "Day" }),
-        /* @__PURE__ */ jsx137(Button, { selected: true, children: "Week" }),
-        /* @__PURE__ */ jsx137(Button, { children: "Month" }),
-        /* @__PURE__ */ jsx137(Button, { children: "Timeline" }),
-        /* @__PURE__ */ jsx137(Button, { className: "k-group-end", children: "Agenda" })
+      /* @__PURE__ */ jsx153(Button, { icon: "calendar", className: "k-nav-current", fillMode: "flat", children: "10/04/2022 - 10/10/2022" }),
+      /* @__PURE__ */ jsx153("span", { className: "k-spacer" }),
+      /* @__PURE__ */ jsxs62(ButtonGroup, { className: "k-scheduler-views", children: [
+        /* @__PURE__ */ jsx153(Button, { className: "k-group-start", children: "Day" }),
+        /* @__PURE__ */ jsx153(Button, { selected: true, children: "Week" }),
+        /* @__PURE__ */ jsx153(Button, { children: "Month" }),
+        /* @__PURE__ */ jsx153(Button, { children: "Timeline" }),
+        /* @__PURE__ */ jsx153(Button, { className: "k-group-end", children: "Agenda" })
       ] })
-    ] }),
-    /* @__PURE__ */ jsx137("table", { className: "k-scheduler-layout k-scheduler-workWeekview k-scrollbar-v", children: /* @__PURE__ */ jsxs57("tbody", { children: [
-      /* @__PURE__ */ jsxs57("tr", { children: [
-        /* @__PURE__ */ jsx137("td", { children: /* @__PURE__ */ jsx137("div", { className: "k-scheduler-times", children: /* @__PURE__ */ jsx137("table", { className: "k-scheduler-table", children: /* @__PURE__ */ jsxs57("tbody", { children: [
-          /* @__PURE__ */ jsx137("tr", { style: { height: "37px" }, children: /* @__PURE__ */ jsx137("th", {}) }),
-          /* @__PURE__ */ jsx137("tr", { style: { height: "72px" }, children: /* @__PURE__ */ jsx137("th", { className: "k-scheduler-times-all-day", children: "all day" }) })
+    ] }) }),
+    footer: /* @__PURE__ */ jsx153(Fragment50, { children: /* @__PURE__ */ jsx153(SchedulerToolbar, { footer: true, children: /* @__PURE__ */ jsx153(Button, { icon: "clock", className: "k-scheduler-fullday", children: "Show business hours" }) }) }),
+    children: /* @__PURE__ */ jsx153(Fragment50, { children: /* @__PURE__ */ jsxs62("tbody", { children: [
+      /* @__PURE__ */ jsxs62(SchedulerHead, { as: "tr", children: [
+        /* @__PURE__ */ jsx153("td", { children: /* @__PURE__ */ jsx153(SchedulerTimes, { children: /* @__PURE__ */ jsx153(SchedulerTable, { children: /* @__PURE__ */ jsxs62("tbody", { children: [
+          /* @__PURE__ */ jsx153("tr", { style: { height: "37px" }, children: /* @__PURE__ */ jsx153(SchedulerCell, { as: "th" }) }),
+          /* @__PURE__ */ jsx153("tr", { style: { height: "36px" }, children: /* @__PURE__ */ jsx153(SchedulerCell, { as: "th", allDay: true, text: "all day" }) })
         ] }) }) }) }),
-        /* @__PURE__ */ jsx137("td", { children: /* @__PURE__ */ jsx137("div", { className: "k-scheduler-header", children: /* @__PURE__ */ jsxs57("div", { className: "k-scheduler-header-wrap", children: [
-          /* @__PURE__ */ jsx137("table", { className: "k-scheduler-table", children: /* @__PURE__ */ jsx137("tbody", { children: /* @__PURE__ */ jsxs57("tr", { children: [
-            /* @__PURE__ */ jsx137("th", { colSpan: 1, children: /* @__PURE__ */ jsx137("span", { className: "k-link k-nav-day", children: "Mon 6/10" }) }),
-            /* @__PURE__ */ jsx137("th", { colSpan: 1, children: /* @__PURE__ */ jsx137("span", { className: "k-link k-nav-day", children: "Tue 6/11" }) }),
-            /* @__PURE__ */ jsx137("th", { colSpan: 1, children: /* @__PURE__ */ jsx137("span", { className: "k-link k-nav-day", children: "Wed 6/12" }) }),
-            /* @__PURE__ */ jsx137("th", { colSpan: 1, children: /* @__PURE__ */ jsx137("span", { className: "k-link k-nav-day", children: "Thu 6/13" }) }),
-            /* @__PURE__ */ jsx137("th", { colSpan: 1, children: /* @__PURE__ */ jsx137("span", { className: "k-link k-nav-day", children: "Fri 6/14" }) })
+        /* @__PURE__ */ jsx153("td", { children: /* @__PURE__ */ jsxs62(SchedulerHeader, { style: { paddingRight: "16px" }, children: [
+          /* @__PURE__ */ jsx153(SchedulerTable, { children: /* @__PURE__ */ jsx153("tbody", { children: /* @__PURE__ */ jsxs62("tr", { className: "k-scheduler-date-group", children: [
+            /* @__PURE__ */ jsx153(SchedulerCell, { as: "th", text: "Sun 10/04" }),
+            /* @__PURE__ */ jsx153(SchedulerCell, { as: "th", text: "Mon 10/05" }),
+            /* @__PURE__ */ jsx153(SchedulerCell, { as: "th", text: "Tue 10/06" }),
+            /* @__PURE__ */ jsx153(SchedulerCell, { as: "th", text: "Wed 10/07" }),
+            /* @__PURE__ */ jsx153(SchedulerCell, { as: "th", text: "Thu 10/08" }),
+            /* @__PURE__ */ jsx153(SchedulerCell, { as: "th", text: "Fri 10/09" }),
+            /* @__PURE__ */ jsx153(SchedulerCell, { as: "th", text: "Sun 10/10" })
           ] }) }) }),
-          /* @__PURE__ */ jsxs57("div", { style: { position: "relative" }, children: [
-            /* @__PURE__ */ jsx137("table", { className: "k-scheduler-table k-scheduler-header-all-day", children: /* @__PURE__ */ jsx137("tbody", { children: /* @__PURE__ */ jsxs57("tr", { style: { height: "72px" }, children: [
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {})
-            ] }) }) }),
-            /* @__PURE__ */ jsxs57("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__ */ jsx137("span", { className: "k-event-actions", children: /* @__PURE__ */ jsx137(Icon, { icon: "caret-alt-left" }) }),
-              /* @__PURE__ */ jsx137("div", { children: /* @__PURE__ */ jsx137("div", { className: "k-event-template", children: "Two Weeks in NZ" }) }),
-              /* @__PURE__ */ jsxs57("span", { className: "k-event-actions", children: [
-                /* @__PURE__ */ jsx137("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ jsx137(Icon, { icon: "x" }) }),
-                /* @__PURE__ */ jsx137(Icon, { icon: "caret-alt-right" })
-              ] }),
-              /* @__PURE__ */ jsx137("span", { className: "k-resize-handle k-resize-w" }),
-              /* @__PURE__ */ jsx137("span", { className: "k-resize-handle k-resize-e" })
-            ] })
-          ] })
-        ] }) }) })
+          /* @__PURE__ */ jsx153("div", { style: { position: "relative" }, children: /* @__PURE__ */ jsx153(SchedulerTable, { className: "k-scheduler-header-all-day", children: /* @__PURE__ */ jsx153("tbody", { children: /* @__PURE__ */ jsxs62("tr", { style: { height: "36px" }, children: [
+            /* @__PURE__ */ jsx153(SchedulerCell, { as: "td" }),
+            /* @__PURE__ */ jsx153(SchedulerCell, { as: "td" }),
+            /* @__PURE__ */ jsx153(SchedulerCell, { as: "td" }),
+            /* @__PURE__ */ jsx153(SchedulerCell, { as: "td" }),
+            /* @__PURE__ */ jsx153(SchedulerCell, { as: "td" }),
+            /* @__PURE__ */ jsx153(SchedulerCell, { as: "td" }),
+            /* @__PURE__ */ jsx153(SchedulerCell, { as: "td" })
+          ] }) }) }) })
+        ] }) })
       ] }),
-      /* @__PURE__ */ jsxs57("tr", { children: [
-        /* @__PURE__ */ jsx137("td", { children: /* @__PURE__ */ jsxs57("div", { className: "k-scheduler-times", style: { height: "195px" }, children: [
-          /* @__PURE__ */ jsx137("div", { className: "k-current-time k-current-time-arrow-right", style: { left: "0px", top: "115px" } }),
-          /* @__PURE__ */ jsx137("table", { className: "k-scheduler-table", style: { height: "1258px" }, children: /* @__PURE__ */ jsxs57("tbody", { children: [
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { rowSpan: 1, children: "7:00 AM" }) }),
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { className: "k-slot-cell", rowSpan: 1 }) }),
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { rowSpan: 1, children: "8:00 AM" }) }),
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { className: "k-slot-cell", rowSpan: 1 }) }),
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { rowSpan: 1, children: "9:00 AM" }) }),
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { className: "k-slot-cell", rowSpan: 1 }) }),
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { rowSpan: 1, children: "10:00 AM" }) }),
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { className: "k-slot-cell", rowSpan: 1 }) }),
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { rowSpan: 1, children: "11:00 AM" }) }),
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { className: "k-slot-cell", rowSpan: 1 }) }),
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { rowSpan: 1, children: "12:00 PM" }) }),
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { className: "k-slot-cell", rowSpan: 1 }) }),
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { rowSpan: 1, children: "1:00 PM" }) }),
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { className: "k-slot-cell", rowSpan: 1 }) }),
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { rowSpan: 1, children: "2:00 PM" }) }),
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { className: "k-slot-cell", rowSpan: 1 }) }),
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { rowSpan: 1, children: "3:00 PM" }) }),
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { className: "k-slot-cell", rowSpan: 1 }) }),
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { rowSpan: 1, children: "4:00 PM" }) }),
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { className: "k-slot-cell", rowSpan: 1 }) }),
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { rowSpan: 1, children: "5:00 PM" }) }),
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { className: "k-slot-cell", rowSpan: 1 }) }),
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { rowSpan: 1, children: "6:00 PM" }) }),
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { className: "k-slot-cell", rowSpan: 1 }) }),
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { rowSpan: 1, children: "7:00 PM" }) }),
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { className: "k-slot-cell", rowSpan: 1 }) }),
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { rowSpan: 1, children: "8:00 PM" }) }),
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { className: "k-slot-cell", rowSpan: 1 }) }),
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { rowSpan: 1, children: "9:00 PM" }) }),
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { className: "k-slot-cell", rowSpan: 1 }) }),
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { rowSpan: 1, children: "10:00 PM" }) }),
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { className: "k-slot-cell", rowSpan: 1 }) }),
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { rowSpan: 1, children: "11:00 PM" }) }),
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { className: "k-slot-cell", rowSpan: 1 }) })
-          ] }) })
-        ] }) }),
-        /* @__PURE__ */ jsx137("td", { children: /* @__PURE__ */ jsxs57("div", { className: "k-scheduler-content", style: { height: "195px" }, children: [
-          /* @__PURE__ */ jsx137("div", { className: "k-current-time", style: { top: "115px", height: "1px", right: "0px", width: "861px", left: "0px" } }),
-          /* @__PURE__ */ jsx137("table", { className: "k-scheduler-table", children: /* @__PURE__ */ jsxs57("tbody", { children: [
-            /* @__PURE__ */ jsxs57("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" })
-            ] }),
-            /* @__PURE__ */ jsxs57("tr", { children: [
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour k-selected" })
-            ] }),
-            /* @__PURE__ */ jsxs57("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", { className: "k-selected" })
-            ] }),
-            /* @__PURE__ */ jsxs57("tr", { children: [
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {})
-            ] }),
-            /* @__PURE__ */ jsxs57("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {})
-            ] }),
-            /* @__PURE__ */ jsxs57("tr", { children: [
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {})
-            ] }),
-            /* @__PURE__ */ jsxs57("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {})
-            ] }),
-            /* @__PURE__ */ jsxs57("tr", { children: [
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {})
-            ] }),
-            /* @__PURE__ */ jsxs57("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {})
-            ] }),
-            /* @__PURE__ */ jsxs57("tr", { children: [
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {})
-            ] }),
-            /* @__PURE__ */ jsxs57("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {})
-            ] }),
-            /* @__PURE__ */ jsxs57("tr", { children: [
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {})
-            ] }),
-            /* @__PURE__ */ jsxs57("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {})
-            ] }),
-            /* @__PURE__ */ jsxs57("tr", { children: [
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {})
-            ] }),
-            /* @__PURE__ */ jsxs57("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {})
-            ] }),
-            /* @__PURE__ */ jsxs57("tr", { children: [
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {})
-            ] }),
-            /* @__PURE__ */ jsxs57("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {})
-            ] }),
-            /* @__PURE__ */ jsxs57("tr", { children: [
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {})
-            ] }),
-            /* @__PURE__ */ jsxs57("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {})
-            ] }),
-            /* @__PURE__ */ jsxs57("tr", { children: [
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {}),
-              /* @__PURE__ */ jsx137("td", {})
-            ] }),
-            /* @__PURE__ */ jsxs57("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" })
-            ] }),
-            /* @__PURE__ */ jsxs57("tr", { children: [
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" })
-            ] }),
-            /* @__PURE__ */ jsxs57("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" })
-            ] }),
-            /* @__PURE__ */ jsxs57("tr", { children: [
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" })
-            ] }),
-            /* @__PURE__ */ jsxs57("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" })
-            ] }),
-            /* @__PURE__ */ jsxs57("tr", { children: [
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" })
-            ] }),
-            /* @__PURE__ */ jsxs57("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" })
-            ] }),
-            /* @__PURE__ */ jsxs57("tr", { children: [
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" })
-            ] }),
-            /* @__PURE__ */ jsxs57("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" })
+      /* @__PURE__ */ jsxs62(SchedulerBody, { as: "tr", children: [
+        /* @__PURE__ */ jsx153("td", { children: /* @__PURE__ */ jsx153(SchedulerTimes, { style: { height: "195px" }, children: /* @__PURE__ */ jsx153(SchedulerTable, { style: { height: "400px" }, children: /* @__PURE__ */ jsxs62("tbody", { children: [
+          /* @__PURE__ */ jsx153("tr", { children: /* @__PURE__ */ jsx153(SchedulerCell, { as: "th", children: /* @__PURE__ */ jsx153("span", { children: "7:00 AM" }) }) }),
+          /* @__PURE__ */ jsx153("tr", { children: /* @__PURE__ */ jsx153(SchedulerCell, { as: "th", cellType: ["slot"] }) }),
+          /* @__PURE__ */ jsx153("tr", { children: /* @__PURE__ */ jsx153(SchedulerCell, { as: "th", children: /* @__PURE__ */ jsx153("span", { children: "8:00 AM" }) }) }),
+          /* @__PURE__ */ jsx153("tr", { children: /* @__PURE__ */ jsx153(SchedulerCell, { as: "th", cellType: ["slot"] }) }),
+          /* @__PURE__ */ jsx153("tr", { children: /* @__PURE__ */ jsx153(SchedulerCell, { as: "th", children: /* @__PURE__ */ jsx153("span", { children: "9:00 AM" }) }) }),
+          /* @__PURE__ */ jsx153("tr", { children: /* @__PURE__ */ jsx153(SchedulerCell, { as: "th", cellType: ["slot"] }) }),
+          /* @__PURE__ */ jsx153("tr", { children: /* @__PURE__ */ jsx153(SchedulerCell, { as: "th", children: /* @__PURE__ */ jsx153("span", { children: "10:00 AM" }) }) }),
+          /* @__PURE__ */ jsx153("tr", { children: /* @__PURE__ */ jsx153(SchedulerCell, { as: "th", cellType: ["slot"] }) }),
+          /* @__PURE__ */ jsx153("tr", { children: /* @__PURE__ */ jsx153(SchedulerCell, { as: "th", children: /* @__PURE__ */ jsx153("span", { children: "11:00 AM" }) }) }),
+          /* @__PURE__ */ jsx153("tr", { children: /* @__PURE__ */ jsx153(SchedulerCell, { as: "th", cellType: ["slot"] }) }),
+          /* @__PURE__ */ jsx153("tr", { children: /* @__PURE__ */ jsx153(SchedulerCell, { as: "th", children: /* @__PURE__ */ jsx153("span", { children: "12:00 AM" }) }) }),
+          /* @__PURE__ */ jsx153("tr", { children: /* @__PURE__ */ jsx153(SchedulerCell, { as: "th", cellType: ["slot"] }) }),
+          /* @__PURE__ */ jsx153("tr", { children: /* @__PURE__ */ jsx153(SchedulerCell, { as: "th", children: /* @__PURE__ */ jsx153("span", { children: "1:00 PM" }) }) }),
+          /* @__PURE__ */ jsx153("tr", { children: /* @__PURE__ */ jsx153(SchedulerCell, { as: "th", cellType: ["slot"] }) }),
+          /* @__PURE__ */ jsx153("tr", { children: /* @__PURE__ */ jsx153(SchedulerCell, { as: "th", children: /* @__PURE__ */ jsx153("span", { children: "2:00 PM" }) }) }),
+          /* @__PURE__ */ jsx153("tr", { children: /* @__PURE__ */ jsx153(SchedulerCell, { as: "th", cellType: ["slot"] }) }),
+          /* @__PURE__ */ jsx153("tr", { children: /* @__PURE__ */ jsx153(SchedulerCell, { as: "th", children: /* @__PURE__ */ jsx153("span", { children: "3:00 PM" }) }) }),
+          /* @__PURE__ */ jsx153("tr", { children: /* @__PURE__ */ jsx153(SchedulerCell, { as: "th", cellType: ["slot"] }) }),
+          /* @__PURE__ */ jsx153("tr", { children: /* @__PURE__ */ jsx153(SchedulerCell, { as: "th", children: /* @__PURE__ */ jsx153("span", { children: "4:00 PM" }) }) }),
+          /* @__PURE__ */ jsx153("tr", { children: /* @__PURE__ */ jsx153(SchedulerCell, { as: "th", cellType: ["slot"] }) }),
+          /* @__PURE__ */ jsx153("tr", { children: /* @__PURE__ */ jsx153(SchedulerCell, { as: "th", children: /* @__PURE__ */ jsx153("span", { children: "5:00 PM" }) }) }),
+          /* @__PURE__ */ jsx153("tr", { children: /* @__PURE__ */ jsx153(SchedulerCell, { as: "th", cellType: ["slot"] }) })
+        ] }) }) }) }),
+        /* @__PURE__ */ jsx153("td", { children: /* @__PURE__ */ jsxs62(SchedulerContent, { style: { height: "195px" }, children: [
+          /* @__PURE__ */ jsx153(SchedulerTable, { children: /* @__PURE__ */ jsxs62("tbody", { children: [
+            /* @__PURE__ */ jsxs62("tr", { className: "k-middle-row", children: [
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" })
             ] }),
-            /* @__PURE__ */ jsxs57("tr", { children: [
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" })
+            /* @__PURE__ */ jsxs62("tr", { children: [
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" })
             ] }),
-            /* @__PURE__ */ jsxs57("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" })
+            /* @__PURE__ */ jsxs62("tr", { className: "k-middle-row", children: [
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" })
             ] }),
-            /* @__PURE__ */ jsxs57("tr", { children: [
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" })
+            /* @__PURE__ */ jsxs62("tr", { children: [
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" })
             ] }),
-            /* @__PURE__ */ jsxs57("tr", { className: "k-middle-row", children: [
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" })
+            /* @__PURE__ */ jsxs62("tr", { children: [
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" })
             ] }),
-            /* @__PURE__ */ jsxs57("tr", { children: [
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" }),
-              /* @__PURE__ */ jsx137("td", { className: "k-nonwork-hour" })
+            /* @__PURE__ */ jsxs62("tr", { children: [
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", children: "\xA0" }),
+              /* @__PURE__ */ jsx153(SchedulerCell, { as: "td", className: "k-nonwork-hour", children: "\xA0" })
             ] })
           ] }) }),
-          /* @__PURE__ */ jsxs57("div", { style: { top: "0px", height: "71px", width: "166px", left: "2px" }, className: "k-event", children: [
-            /* @__PURE__ */ jsx137("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ jsxs57("div", { children: [
-              /* @__PURE__ */ jsx137("div", { className: "k-event-template k-event-time", children: "7:00 AM - 8:00 AM" }),
-              /* @__PURE__ */ jsx137("div", { className: "k-event-template", children: "Event title" })
-            ] }),
-            /* @__PURE__ */ jsx137("span", { className: "k-event-actions", children: /* @__PURE__ */ jsx137("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ jsx137(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ jsx137("span", { className: "k-resize-handle k-resize-n" }),
-            /* @__PURE__ */ jsx137("span", { className: "k-resize-handle k-resize-s" })
-          ] }),
-          /* @__PURE__ */ jsxs57("div", { style: { top: "111px", height: "34px", width: "166px", left: "2px" }, className: "k-event k-event-ongoing", children: [
-            /* @__PURE__ */ jsx137("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ jsxs57("div", { children: [
-              /* @__PURE__ */ jsx137("div", { className: "k-event-template k-event-time", children: "8:30 AM - 9:00 AM" }),
-              /* @__PURE__ */ jsx137("div", { className: "k-event-template", children: "Event title that is long and overflows, testing multiline and overflow styles" })
-            ] }),
-            /* @__PURE__ */ jsx137("span", { className: "k-event-actions", children: /* @__PURE__ */ jsx137("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ jsx137(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ jsx137("span", { className: "k-resize-handle k-resize-n" }),
-            /* @__PURE__ */ jsx137("span", { className: "k-resize-handle k-resize-s" })
+          /* @__PURE__ */ jsxs62(SchedulerEvent, { ongoing: true, style: { top: "74px", left: "129px", height: "72px", width: "124px" }, children: [
+            /* @__PURE__ */ jsx153("div", { className: "k-event-template k-event-time", children: "8:00 AM - 9:00 AM" }),
+            /* @__PURE__ */ jsx153("div", { className: "k-event-template", children: "Event Title" })
           ] }),
-          /* @__PURE__ */ jsxs57("div", { style: { top: "36px", height: "108px", width: "166px", left: "348px" }, className: "k-event k-hover k-event-ongoing", children: [
-            /* @__PURE__ */ jsx137("span", { className: "k-event-actions", children: /* @__PURE__ */ jsx137(Icon, { icon: "arrow-rotate-cw" }) }),
-            /* @__PURE__ */ jsxs57("div", { children: [
-              /* @__PURE__ */ jsx137("div", { className: "k-event-template k-event-time", children: "7:30 AM - 9:00 AM" }),
-              /* @__PURE__ */ jsx137("div", { className: "k-event-template", children: "Hovered Recurring event" })
-            ] }),
-            /* @__PURE__ */ jsx137("span", { className: "k-event-actions", children: /* @__PURE__ */ jsx137("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ jsx137(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ jsx137("span", { className: "k-resize-handle k-resize-n" }),
-            /* @__PURE__ */ jsx137("span", { className: "k-resize-handle k-resize-s" })
-          ] }),
-          /* @__PURE__ */ jsxs57("div", { style: { top: "110px", height: "71px", width: "166px", left: "520px" }, className: "k-event k-selected k-event-ongoing", children: [
-            /* @__PURE__ */ jsx137("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ jsxs57("div", { children: [
-              /* @__PURE__ */ jsx137("div", { className: "k-event-template k-event-time", children: "8:30 AM - 9:30 AM" }),
-              /* @__PURE__ */ jsx137("div", { className: "k-event-template", children: "Selected event" })
-            ] }),
-            /* @__PURE__ */ jsx137("span", { className: "k-event-actions", children: /* @__PURE__ */ jsx137("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ jsx137(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ jsx137("span", { className: "k-resize-handle k-resize-n" }),
-            /* @__PURE__ */ jsx137("span", { className: "k-resize-handle k-resize-s" })
-          ] }),
-          /* @__PURE__ */ jsxs57("div", { style: { top: "0px", height: "71px", width: "166px", left: "520px", color: "#333", backgroundColor: "#ddf", borderColor: "#fff" }, className: "k-event", children: [
-            /* @__PURE__ */ jsx137("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ jsxs57("div", { children: [
-              /* @__PURE__ */ jsx137("div", { className: "k-event-template k-event-time", children: "7:00 AM - 8:00 AM" }),
-              /* @__PURE__ */ jsx137("div", { className: "k-event-template", children: "Custom color event" })
-            ] }),
-            /* @__PURE__ */ jsx137("span", { className: "k-event-actions", children: /* @__PURE__ */ jsx137("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ jsx137(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ jsx137("span", { className: "k-resize-handle k-resize-n" }),
-            /* @__PURE__ */ jsx137("span", { className: "k-resize-handle k-resize-s" })
+          /* @__PURE__ */ jsxs62(SchedulerEvent, { ongoing: true, resizable: "vertical", style: { top: "147px", left: "255px", height: "72px", width: "378px" }, children: [
+            /* @__PURE__ */ jsx153("div", { className: "k-event-template k-event-time", children: "9:00 AM - 10:00 AM" }),
+            /* @__PURE__ */ jsx153("div", { className: "k-event-template", children: "Event Title" })
           ] }),
-          /* @__PURE__ */ jsxs57("div", { className: "k-event k-event-drag-hint", style: { left: "175px", top: "0px", height: "71px", width: "166px" }, children: [
-            /* @__PURE__ */ jsx137("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ jsxs57("div", { children: [
-              /* @__PURE__ */ jsx137("div", { className: "k-event-template k-event-time", children: "8:00 AM - 9:00 AM" }),
-              /* @__PURE__ */ jsx137("div", { className: "k-event-template", children: "Drag hint" })
-            ] }),
-            /* @__PURE__ */ jsx137("span", { className: "k-event-actions", children: /* @__PURE__ */ jsx137("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ jsx137(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ jsx137("span", { className: "k-resize-handle k-resize-n" }),
-            /* @__PURE__ */ jsx137("span", { className: "k-resize-handle k-resize-s" })
-          ] }),
-          /* @__PURE__ */ jsxs57("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__ */ jsx137("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ jsxs57("div", { children: [
-              /* @__PURE__ */ jsx137("div", { className: "k-event-template k-event-time", children: "10:00 AM - 11:00 AM" }),
-              /* @__PURE__ */ jsx137("div", { className: "k-event-template", children: "Inverse Background" })
-            ] }),
-            /* @__PURE__ */ jsx137("span", { className: "k-event-actions", children: /* @__PURE__ */ jsx137("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ jsx137(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ jsx137("span", { className: "k-resize-handle k-resize-n" }),
-            /* @__PURE__ */ jsx137("span", { className: "k-resize-handle k-resize-s" })
-          ] }),
-          /* @__PURE__ */ jsxs57("div", { style: { top: "110px", height: "71px", width: "166px", left: "708px" }, className: "k-event k-event-ongoing", children: [
-            /* @__PURE__ */ jsx137("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ jsxs57("div", { children: [
-              /* @__PURE__ */ jsx137("div", { className: "k-event-template k-event-time", children: "8:30 AM - 9:30 AM" }),
-              /* @__PURE__ */ jsx137("div", { className: "k-event-template", children: "Multi-Day event" })
-            ] }),
-            /* @__PURE__ */ jsx137("span", { className: "k-event-actions", children: /* @__PURE__ */ jsx137("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ jsx137(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ jsx137("span", { className: "k-event-top-actions", children: /* @__PURE__ */ jsx137(Icon, { icon: "caret-alt-up" }) }),
-            /* @__PURE__ */ jsx137("span", { className: "k-event-bottom-actions", children: /* @__PURE__ */ jsx137(Icon, { icon: "caret-alt-down" }) }),
-            /* @__PURE__ */ jsx137("span", { className: "k-resize-handle k-resize-n" }),
-            /* @__PURE__ */ jsx137("span", { className: "k-resize-handle k-resize-s" })
+          /* @__PURE__ */ jsxs62(SchedulerEvent, { ongoing: true, style: { top: "74px", left: "636px", height: "72px", width: "124px" }, children: [
+            /* @__PURE__ */ jsx153("div", { className: "k-event-template k-event-time", children: "8:00 AM - 9:00 AM" }),
+            /* @__PURE__ */ jsx153("div", { className: "k-event-template", children: "Event Title" })
           ] })
         ] }) })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx137(Toolbar, { className: "k-scheduler-footer", children: /* @__PURE__ */ jsx137(Button, { icon: "clock", className: "k-scheduler-fullday", children: "Show business hours" }) })
-  ] }),
-  /* @__PURE__ */ jsxs57("div", { id: "scheduler", className: "k-widget k-scheduler", children: [
-    /* @__PURE__ */ jsxs57(Toolbar, { className: "k-scheduler-toolbar", children: [
-      /* @__PURE__ */ jsxs57(ButtonGroup, { className: "k-scheduler-navigation", children: [
-        /* @__PURE__ */ jsx137(Button, { className: "k-group-start", children: "Today" }),
-        /* @__PURE__ */ jsx137(Button, { icon: "caret-alt-left" }),
-        /* @__PURE__ */ jsx137(Button, { className: "k-group-end", icon: "caret-alt-right" })
+    ...props
+  }
+);
+
+// src/scheduler/templates/scheduler-month.tsx
+import { Fragment as Fragment51, jsx as jsx154, jsxs as jsxs63 } from "react/jsx-runtime";
+
+// src/scheduler/templates/scheduler-timeline.tsx
+import { Fragment as Fragment52, jsx as jsx155, jsxs as jsxs64 } from "react/jsx-runtime";
+var SchedulerTimeline = ({ style, ...props }) => /* @__PURE__ */ jsx155(
+  Scheduler,
+  {
+    style,
+    layout: "table",
+    view: "timeline",
+    toolbar: /* @__PURE__ */ jsx155(Fragment52, { children: /* @__PURE__ */ jsxs64(SchedulerToolbar, { children: [
+      /* @__PURE__ */ jsxs64(ButtonGroup, { className: "k-scheduler-navigation", children: [
+        /* @__PURE__ */ jsx155(Button, { className: "k-group-start", children: "Today" }),
+        /* @__PURE__ */ jsx155(Button, { icon: "caret-alt-left" }),
+        /* @__PURE__ */ jsx155(Button, { className: "k-group-end", icon: "caret-alt-right" })
       ] }),
-      /* @__PURE__ */ jsx137(Button, { icon: "calendar", className: "k-nav-current", fillMode: "flat", children: "Monday, February 18, 2019" }),
-      /* @__PURE__ */ jsx137("span", { className: "k-spacer" }),
-      /* @__PURE__ */ jsxs57(ButtonGroup, { className: "k-scheduler-views", children: [
-        /* @__PURE__ */ jsx137(Button, { className: "k-group-start", children: "Day" }),
-        /* @__PURE__ */ jsx137(Button, { children: "Week" }),
-        /* @__PURE__ */ jsx137(Button, { children: "Month" }),
-        /* @__PURE__ */ jsx137(Button, { className: "k-group-end", selected: true, children: "Agenda" })
+      /* @__PURE__ */ jsx155(Button, { icon: "calendar", className: "k-nav-current", fillMode: "flat", children: "Monday, June 13, 2024" }),
+      /* @__PURE__ */ jsx155("span", { className: "k-spacer" }),
+      /* @__PURE__ */ jsxs64(ButtonGroup, { className: "k-scheduler-views", children: [
+        /* @__PURE__ */ jsx155(Button, { className: "k-group-start", children: "Day" }),
+        /* @__PURE__ */ jsx155(Button, { children: "Week" }),
+        /* @__PURE__ */ jsx155(Button, { children: "Month" }),
+        /* @__PURE__ */ jsx155(Button, { selected: true, children: "Timeline" }),
+        /* @__PURE__ */ jsx155(Button, { className: "k-group-end", children: "Agenda" })
       ] })
-    ] }),
-    /* @__PURE__ */ jsx137("table", { className: "k-scheduler-layout k-scheduler-timelineview k-scrollbar-h", children: /* @__PURE__ */ jsxs57("tbody", { children: [
-      /* @__PURE__ */ jsxs57("tr", { children: [
-        /* @__PURE__ */ jsx137("td", { children: /* @__PURE__ */ jsx137("div", { className: "k-scheduler-times", children: /* @__PURE__ */ jsx137("table", { className: "k-scheduler-table", children: /* @__PURE__ */ jsxs57("tbody", { children: [
-          /* @__PURE__ */ jsx137("tr", { style: { height: "31px" }, children: /* @__PURE__ */ jsx137("th", {}) }),
-          /* @__PURE__ */ jsx137("tr", { style: { height: "31px" }, children: /* @__PURE__ */ jsx137("th", {}) })
+    ] }) }),
+    footer: /* @__PURE__ */ jsx155(Fragment52, { children: /* @__PURE__ */ jsx155(SchedulerToolbar, { footer: true, children: /* @__PURE__ */ jsx155(Button, { icon: "clock", className: "k-scheduler-fullday", children: "Show business hours" }) }) }),
+    children: /* @__PURE__ */ jsxs64("tbody", { children: [
+      /* @__PURE__ */ jsxs64(SchedulerHead, { as: "tr", children: [
+        /* @__PURE__ */ jsx155("td", { children: /* @__PURE__ */ jsx155(SchedulerTimes, { children: /* @__PURE__ */ jsx155(SchedulerTable, { children: /* @__PURE__ */ jsxs64("tbody", { children: [
+          /* @__PURE__ */ jsx155("tr", { style: { height: "37px" }, children: /* @__PURE__ */ jsx155(SchedulerCell, { as: "th" }) }),
+          /* @__PURE__ */ jsx155("tr", { style: { height: "37px" }, children: /* @__PURE__ */ jsx155(SchedulerCell, { as: "th" }) })
         ] }) }) }) }),
-        /* @__PURE__ */ jsx137("td", { children: /* @__PURE__ */ jsx137("div", { className: "k-scheduler-header", children: /* @__PURE__ */ jsxs57("div", { className: "k-scheduler-header-wrap", children: [
-          /* @__PURE__ */ jsx137("div", { className: "k-current-time k-current-time-arrow-down", style: { left: "524.534px", top: "36px" } }),
-          /* @__PURE__ */ jsx137("table", { className: "k-scheduler-table", style: { width: "100%" }, children: /* @__PURE__ */ jsxs57("tbody", { children: [
-            /* @__PURE__ */ jsx137("tr", { children: /* @__PURE__ */ jsx137("th", { colSpan: 8, className: "k-slot-cell", children: /* @__PURE__ */ jsx137("span", { className: "k-link k-nav-day", children: "February 18" }) }) }),
-            /* @__PURE__ */ jsxs57("tr", { children: [
-              /* @__PURE__ */ jsx137("th", { colSpan: 2, children: "7:00 AM" }),
-              /* @__PURE__ */ jsx137("th", { colSpan: 2, children: "8:00 AM" }),
-              /* @__PURE__ */ jsx137("th", { colSpan: 2, children: "9:00 AM" }),
-              /* @__PURE__ */ jsx137("th", { colSpan: 2, children: "10:00 AM" })
-            ] })
-          ] }) })
-        ] }) }) })
+        /* @__PURE__ */ jsx155("td", { children: /* @__PURE__ */ jsx155(SchedulerHeader, { children: /* @__PURE__ */ jsx155(SchedulerTable, { style: { width: "495%" }, children: /* @__PURE__ */ jsxs64("tbody", { children: [
+          /* @__PURE__ */ jsx155("tr", { className: "k-scheduler-date-group", children: /* @__PURE__ */ jsx155(SchedulerCell, { cellType: ["slot"], as: "th", colspan: 34, text: "June 13" }) }),
+          /* @__PURE__ */ jsxs64("tr", { children: [
+            /* @__PURE__ */ jsx155(SchedulerCell, { as: "th", colspan: 2, children: "7:00 AM" }),
+            /* @__PURE__ */ jsx155(SchedulerCell, { as: "th", colspan: 2, children: "8:00 AM" }),
+            /* @__PURE__ */ jsx155(SchedulerCell, { as: "th", colspan: 2, children: "9:00 AM" }),
+            /* @__PURE__ */ jsx155(SchedulerCell, { as: "th", colspan: 2, children: "10:00 AM" }),
+            /* @__PURE__ */ jsx155(SchedulerCell, { as: "th", colspan: 2, children: "11:00 AM" }),
+            /* @__PURE__ */ jsx155(SchedulerCell, { as: "th", colspan: 2, children: "12:00 PM" }),
+            /* @__PURE__ */ jsx155(SchedulerCell, { as: "th", colspan: 2, children: "1:00 PM" }),
+            /* @__PURE__ */ jsx155(SchedulerCell, { as: "th", colspan: 2, children: "2:00 PM" }),
+            /* @__PURE__ */ jsx155(SchedulerCell, { as: "th", colspan: 2, children: "3:00 PM" }),
+            /* @__PURE__ */ jsx155(SchedulerCell, { as: "th", colspan: 2, children: "4:00 PM" }),
+            /* @__PURE__ */ jsx155(SchedulerCell, { as: "th", colspan: 2, children: "5:00 PM" })
+          ] })
+        ] }) }) }) })
       ] }),
-      /* @__PURE__ */ jsxs57("tr", { children: [
-        /* @__PURE__ */ jsx137("td", { children: /* @__PURE__ */ jsx137("div", { className: "k-scheduler-times", style: { height: "100px" }, children: /* @__PURE__ */ jsx137("table", { className: "k-scheduler-table", style: { height: "50px" }, children: /* @__PURE__ */ jsx137("tbody", { children: /* @__PURE__ */ jsx137("tr", { style: { height: "50px" }, children: /* @__PURE__ */ jsx137("th", { rowSpan: 1, children: "All events" }) }) }) }) }) }),
-        /* @__PURE__ */ jsx137("td", { children: /* @__PURE__ */ jsxs57("div", { className: "k-scheduler-content", style: { height: "100px" }, children: [
-          /* @__PURE__ */ jsx137("div", { className: "k-current-time", style: { left: "528px", width: "1px", height: "100px", top: "0px" } }),
-          /* @__PURE__ */ jsx137("table", { className: "k-scheduler-table", style: { width: "100%" }, children: /* @__PURE__ */ jsx137("tbody", { children: /* @__PURE__ */ jsxs57("tr", { style: { height: "50px" }, children: [
-            /* @__PURE__ */ jsx137("td", { className: "k-today k-nonwork-hour" }),
-            /* @__PURE__ */ jsx137("td", { className: "k-today k-nonwork-hour" }),
-            /* @__PURE__ */ jsx137("td", { className: "k-today" }),
-            /* @__PURE__ */ jsx137("td", { className: "k-today" }),
-            /* @__PURE__ */ jsx137("td", { className: "k-today" }),
-            /* @__PURE__ */ jsx137("td", { className: "k-today" }),
-            /* @__PURE__ */ jsx137("td", { className: "k-today" }),
-            /* @__PURE__ */ jsx137("td", { className: "k-today" })
-          ] }) }) })
-        ] }) })
+      /* @__PURE__ */ jsxs64(SchedulerBody, { as: "tr", children: [
+        /* @__PURE__ */ jsx155("td", { children: /* @__PURE__ */ jsx155(SchedulerTimes, { children: /* @__PURE__ */ jsx155(SchedulerTable, { children: /* @__PURE__ */ jsx155("tbody", { children: /* @__PURE__ */ jsx155("tr", { children: /* @__PURE__ */ jsx155(SchedulerCell, { as: "th", rowspan: 1, children: "All Events" }) }) }) }) }) }),
+        /* @__PURE__ */ jsx155("td", { children: /* @__PURE__ */ jsx155(SchedulerContent, { style: { height: "100px" }, children: /* @__PURE__ */ jsx155(SchedulerTable, { children: /* @__PURE__ */ jsx155("tbody", { children: /* @__PURE__ */ jsxs64("tr", { children: [
+          /* @__PURE__ */ jsx155(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+          /* @__PURE__ */ jsx155(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+          /* @__PURE__ */ jsx155(SchedulerCell, { as: "td" }),
+          /* @__PURE__ */ jsx155(SchedulerCell, { as: "td" }),
+          /* @__PURE__ */ jsx155(SchedulerCell, { as: "td" }),
+          /* @__PURE__ */ jsx155(SchedulerCell, { as: "td" }),
+          /* @__PURE__ */ jsx155(SchedulerCell, { as: "td" })
+        ] }) }) }) }) })
       ] })
-    ] }) }),
-    /* @__PURE__ */ jsx137(Toolbar, { className: "k-scheduler-footer", children: /* @__PURE__ */ jsx137(Button, { icon: "clock", className: "k-scheduler-fullday", children: "Show business hours" }) })
-  ] })
+    ] }),
+    ...props
+  }
+);
+
+// src/scheduler/templates/scheduler-agenda.tsx
+import { Fragment as Fragment53, jsx as jsx156, jsxs as jsxs65 } from "react/jsx-runtime";
+
+// src/scheduler/templates/scheduler-flex-day.tsx
+import { Fragment as Fragment54, jsx as jsx157, jsxs as jsxs66 } from "react/jsx-runtime";
+
+// src/scheduler/templates/scheduler-flex-week.tsx
+import { Fragment as Fragment55, jsx as jsx158, jsxs as jsxs67 } from "react/jsx-runtime";
+
+// src/scheduler/templates/scheduler-flex-month.tsx
+import { Fragment as Fragment56, jsx as jsx159, jsxs as jsxs68 } from "react/jsx-runtime";
+
+// src/scheduler/templates/scheduler-flex-timeline.tsx
+import { Fragment as Fragment57, jsx as jsx160, jsxs as jsxs69 } from "react/jsx-runtime";
+
+// src/scheduler/templates/scheduler-flex-agenda.tsx
+import { Fragment as Fragment58, jsx as jsx161, jsxs as jsxs70 } from "react/jsx-runtime";
+
+// src/scheduler/templates/scheduler-horizontal-grouping.tsx
+import { Fragment as Fragment59, jsx as jsx162, jsxs as jsxs71 } from "react/jsx-runtime";
+
+// src/scheduler/templates/scheduler-vertical-grouping.tsx
+import { Fragment as Fragment60, jsx as jsx163, jsxs as jsxs72 } from "react/jsx-runtime";
+
+// src/scheduler/templates/scheduler-flex-horizontal-grouping.tsx
+import { Fragment as Fragment61, jsx as jsx164, jsxs as jsxs73 } from "react/jsx-runtime";
+
+// src/scheduler/templates/scheduler-flex-vertical-grouping.tsx
+import { Fragment as Fragment62, jsx as jsx165, jsxs as jsxs74 } from "react/jsx-runtime";
+
+// src/scheduler/tests/scheduler-current-time-marker.tsx
+import { Fragment as Fragment63, jsx as jsx166, jsxs as jsxs75 } from "react/jsx-runtime";
+var scheduler_current_time_marker_default = () => /* @__PURE__ */ jsx166(Fragment63, { children: /* @__PURE__ */ jsxs75("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
+  /* @__PURE__ */ jsx166(
+    SchedulerWeek,
+    {
+      toolbar: /* @__PURE__ */ jsxs75(SchedulerToolbar, { children: [
+        /* @__PURE__ */ jsxs75(ButtonGroup, { className: "k-scheduler-navigation", children: [
+          /* @__PURE__ */ jsx166(Button, { className: "k-group-start", children: "Today" }),
+          /* @__PURE__ */ jsx166(Button, { icon: "caret-alt-left" }),
+          /* @__PURE__ */ jsx166(Button, { className: "k-group-end", icon: "caret-alt-right" })
+        ] }),
+        /* @__PURE__ */ jsx166(Button, { icon: "calendar", className: "k-nav-current", fillMode: "flat", children: "Monday, June 10, 2013 - Friday, June 14, 2013" }),
+        /* @__PURE__ */ jsx166("span", { className: "k-spacer" }),
+        /* @__PURE__ */ jsxs75(ButtonGroup, { className: "k-scheduler-views", children: [
+          /* @__PURE__ */ jsx166(Button, { className: "k-group-start", children: "Day" }),
+          /* @__PURE__ */ jsx166(Button, { selected: true, children: "Week" }),
+          /* @__PURE__ */ jsx166(Button, { children: "Month" }),
+          /* @__PURE__ */ jsx166(Button, { children: "Timeline" }),
+          /* @__PURE__ */ jsx166(Button, { className: "k-group-end", children: "Agenda" })
+        ] })
+      ] }),
+      footer: /* @__PURE__ */ jsx166(Fragment63, { children: /* @__PURE__ */ jsx166(SchedulerToolbar, { footer: true, children: /* @__PURE__ */ jsx166(Button, { icon: "clock", className: "k-scheduler-fullday", children: "Show business hours" }) }) }),
+      children: /* @__PURE__ */ jsx166(Fragment63, { children: /* @__PURE__ */ jsxs75("tbody", { children: [
+        /* @__PURE__ */ jsxs75(SchedulerHead, { as: "tr", children: [
+          /* @__PURE__ */ jsx166("td", { children: /* @__PURE__ */ jsx166(SchedulerTimes, { children: /* @__PURE__ */ jsx166(SchedulerTable, { children: /* @__PURE__ */ jsxs75("tbody", { children: [
+            /* @__PURE__ */ jsx166("tr", { style: { height: "37px" }, children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th" }) }),
+            /* @__PURE__ */ jsx166("tr", { style: { height: "72px" }, children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", allDay: true, children: "all day" }) })
+          ] }) }) }) }),
+          /* @__PURE__ */ jsx166("td", { children: /* @__PURE__ */ jsxs75(SchedulerHeader, { children: [
+            /* @__PURE__ */ jsx166(SchedulerTable, { children: /* @__PURE__ */ jsx166("tbody", { children: /* @__PURE__ */ jsxs75("tr", { children: [
+              /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", text: "Mon 6/10", colspan: 1 }),
+              /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", text: "Tue 6/11", colspan: 1 }),
+              /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", text: "Wed 6/12", colspan: 1 }),
+              /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", text: "Thu 6/13", colspan: 1 }),
+              /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", text: "Fri 6/14", colspan: 1 })
+            ] }) }) }),
+            /* @__PURE__ */ jsxs75("div", { style: { position: "relative" }, children: [
+              /* @__PURE__ */ jsx166(SchedulerTable, { className: "k-scheduler-header-all-day", children: /* @__PURE__ */ jsx166("tbody", { children: /* @__PURE__ */ jsxs75("tr", { style: { height: "72px" }, children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" })
+              ] }) }) }),
+              /* @__PURE__ */ jsx166(
+                SchedulerEvent,
+                {
+                  resizable: "horizontal",
+                  eventPrefix: /* @__PURE__ */ jsx166(Icon, { icon: "caret-alt-left" }),
+                  eventSuffix: /* @__PURE__ */ jsxs75(Fragment63, { children: [
+                    /* @__PURE__ */ jsx166("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ jsx166(Icon, { icon: "x" }) }),
+                    /* @__PURE__ */ jsx166(Icon, { icon: "caret-alt-right" })
+                  ] }),
+                  children: /* @__PURE__ */ jsx166("div", { children: /* @__PURE__ */ jsx166("div", { className: "k-event-template", children: "Two Weeks in NZ" }) })
+                }
+              )
+            ] })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsxs75(SchedulerBody, { as: "tr", children: [
+          /* @__PURE__ */ jsx166("td", { children: /* @__PURE__ */ jsxs75(SchedulerTimes, { style: { height: "195px" }, children: [
+            /* @__PURE__ */ jsx166("div", { className: "k-current-time k-current-time-arrow-right", style: { left: "0px", top: "115px" } }),
+            /* @__PURE__ */ jsx166(SchedulerTable, { style: { height: "1258px" }, children: /* @__PURE__ */ jsxs75("tbody", { children: [
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, children: "7:00 AM" }) }),
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) }),
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, children: "8:00 AM" }) }),
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) }),
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, children: "9:00 AM" }) }),
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) }),
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, children: "10:00 AM" }) }),
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) }),
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, children: "11:00 AM" }) }),
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) }),
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, children: "12:00 PM" }) }),
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) }),
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, children: "1:00 PM" }) }),
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) }),
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, children: "2:00 PM" }) }),
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) }),
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, children: "3:00 PM" }) }),
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) }),
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, children: "4:00 PM" }) }),
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) }),
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, children: "5:00 PM" }) }),
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) }),
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, children: "6:00 PM" }) }),
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) }),
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, children: "7:00 PM" }) }),
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) }),
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, children: "8:00 PM" }) }),
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) }),
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, children: "9:00 PM" }) }),
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) }),
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, children: "10:00 PM" }) }),
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) }),
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, children: "11:00 PM" }) }),
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, cellType: ["slot"] }) })
+            ] }) })
+          ] }) }),
+          /* @__PURE__ */ jsx166("td", { children: /* @__PURE__ */ jsxs75(SchedulerContent, { style: { height: "195px" }, children: [
+            /* @__PURE__ */ jsx166("div", { className: "k-current-time", style: { top: "115px", height: "1px", right: "0px", width: "888px", left: "0px;" } }),
+            /* @__PURE__ */ jsx166(SchedulerTable, { children: /* @__PURE__ */ jsxs75("tbody", { children: [
+              /* @__PURE__ */ jsxs75("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" })
+              ] }),
+              /* @__PURE__ */ jsxs75("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" })
+              ] }),
+              /* @__PURE__ */ jsxs75("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ jsxs75("tr", { children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ jsxs75("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ jsxs75("tr", { children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ jsxs75("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ jsxs75("tr", { children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ jsxs75("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ jsxs75("tr", { children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ jsxs75("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ jsxs75("tr", { children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ jsxs75("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ jsxs75("tr", { children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ jsxs75("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ jsxs75("tr", { children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ jsxs75("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ jsxs75("tr", { children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ jsxs75("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ jsxs75("tr", { children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td" })
+              ] }),
+              /* @__PURE__ */ jsxs75("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" })
+              ] }),
+              /* @__PURE__ */ jsxs75("tr", { children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" })
+              ] }),
+              /* @__PURE__ */ jsxs75("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" })
+              ] }),
+              /* @__PURE__ */ jsxs75("tr", { children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" })
+              ] }),
+              /* @__PURE__ */ jsxs75("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" })
+              ] }),
+              /* @__PURE__ */ jsxs75("tr", { children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" })
+              ] }),
+              /* @__PURE__ */ jsxs75("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" })
+              ] }),
+              /* @__PURE__ */ jsxs75("tr", { children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" })
+              ] }),
+              /* @__PURE__ */ jsxs75("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" })
+              ] }),
+              /* @__PURE__ */ jsxs75("tr", { children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" })
+              ] }),
+              /* @__PURE__ */ jsxs75("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" })
+              ] }),
+              /* @__PURE__ */ jsxs75("tr", { children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" })
+              ] }),
+              /* @__PURE__ */ jsxs75("tr", { className: "k-middle-row", children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" })
+              ] }),
+              /* @__PURE__ */ jsxs75("tr", { children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-nonwork-hour" })
+              ] })
+            ] }) })
+          ] }) })
+        ] })
+      ] }) })
+    }
+  ),
+  /* @__PURE__ */ jsx166(
+    SchedulerTimeline,
+    {
+      toolbar: /* @__PURE__ */ jsx166(Fragment63, { children: /* @__PURE__ */ jsxs75(SchedulerToolbar, { children: [
+        /* @__PURE__ */ jsxs75(ButtonGroup, { className: "k-scheduler-navigation", children: [
+          /* @__PURE__ */ jsx166(Button, { className: "k-group-start", children: "Today" }),
+          /* @__PURE__ */ jsx166(Button, { icon: "caret-alt-left" }),
+          /* @__PURE__ */ jsx166(Button, { className: "k-group-end", icon: "caret-alt-right" })
+        ] }),
+        /* @__PURE__ */ jsx166(Button, { icon: "calendar", className: "k-nav-current", fillMode: "flat", children: "Monday, February 18, 2019" }),
+        /* @__PURE__ */ jsx166("span", { className: "k-spacer" }),
+        /* @__PURE__ */ jsxs75(ButtonGroup, { className: "k-scheduler-views", children: [
+          /* @__PURE__ */ jsx166(Button, { className: "k-group-start", children: "Day" }),
+          /* @__PURE__ */ jsx166(Button, { children: "Week" }),
+          /* @__PURE__ */ jsx166(Button, { children: "Month" }),
+          /* @__PURE__ */ jsx166(Button, { selected: true, children: "Timeline" }),
+          /* @__PURE__ */ jsx166(Button, { className: "k-group-end", children: "Agenda" })
+        ] })
+      ] }) }),
+      footer: /* @__PURE__ */ jsx166(Fragment63, { children: /* @__PURE__ */ jsx166(Toolbar, { className: "k-scheduler-footer", children: /* @__PURE__ */ jsx166(Button, { icon: "clock", className: "k-scheduler-fullday", children: "Show business hours" }) }) }),
+      children: /* @__PURE__ */ jsx166(Fragment63, { children: /* @__PURE__ */ jsxs75("tbody", { children: [
+        /* @__PURE__ */ jsxs75(SchedulerHead, { as: "tr", children: [
+          /* @__PURE__ */ jsx166("td", { children: /* @__PURE__ */ jsx166(SchedulerTimes, { children: /* @__PURE__ */ jsx166(SchedulerTable, { children: /* @__PURE__ */ jsxs75("tbody", { children: [
+            /* @__PURE__ */ jsx166("tr", { style: { height: "31px" }, children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th" }) }),
+            /* @__PURE__ */ jsx166("tr", { style: { height: "31px" }, children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th" }) })
+          ] }) }) }) }),
+          /* @__PURE__ */ jsx166("td", { children: /* @__PURE__ */ jsxs75(SchedulerHeader, { children: [
+            /* @__PURE__ */ jsx166("div", { className: "k-current-time k-current-time-arrow-down", style: { left: "524.534px", top: "36px" } }),
+            /* @__PURE__ */ jsx166(SchedulerTable, { children: /* @__PURE__ */ jsxs75("tbody", { children: [
+              /* @__PURE__ */ jsx166("tr", { children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", text: "Monday, February 18, 2019", colspan: 8 }) }),
+              /* @__PURE__ */ jsxs75("tr", { children: [
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", text: "7:00 AM", colspan: 2 }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", text: "8:00 AM", colspan: 2 }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", text: "9:00 AM", colspan: 2 }),
+                /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", text: "10:00 AM", colspan: 2 })
+              ] })
+            ] }) })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsxs75(SchedulerBody, { as: "tr", children: [
+          /* @__PURE__ */ jsx166("td", { children: /* @__PURE__ */ jsx166(SchedulerTimes, { style: { height: "100px" }, children: /* @__PURE__ */ jsx166(SchedulerTable, { children: /* @__PURE__ */ jsx166("tbody", { children: /* @__PURE__ */ jsx166("tr", { style: { height: "50px" }, children: /* @__PURE__ */ jsx166(SchedulerCell, { as: "th", rowspan: 1, children: "All events" }) }) }) }) }) }),
+          /* @__PURE__ */ jsx166("td", { children: /* @__PURE__ */ jsxs75(SchedulerContent, { style: { height: "100px" }, children: [
+            /* @__PURE__ */ jsx166("div", { className: "k-current-time", style: { left: "528px", width: "1px", height: "100px", top: "0px" } }),
+            /* @__PURE__ */ jsx166(SchedulerTable, { style: { width: "100%" }, children: /* @__PURE__ */ jsx166("tbody", { children: /* @__PURE__ */ jsxs75("tr", { style: { height: "50px" }, children: [
+              /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-today k-nonwork-hour" }),
+              /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-today k-nonwork-hour" }),
+              /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-today" }),
+              /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-today" }),
+              /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-today" }),
+              /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-today" }),
+              /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-today" }),
+              /* @__PURE__ */ jsx166(SchedulerCell, { as: "td", className: "k-today" })
+            ] }) }) })
+          ] }) })
+        ] })
+      ] }) })
+    }
+  )
 ] }) });
 export {
-  scheduler_default as default
+  scheduler_current_time_marker_default as default
 };