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

package/dist/cjs/scheduler/tests/{scheduler-react-timeline.js → scheduler-year-view.js}

@@ -16,12 +16,12 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/scheduler/tests/scheduler-react-timeline.tsx
-var scheduler_react_timeline_exports = {};
-__export(scheduler_react_timeline_exports, {
-  default: () => scheduler_react_timeline_default
+// src/scheduler/tests/scheduler-year-view.tsx
+var scheduler_year_view_exports = {};
+__export(scheduler_year_view_exports, {
+  default: () => scheduler_year_view_default
 });
-module.exports = __toCommonJS(scheduler_react_timeline_exports);
+module.exports = __toCommonJS(scheduler_year_view_exports);
 
 // src/misc/class-names.ts
 var classNames = (...args) => {
@@ -4374,6 +4374,7 @@ var Icon = (props) => {
 Icon.states = states3;
 Icon.options = options3;
 Icon.defaultProps = defaultProps3;
+var icon_spec_default = Icon;
 
 // src/button/button.spec.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
@@ -5272,7 +5273,7 @@ var defaultProps18 = {
 };
 var SliderTick = (props) => {
   const {
-    style: style2,
+    style,
     label = defaultProps18.label,
     orientation,
     large,
@@ -5291,7 +5292,7 @@ var SliderTick = (props) => {
           "k-tick-large": large
         }
       ),
-      style: style2,
+      style,
       children: label && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "k-label", children: text })
     }
   );
@@ -6540,7 +6541,7 @@ var ColorPaletteTile = (props) => {
     selected,
     ...other
   } = props;
-  const styles = {
+  const styles2 = {
     "background-color": color,
     "width": tileSize ? tileSize + "px" : "",
     "height": tileSize ? tileSize + "px" : ""
@@ -6558,7 +6559,7 @@ var ColorPaletteTile = (props) => {
           selected
         })
       ),
-      style: styles
+      style: styles2
     }
   );
 };
@@ -8033,617 +8034,1218 @@ var import_jsx_runtime135 = require("react/jsx-runtime");
 // src/toolbar/templates/toolbar-angular-resizable.tsx
 var import_jsx_runtime136 = require("react/jsx-runtime");
 
-// src/scheduler/tests/scheduler-react-timeline.tsx
+// src/scheduler/templates/scheduler-day.tsx
 var import_jsx_runtime137 = require("react/jsx-runtime");
-var style = `
-    #test-area {
-        max-width: 1400px;
+
+// src/scheduler/scheduler-view.spec.tsx
+var import_jsx_runtime138 = require("react/jsx-runtime");
+var SCHEDULER_VIEW_CLASSNAME = "k-scheduler-layout";
+var states51 = [];
+var options49 = {};
+var defaultProps49 = {};
+var SchedulerView = (props) => {
+  const {
+    as: Component = "div",
+    view,
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+    Component,
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        SCHEDULER_VIEW_CLASSNAME,
+        {
+          [`k-scheduler-${view}view`]: view
+        }
+      ),
+      children: props.children
+    }
+  );
+};
+SchedulerView.states = states51;
+SchedulerView.options = options49;
+SchedulerView.className = SCHEDULER_VIEW_CLASSNAME;
+SchedulerView.defaultProps = defaultProps49;
+var scheduler_view_spec_default = SchedulerView;
+
+// src/scheduler/scheduler.spec.tsx
+var import_jsx_runtime139 = require("react/jsx-runtime");
+var SCHEDULER_CLASSNAME = "k-scheduler";
+var states52 = [];
+var options50 = {};
+var defaultProps50 = {};
+var Scheduler = (props) => {
+  const {
+    view,
+    toolbar,
+    footer,
+    layout,
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        SCHEDULER_CLASSNAME
+      ),
+      children: [
+        toolbar,
+        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+          scheduler_view_spec_default,
+          {
+            className: classNames(
+              {
+                "k-scheduler-layout-flex": layout === "flex"
+              }
+            ),
+            as: layout === "table" ? "table" : "div",
+            view,
+            children: props.children
+          }
+        ),
+        footer
+      ]
+    }
+  );
+};
+Scheduler.states = states52;
+Scheduler.options = options50;
+Scheduler.className = SCHEDULER_CLASSNAME;
+Scheduler.defaultProps = defaultProps50;
+
+// src/scheduler/scheduler-header.spec.tsx
+var import_jsx_runtime140 = require("react/jsx-runtime");
+
+// src/scheduler/scheduler-content.spec.tsx
+var import_jsx_runtime141 = require("react/jsx-runtime");
+
+// src/scheduler/scheduler-times.spec.tsx
+var import_jsx_runtime142 = require("react/jsx-runtime");
+
+// src/scheduler/scheduler-table.spec.tsx
+var import_jsx_runtime143 = require("react/jsx-runtime");
+
+// src/scheduler/scheduler-cell.spec.tsx
+var import_jsx_runtime144 = require("react/jsx-runtime");
+var className14 = "k-scheduler-cell";
+var states53 = [];
+var options51 = {};
+var defaultOptions = {};
+var SchedulerCell = (props) => {
+  const {
+    cellType,
+    allDay,
+    text,
+    colspan,
+    rowspan,
+    as: Component = "div",
+    ...other
+  } = props;
+  const textOrChildren = text ? text : props.children;
+  return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+    Component,
+    {
+      ...other,
+      colSpan: colspan,
+      rowSpan: rowspan,
+      className: classNames(
+        className14,
+        props.className,
+        {
+          "k-scheduler-times-all-day": allDay
+        },
+        cellType == null ? void 0 : cellType.map((t) => ({
+          [`k-${t}-cell`]: true
+        }))
+      ),
+      children: !allDay && text ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { className: "k-link k-nav-day", children: textOrChildren }) : textOrChildren
+    }
+  );
+};
+SchedulerCell.states = states53;
+SchedulerCell.options = options51;
+SchedulerCell.defaultProps = defaultOptions;
+SchedulerCell.className = className14;
+
+// src/scheduler/scheduler-sticky-cell.spec.tsx
+var import_jsx_runtime145 = require("react/jsx-runtime");
+
+// src/scheduler/scheduler-row.spec.tsx
+var import_jsx_runtime146 = require("react/jsx-runtime");
+
+// src/scheduler/scheduler-toolbar.spec.tsx
+var import_jsx_runtime147 = require("react/jsx-runtime");
+
+// src/scheduler/scheduler-body.spec.tsx
+var import_jsx_runtime148 = require("react/jsx-runtime");
+
+// src/scheduler/scheduler-head.spec.tsx
+var import_jsx_runtime149 = require("react/jsx-runtime");
+
+// src/scheduler/scheduler-group.spec.tsx
+var import_jsx_runtime150 = require("react/jsx-runtime");
+var className15 = "k-scheduler-group";
+var states54 = [];
+var options52 = {};
+var defaultProps51 = {
+  orientation: "horizontal"
+};
+var SchedulerGroup = (props) => {
+  const {
+    orientation = defaultProps51.orientation,
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        className15,
+        props.className,
+        {
+          "k-group-horizontal": orientation === "horizontal"
+        }
+      ),
+      children: props.children
+    }
+  );
+};
+SchedulerGroup.states = states54;
+SchedulerGroup.options = options52;
+SchedulerGroup.defaultProps = defaultProps51;
+SchedulerGroup.className = className15;
+
+// src/scheduler/scheduler-event.spec.tsx
+var import_jsx_runtime151 = require("react/jsx-runtime");
+var className16 = "k-event";
+var states55 = [
+  States.hover,
+  States.focus,
+  States.selected
+];
+var options53 = {};
+var defaultProps52 = {
+  resizable: "vertical",
+  eventPrefix: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(Icon, { icon: "arrow-rotate-cw" }),
+  eventSuffix: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(import_jsx_runtime151.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("a", { href: "#", className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(Icon, { icon: "x" }) }) })
+};
+var SchedulerEvent = (props) => {
+  const {
+    inverse,
+    ongoing,
+    multiDay,
+    resizable = defaultProps52.resizable,
+    hover,
+    focus,
+    selected,
+    eventPrefix = defaultProps52.eventPrefix,
+    eventSuffix = defaultProps52.eventSuffix,
+    ...others
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(
+    "div",
+    {
+      ...others,
+      className: classNames(
+        className16,
+        props.className,
+        stateClassNames(className16, {
+          hover,
+          focus,
+          selected
+        }),
+        {
+          "k-event-inverse": inverse,
+          "k-event-ongoing": ongoing
+        }
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "k-event-actions", children: eventPrefix }),
+        /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { children: props.children }),
+        /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "k-event-actions", children: eventSuffix }),
+        multiDay && /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(import_jsx_runtime151.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "k-event-top-actions", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(Icon, { icon: "caret-alt-up" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "k-event-bottom-actions", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(Icon, { icon: "caret-alt-down" }) })
+        ] }),
+        resizable === "vertical" ? /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(import_jsx_runtime151.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "k-resize-handle k-resize-n" }),
+          /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "k-resize-handle k-resize-s" })
+        ] }) : resizable === "horizontal" && /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(import_jsx_runtime151.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "k-resize-handle k-resize-w" }),
+          /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "k-resize-handle k-resize-e" })
+        ] })
+      ]
+    }
+  );
+};
+SchedulerEvent.states = states55;
+SchedulerEvent.options = options53;
+SchedulerEvent.defaultProps = defaultProps52;
+SchedulerEvent.className = className16;
+
+// src/scheduler/scheduler-task.spec.tsx
+var import_jsx_runtime152 = require("react/jsx-runtime");
+var className17 = "k-task";
+var states56 = [];
+var options54 = {};
+var defaultProps53 = {
+  markStyle: { backgroundColor: "gold" }
+};
+var SchedulerTask = (props) => {
+  const {
+    text,
+    markStyle,
+    recurring,
+    closable,
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        className17,
+        props.className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "k-scheduler-mark", style: markStyle }),
+        recurring && /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(icon_spec_default, { icon: "arrow-rotate-cw" }),
+        /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "k-scheduler-task text", children: text }),
+        closable && /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("a", { href: "#", className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(icon_spec_default, { icon: "x" }) })
+      ]
+    }
+  );
+};
+SchedulerTask.states = states56;
+SchedulerTask.options = options54;
+SchedulerTask.defaultProps = defaultProps53;
+SchedulerTask.className = className17;
+
+// src/scheduler/templates/scheduler-week.tsx
+var import_jsx_runtime153 = require("react/jsx-runtime");
+
+// src/scheduler/templates/scheduler-month.tsx
+var import_jsx_runtime154 = require("react/jsx-runtime");
+
+// src/scheduler/templates/scheduler-timeline.tsx
+var import_jsx_runtime155 = require("react/jsx-runtime");
+
+// src/scheduler/templates/scheduler-agenda.tsx
+var import_jsx_runtime156 = require("react/jsx-runtime");
+
+// src/scheduler/templates/scheduler-flex-day.tsx
+var import_jsx_runtime157 = require("react/jsx-runtime");
+
+// src/scheduler/templates/scheduler-flex-week.tsx
+var import_jsx_runtime158 = require("react/jsx-runtime");
+
+// src/scheduler/templates/scheduler-flex-month.tsx
+var import_jsx_runtime159 = require("react/jsx-runtime");
+
+// src/scheduler/templates/scheduler-flex-timeline.tsx
+var import_jsx_runtime160 = require("react/jsx-runtime");
+
+// src/scheduler/templates/scheduler-flex-agenda.tsx
+var import_jsx_runtime161 = require("react/jsx-runtime");
+
+// src/scheduler/templates/scheduler-horizontal-grouping.tsx
+var import_jsx_runtime162 = require("react/jsx-runtime");
+
+// src/scheduler/templates/scheduler-vertical-grouping.tsx
+var import_jsx_runtime163 = require("react/jsx-runtime");
+
+// src/scheduler/templates/scheduler-flex-horizontal-grouping.tsx
+var import_jsx_runtime164 = require("react/jsx-runtime");
+
+// src/scheduler/templates/scheduler-flex-vertical-grouping.tsx
+var import_jsx_runtime165 = require("react/jsx-runtime");
+
+// src/scheduler/tests/scheduler-year-view.tsx
+var import_jsx_runtime166 = require("react/jsx-runtime");
+var styles = `
+    .k-scheduler-body {
+        height: 500px;
+        overflow: auto;
     }
 `;
-var scheduler_react_timeline_default = () => /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(import_jsx_runtime137.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("style", { children: style }),
-  /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-widget k-scheduler k-scheduler-flex", style: { height: "400px" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(Toolbar, { className: "k-scheduler-toolbar", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(ButtonGroup, { className: "k-scheduler-navigation", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { className: "k-group-start", children: "Today" }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { icon: "caret-alt-left" }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { className: "k-group-end", icon: "caret-alt-right" })
+var scheduler_year_view_default = () => /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(import_jsx_runtime166.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("style", { children: styles }),
+  /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
+    Scheduler,
+    {
+      layout: "flex",
+      view: "year",
+      toolbar: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(import_jsx_runtime166.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(Toolbar, { className: "k-scheduler-toolbar", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(ButtonGroup, { className: "k-scheduler-navigation", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Button, { className: "k-group-start", children: "Today" }),
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Button, { icon: "caret-alt-left" }),
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Button, { className: "k-group-end", icon: "caret-alt-right" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { icon: "calendar", className: "k-nav-current", fillMode: "flat", children: "Wednesday, June 24, 2020" }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-spacer" }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(ButtonGroup, { className: "k-scheduler-views", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { className: "k-group-start", children: "Day" }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { children: "Week" }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { children: "Month" }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { selected: true, children: "Timeline" }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { className: "k-group-end", children: "Agenda" })
+        /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Button, { icon: "calendar", className: "k-nav-current", fillMode: "flat", children: "2021" }),
+        /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-spacer" }),
+        /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(ButtonGroup, { className: "k-scheduler-views", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Button, { className: "k-group-start", children: "Day" }),
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Button, { children: "Week" }),
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Button, { children: "Month" }),
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Button, { className: "k-group-end", selected: true, children: "Year" })
         ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-layout k-scheduler-layout-flex k-scheduler-timeline-view", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-head", style: { width: "7201px" }, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-group k-group-horizontal", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-sticky-cell", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-side-cell", style: { minWidth: "66px" } }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "Meeting Room 101" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "Meeting Room 201" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-sticky-cell", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-side-cell", style: { minWidth: "66px" } }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "Peter" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "Alex" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "Peter" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "Alex" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-sticky-cell", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-side-cell", style: { minWidth: "66px" } }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-cell k-group-cell", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-row", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "Jun 24" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-row", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "8:00 AM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "9:00 AM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "10:00 AM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "11:00 AM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "12:00 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "1:00 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "2:00 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "3:00 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "4:00 PM" })
-              ] })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-cell k-group-cell", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-row", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "Jun 24" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-row", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "8:00 AM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "9:00 AM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "10:00 AM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "11:00 AM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "12:00 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "1:00 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "2:00 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "3:00 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "4:00 PM" })
-              ] })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-cell k-group-cell", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-row", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "Jun 24" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-row", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "8:00 AM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "9:00 AM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "10:00 AM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "11:00 AM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "12:00 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "1:00 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "2:00 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "3:00 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "4:00 PM" })
-              ] })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-cell k-group-cell", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-row", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "Jun 24" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-row", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "8:00 AM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "9:00 AM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "10:00 AM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "11:00 AM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "12:00 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "1:00 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "2:00 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "3:00 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "4:00 PM" })
-              ] })
-            ] })
+      ] }) }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(import_jsx_runtime166.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("div", { className: "k-scheduler-body", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("div", { className: "k-calendar k-calendar-md k-calendar-range", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("div", { className: "k-calendar-header k-hstack k-hidden", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Button, { fillMode: "flat", className: "k-calendar-title k-title", children: "January 2020 - December 2020" }),
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-spacer" }),
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("span", { className: "k-calendar-nav k-hstack", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Button, { fillMode: "flat", className: "k-prev-view", icon: "caret-alt-left" }),
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Button, { fillMode: "flat", className: "k-next-view", icon: "caret-alt-right" })
           ] })
-        ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-body", style: { width: "7201px" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-group k-group-horizontal", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-sticky-cell", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell k-side-cell k-scheduler-times-all-day", style: { minWidth: "66px" }, children: "All events" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-group-cell", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "10px" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "10px" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "36px" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "66px" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "66px" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "36px" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "10px" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "10px" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "36px" } })
-            ] }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-group-cell", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "10px" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "10px" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "36px" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "66px" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "66px" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "36px" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "10px" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "10px" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "36px" } })
-            ] }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-group-cell", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "10px" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "10px" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "36px" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "62px" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "62px" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "36px" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "10px" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "10px" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "36px" } })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("div", { className: "k-calendar-view k-calendar-monthview k-hstack k-align-items-start k-justify-content-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("table", { className: "k-calendar-table k-month", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("caption", { className: "k-calendar-caption k-month-header", children: "January 2020" }),
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("thead", { className: "k-calendar-thead", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Su" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Mo" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Tu" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "We" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Th" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Fr" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Sa" })
             ] }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-group-cell", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "10px" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "10px" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "36px" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "62px" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "62px" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "36px" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "10px" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "10px" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "36px" } })
-            ] }) })
-          ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-event", style: { cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "0px", left: "772px", width: "296px", height: "25px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template k-event-time", children: "(11:30 AM - 1:00 PM): Car Service" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Car Service" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-w" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-e" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-event", style: { cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "0px", left: "2552px", width: "296px", height: "25px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template k-event-time", children: "(11:30 AM - 1:00 PM): Car Service" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Car Service" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-w" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-e" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-event", style: { cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "0px", left: "4332px", width: "296px", height: "25px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template k-event-time", children: "(11:30 AM - 1:00 PM): Car Service" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Car Service" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-w" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-e" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-event", style: { cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "0px", left: "6113px", width: "296px", height: "25px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template k-event-time", children: "(11:30 AM - 1:00 PM): Car Service" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Car Service" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-w" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-e" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-event", style: { cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "26px", left: "969px", width: "395px", height: "25px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template k-event-time", children: "(12:45 PM - 2:30 PM): Breakfast with Tom" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Breakfast with Tom" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-w" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-e" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-event", style: { cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "26px", left: "2750px", width: "395px", height: "25px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template k-event-time", children: "(12:45 PM - 2:30 PM): Breakfast with Tom" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Breakfast with Tom" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-w" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-e" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-event", style: { cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "26px", left: "4530px", width: "395px", height: "25px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template k-event-time", children: "(12:45 PM - 2:30 PM): Breakfast with Tom" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Breakfast with Tom" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-w" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-e" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-event", style: { cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "26px", left: "6311px", width: "395px", height: "25px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template k-event-time", children: "(12:45 PM - 2:30 PM): Breakfast with Tom" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Breakfast with Tom" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-w" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-e" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-event", style: { cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "0px", left: "1068px", width: "395px", height: "25px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Team planning meeting" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-w" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-e" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-event", style: { cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "0px", left: "2849px", width: "395px", height: "25px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Team planning meeting" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-w" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-e" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-event", style: { cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "0px", left: "4669px", width: "395px", height: "25px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Team planning meeting" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-w" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-e" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-event", style: { cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "0px", left: "6410px", width: "395px", height: "25px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Team planning meeting" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-w" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-e" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-event", style: { cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "52px", left: "1068px", width: "197px", height: "25px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Replace the printer on the 1st floor" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-w" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-e" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-event", style: { cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "52px", left: "2849px", width: "197px", height: "25px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Replace the printer on the 1st floor" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-w" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-e" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-event", style: { cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "52px", left: "4669px", width: "197px", height: "25px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Replace the printer on the 1st floor" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-w" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-e" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-event", style: { cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "52px", left: "6410px", width: "197px", height: "25px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Replace the printer on the 1st floor" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-w" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-e" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-event", style: { cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "0px", left: "1464px", width: "98px", height: "25px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Register new Access Cards" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-w" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-e" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-event", style: { cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "0px", left: "3244px", width: "98px", height: "25px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Register new Access Cards" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-w" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-e" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-event", style: { cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "0px", left: "5025px", width: "98px", height: "25px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Register new Access Cards" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-w" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-e" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-event", style: { cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "0px", left: "6805px", width: "98px", height: "25px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Register new Access Cards" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-w" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-e" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-event", style: { cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "0px", left: "1761px", width: "98px", height: "25px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template k-event-time", children: "(4:30 PM - 6:00 PM): Install new laptops in conference rooms" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Install new laptops in conference rooms" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-w" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-e" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-event", style: { cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "0px", left: "3541px", width: "98px", height: "25px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template k-event-time", children: "(4:30 PM - 6:00 PM): Install new laptops in conference rooms" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Install new laptops in conference rooms" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-w" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-e" })
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tbody", { className: "k-calendar-tbody", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("span", { className: "k-link", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "1" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day-indicator" })
+                ] }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("span", { className: "k-link", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "2" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day-indicator" })
+                ] }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("span", { className: "k-link", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "3" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day-indicator" })
+                ] }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "4" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("span", { className: "k-link", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "5" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day-indicator" })
+                ] }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "6" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "7" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("span", { className: "k-link", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "8" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day-indicator" })
+                ] }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "9" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "10" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "11" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "12" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("span", { className: "k-link", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "13" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day-indicator" })
+                ] }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "14" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "15" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "16" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "17" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "18" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "19" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "20" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("span", { className: "k-link", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "21" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day-indicator" })
+                ] }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "22" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "23" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "24" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "25" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "26" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "27" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "28" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "29" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "30" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("span", { className: "k-link", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "31" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day-indicator" })
+                ] }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" })
+              ] })
+            ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-event", style: { cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "0px", left: "5322px", width: "98px", height: "25px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template k-event-time", children: "(4:30 PM - 6:00 PM): Install new laptops in conference rooms" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Install new laptops in conference rooms" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-w" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-e" })
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("table", { className: "k-calendar-table k-month", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("caption", { className: "k-calendar-caption k-month-header", children: "February 2020" }),
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("thead", { className: "k-calendar-thead", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Su" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Mo" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Tu" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "We" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Th" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Fr" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Sa" })
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tbody", { className: "k-calendar-tbody", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "1" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "2" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "3" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "4" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "5" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "6" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "7" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "8" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "9" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "10" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "11" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "12" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "13" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "14" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "15" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "16" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "17" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "18" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "19" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "20" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "21" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "22" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "23" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "24" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "25" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "26" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "27" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "28" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "29" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" })
+              ] })
+            ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-event", style: { cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "0px", left: "7102px", width: "98px", height: "25px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template k-event-time", children: "(4:30 PM - 6:00 PM): Install new laptops in conference rooms" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Install new laptops in conference rooms" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-w" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-e" })
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("table", { className: "k-calendar-table k-month", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("caption", { className: "k-calendar-caption k-month-header", children: "March 2020" }),
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("thead", { className: "k-calendar-thead", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Su" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Mo" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Tu" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "We" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Th" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Fr" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Sa" })
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tbody", { className: "k-calendar-tbody", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "1" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "2" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "3" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "4" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "5" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "6" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "7" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "8" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "9" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "10" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "11" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "12" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "13" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "14" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "15" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "16" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "17" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "18" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "19" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "20" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "21" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "22" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "23" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "24" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "25" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "26" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "27" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "28" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "29" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "30" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "31" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" })
+              ] })
+            ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-event", style: { cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "26px", left: "1761px", width: "98px", height: "25px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { title: "Job Interview - Bernard Atkins", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template k-event-time", children: "(4:30 PM - 5:30 PM): Job Interview - Bernard Atkins" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Job Interview - Bernard Atkins" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-w" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-e" })
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("table", { className: "k-calendar-table k-month", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("caption", { className: "k-calendar-caption k-month-header", children: "April 2020" }),
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("thead", { className: "k-calendar-thead", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Su" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Mo" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Tu" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "We" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Th" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Fr" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Sa" })
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tbody", { className: "k-calendar-tbody", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "1" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "2" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "3" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "4" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "5" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "6" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "7" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "8" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "9" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "10" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "11" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "12" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "13" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "14" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "15" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "16" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "17" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "18" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "19" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "20" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "21" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "22" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "23" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "24" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "25" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "26" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "27" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "28" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "29" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "30" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" })
+              ] })
+            ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-event", style: { cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "26px", left: "3541px", width: "98px", height: "25px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { title: "Job Interview - Bernard Atkins", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template k-event-time", children: "(4:30 PM - 5:30 PM): Job Interview - Bernard Atkins" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Job Interview - Bernard Atkins" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-w" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-e" })
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("table", { className: "k-calendar-table k-month", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("caption", { className: "k-calendar-caption k-month-header", children: "May 2020" }),
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("thead", { className: "k-calendar-thead", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Su" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Mo" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Tu" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "We" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Th" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Fr" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Sa" })
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tbody", { className: "k-calendar-tbody", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "1" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "2" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "3" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "4" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "5" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "6" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "7" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "8" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "9" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "10" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "11" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "12" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "13" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "14" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "15" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "16" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "17" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "18" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "19" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "20" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "21" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "22" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "23" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "24" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "25" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "26" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "27" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "28" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "29" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "30" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "31" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" })
+              ] })
+            ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-event", style: { cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "26px", left: "5322px", width: "98px", height: "25px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { title: "Job Interview - Bernard Atkins", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template k-event-time", children: "(4:30 PM - 5:30 PM): Job Interview - Bernard Atkins" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Job Interview - Bernard Atkins" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-w" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-e" })
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("table", { className: "k-calendar-table k-month", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("caption", { className: "k-calendar-caption k-month-header", children: "June 2020" }),
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("thead", { className: "k-calendar-thead", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Su" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Mo" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Tu" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "We" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Th" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Fr" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Sa" })
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tbody", { className: "k-calendar-tbody", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "1" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "2" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "3" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "4" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "5" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "6" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "7" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "8" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "9" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "10" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "11" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "12" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "13" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "14" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "15" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "16" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "17" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "18" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "19" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "20" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "21" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "22" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "23" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "24" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "25" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "26" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "27" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "28" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "29" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "30" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" })
+              ] })
+            ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-event", style: { cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "26px", left: "7102px", width: "98px", height: "25px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { title: "Job Interview - Bernard Atkins", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template k-event-time", children: "(4:30 PM - 5:30 PM): Job Interview - Bernard Atkins" }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-event-template", children: "Job Interview - Bernard Atkins" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-event-actions", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { className: "k-link k-event-delete", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Icon, { icon: "x" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-w" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-resize-handle k-resize-e" })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Toolbar, { className: "k-scheduler-footer", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { icon: "clock", className: "k-scheduler-fullday", children: "Show full day" }) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", {}),
-    /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { children: "Scheduler with Slot Templates" }),
-    /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-widget k-scheduler k-scheduler-flex", style: { height: "400px" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(Toolbar, { className: "k-scheduler-toolbar", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(ButtonGroup, { className: "k-scheduler-navigation", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { className: "k-group-start", children: "Today" }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { icon: "caret-alt-left" }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { className: "k-group-end", icon: "caret-alt-right" })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { icon: "calendar", className: "k-nav-current", fillMode: "flat", children: "Wednesday, June 24, 2020" }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "k-spacer" }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(ButtonGroup, { className: "k-scheduler-views", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { className: "k-group-start", children: "Day" }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { children: "Week" }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { children: "Month" }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { selected: true, children: "Timeline" }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { className: "k-group-end", children: "Agenda" })
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-layout k-scheduler-layout-flex k-scheduler-timeline-view", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-head", style: { width: "7201px" }, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-group k-group-horizontal", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-sticky-cell", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-side-cell", style: { minWidth: "66px" } }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "Meeting Room 101" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "Meeting Room 201" })
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("table", { className: "k-calendar-table k-month", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("caption", { className: "k-calendar-caption k-month-header", children: "July 2020" }),
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("thead", { className: "k-calendar-thead", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Su" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Mo" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Tu" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "We" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Th" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Fr" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Sa" })
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tbody", { className: "k-calendar-tbody", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "1" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "2" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "3" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "4" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "5" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "6" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "7" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "8" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "9" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "10" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "11" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "12" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "13" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "14" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "15" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "16" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "17" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "18" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "19" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "20" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "21" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "22" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "23" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "24" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "25" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "26" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "27" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "28" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "29" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "30" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "31" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" })
+              ] })
+            ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-sticky-cell", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-side-cell", style: { minWidth: "66px" } }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "Peter" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "Alex" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "Peter" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "Alex" })
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("table", { className: "k-calendar-table k-month", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("caption", { className: "k-calendar-caption k-month-header", children: "August 2020" }),
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("thead", { className: "k-calendar-thead", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Su" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Mo" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Tu" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "We" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Th" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Fr" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Sa" })
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tbody", { className: "k-calendar-tbody", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "1" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "2" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "3" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "4" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "5" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "6" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "7" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "8" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "9" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "10" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "11" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "12" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "13" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "14" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "15" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "16" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "17" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "18" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "19" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "20" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "21" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "22" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "23" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "24" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "25" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "26" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "27" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "28" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "29" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "30" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "31" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" })
+              ] })
+            ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-sticky-cell", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-side-cell", style: { minWidth: "66px" } }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-cell k-group-cell", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-row", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "Jun 24" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-row", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "8:00 AM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "9:00 AM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "10:00 AM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "11:00 AM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "12:00 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "1:00 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "2:00 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "3:00 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "4:00 PM" })
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("table", { className: "k-calendar-table k-month", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("caption", { className: "k-calendar-caption k-month-header", children: "September 2020" }),
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("thead", { className: "k-calendar-thead", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Su" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Mo" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Tu" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "We" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Th" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Fr" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Sa" })
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tbody", { className: "k-calendar-tbody", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "1" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "2" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "3" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "4" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "5" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "6" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "7" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "8" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "9" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "10" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "11" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "12" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "13" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "14" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "15" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "16" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "17" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "18" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "19" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "20" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "21" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "22" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "23" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "24" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "25" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "26" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "27" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "28" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "29" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "30" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" })
               ] })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-cell k-group-cell", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-row", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "Jun 24" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-row", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "8:00 AM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "9:00 AM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "10:00 AM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "11:00 AM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "12:00 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "1:00 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "2:00 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "3:00 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "4:00 PM" })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("table", { className: "k-calendar-table k-month", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("caption", { className: "k-calendar-caption k-month-header", children: "October 2020" }),
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("thead", { className: "k-calendar-thead", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Su" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Mo" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Tu" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "We" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Th" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Fr" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Sa" })
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tbody", { className: "k-calendar-tbody", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "1" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "2" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "3" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "4" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "5" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "6" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "7" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "8" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "9" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "10" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "11" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "12" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "13" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "14" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "15" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "16" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "17" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "18" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "19" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "20" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "21" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "22" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "23" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "24" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "25" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "26" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "27" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "28" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "29" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "30" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "31" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" })
               ] })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-cell k-group-cell", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-row", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "Jun 24" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-row", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "8:00 AM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "9:00 AM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "10:00 AM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "11:00 AM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "12:00 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "1:00 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "2:00 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "3:00 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "4:00 PM" })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("table", { className: "k-calendar-table k-month", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("caption", { className: "k-calendar-caption k-month-header", children: "November 2020" }),
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("thead", { className: "k-calendar-thead", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Su" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Mo" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Tu" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "We" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Th" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Fr" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Sa" })
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tbody", { className: "k-calendar-tbody", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "1" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "2" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "3" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "4" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "5" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "6" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "7" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "8" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "9" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "10" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "11" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "12" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "13" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "14" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "15" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "16" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "17" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "18" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "19" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "20" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "21" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "22" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "23" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "24" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "25" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "26" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "27" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "28" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "29" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "30" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" })
               ] })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-cell k-group-cell", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-row", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "Jun 24" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-row", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "8:00 AM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "9:00 AM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "10:00 AM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "11:00 AM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "12:00 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "1:00 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "2:00 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "3:00 PM" }),
-                /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell", children: "4:00 PM" })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("table", { className: "k-calendar-table k-month", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("caption", { className: "k-calendar-caption k-month-header", children: "December 2020" }),
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("thead", { className: "k-calendar-thead", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Su" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Mo" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Tu" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "We" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Th" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Fr" }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("th", { className: "k-calendar-th", children: "Sa" })
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tbody", { className: "k-calendar-tbody", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "1" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "2" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "3" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "4" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "5" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "6" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "7" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "8" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "9" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "10" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "11" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "12" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "13" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "14" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "15" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "16" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "17" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "18" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "19" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "20" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "21" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "22" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "23" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "24" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "25" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "26" }) }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "27" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "28" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "29" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "30" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "k-day", children: "31" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("tr", { className: "k-calendar-tr", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-other-month k-out-of-range" }),
+                /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("td", { className: "k-calendar-td k-weekend k-other-month k-out-of-range" })
               ] })
             ] })
           ] })
-        ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-body", style: { width: "7201px" }, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-group k-group-horizontal", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-sticky-cell", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-heading-cell k-side-cell k-scheduler-times-all-day", style: { minWidth: "66px" }, children: "All events" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-group-cell", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { backgroundColor: "#f5f5f5" }, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "!k-pos-absolute", children: "Start" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { backgroundColor: "#f5f5f5" }, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "!k-pos-absolute", children: "Start" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { backgroundColor: "#f5f5f5" }, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "!k-pos-absolute", children: "End" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { backgroundColor: "#f5f5f5" }, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "!k-pos-absolute", children: "Start" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { backgroundColor: "#f5f5f5" }, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "!k-pos-absolute", children: "End" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "10px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "10px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "36px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "62px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "62px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "36px", backgroundColor: "#f5f5f5" }, children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "!k-pos-absolute", children: "Start" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "10px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "10px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "36px" } })
-          ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-group-cell", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "10px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "10px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "36px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "62px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "62px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "36px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "10px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "10px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "36px" } })
-          ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-group-cell", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "10px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "10px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "36px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "62px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "62px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "36px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "10px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "10px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "36px" } })
-          ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-group-cell", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "k-scheduler-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "10px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "10px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "36px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "62px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "62px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "36px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "10px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "10px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell" }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "k-scheduler-cell k-slot-cell", style: { userSelect: "none", minHeight: "36px" } })
-          ] }) })
-        ] }) }) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Toolbar, { className: "k-scheduler-footer", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { icon: "clock", className: "k-scheduler-fullday", children: "Show full day" }) })
-    ] })
-  ] })
+        ] })
+      ] }) }) })
+    }
+  ) })
 ] });