@progress/kendo-react-scheduler 9.2.0-develop.8 → 9.2.0

package/views/day/MultiDayView.mjs

@@ -7,306 +7,329 @@
  */
 "use client";
 import * as a from "react";
-import s from "prop-types";
-import { MS_PER_DAY as U, ZonedDate as V, Day as J, getDate as we, addDays as ye } from "@progress/kendo-date-math";
-import { BaseView as Ee } from "../../components/BaseView.mjs";
+import c from "prop-types";
+import { MS_PER_DAY as U, ZonedDate as P, Day as me, getDate as ze, addDays as Ae } from "@progress/kendo-date-math";
+import { BaseView as Ne } from "../../components/BaseView.mjs";
 import { HorizontalResourceIterator as G } from "../common/HorizontalResourceIterator.mjs";
-import { DayViewGroupRowContent as Q } from "./DayViewGroupRowContent.mjs";
-import { VerticalResourceIterator as p } from "../common/VerticalResourceIterator.mjs";
+import { DayViewGroupRowContent as se } from "./DayViewGroupRowContent.mjs";
+import { VerticalResourceIterator as ce } from "../common/VerticalResourceIterator.mjs";
 import { DayViewAllDayRowContent as I } from "./DayViewAllDayRowContent.mjs";
-import { DayViewRowContent as ee } from "./DayViewRowContent.mjs";
-import { classNames as te } from "@progress/kendo-react-common";
-import { isInTimeRange as b, mapItemsToSlots as ae, mapSlotsToItems as re, isInDaysRange as Se, intersects as ne, last as oe, first as ie, toUTCDateTime as me } from "../../utils/index.mjs";
-import { useInternationalization as Te } from "@progress/kendo-react-intl";
-import { MS_PER_MINUTE as he } from "../../constants/index.mjs";
-import { SchedulerEditSlot as ve } from "../../slots/SchedulerEditSlot.mjs";
-import { SchedulerEditItem as Ce } from "../../items/SchedulerEditItem.mjs";
-import { useSchedulerPropsContext as Me, useSchedulerDataContext as $e, useSchedulerGroupsContext as Re, useSchedulerOrientationContext as xe, useSchedulerFieldsContext as We, useSchedulerDateRangeContext as be } from "../../context/SchedulerContext.mjs";
-import { SchedulerResourceIteratorContext as H } from "../../context/SchedulerResourceIteratorContext.mjs";
-import { CurrentTimeMarker as se } from "../../components/CurrentTimeMarket.mjs";
-import { DateHeaderCell as ze } from "../../components/DateHeaderCell.mjs";
-import { toRanges as le } from "../../services/rangeService.mjs";
-import { toSlots as ce } from "../../services/slotsService.mjs";
-import { toOccurrences as Ae } from "../../services/occurrenceService.mjs";
-import { toItems as de } from "../../services/itemsService.mjs";
-const O = 0, _ = 1, Ne = /* @__PURE__ */ a.createElement("div", { className: "k-scheduler-cell k-side-cell" }), ue = (t) => {
-  const { group: S, timezone: i, resources: T } = Me(), h = Te(), z = t.editItem || Ce, v = t.editSlot || ve, C = t.showWorkHours, d = t.numberOfDays || f.numberOfDays, k = t.slotDivisions || f.slotDivisions, Y = t.slotDuration || f.slotDuration, M = t.workWeekStart || f.workWeekStart, P = t.workWeekEnd || f.workWeekEnd, B = t.currentTimeMarker === !1 ? !1 : f.currentTimeMarker, N = h.parseDate(
-    t.workDayStart || t.isWorkDayStart || f.isWorkDayStart
-  ), F = h.parseDate(t.workDayEnd || t.isWorkDayEnd || f.isWorkDayEnd), K = h.parseDate(t.startTime || f.startTime), X = h.parseDate(t.endTime || f.endTime), [Z] = $e(), w = Re(), L = xe(), j = We(), m = be(), y = a.useMemo(
-    () => C ? N : K,
-    [C, N, K]
-  ), E = a.useMemo(() => C ? F : X, [C, F, X]), $ = a.useMemo(
-    () => le(m, { step: U * d, timezone: i }).map((e) => ({ ...e, isAllDay: !0 })),
-    [m.start.getTime(), m.end.getTime(), d]
-  ), l = a.useMemo(
-    () => le(m, { step: U, timezone: i }).map((e) => ({ ...e, isAllDay: !1 })),
-    [m.start.getTime(), m.end.getTime(), i]
-  ), R = a.useMemo(
-    () => ce(m, { step: U }, { groups: w, ranges: $ }),
-    [m.start.getTime(), m.end.getTime(), i, $, w]
-  ), D = a.useMemo(
-    () => ce(
-      m,
-      { step: Y * he / k },
-      { groups: w, ranges: l }
+import { DayViewRowContent as de } from "./DayViewRowContent.mjs";
+import { classNames as ue } from "@progress/kendo-react-common";
+import { isInTimeRange as A, mapItemsToSlots as De, mapSlotsToItems as ge, isInDaysRange as Fe, intersects as fe, last as ke, first as we, toUTCDateTime as ye } from "../../utils/index.mjs";
+import { useInternationalization as He } from "@progress/kendo-react-intl";
+import { MS_PER_MINUTE as Oe } from "../../constants/index.mjs";
+import { SchedulerEditSlot as _e } from "../../slots/SchedulerEditSlot.mjs";
+import { SchedulerEditItem as Ve } from "../../items/SchedulerEditItem.mjs";
+import { useSchedulerPropsContext as Pe, useSchedulerDataContext as Le, useSchedulerGroupsContext as Ue, useSchedulerOrientationContext as Ge, useSchedulerFieldsContext as Ie, useSchedulerDateRangeContext as Ye } from "../../context/SchedulerContext.mjs";
+import { SchedulerResourceIteratorContext as O } from "../../context/SchedulerResourceIteratorContext.mjs";
+import { CurrentTimeMarker as Ee } from "../../components/CurrentTimeMarket.mjs";
+import { DateHeaderCell as Be } from "../../components/DateHeaderCell.mjs";
+import { toRanges as Se } from "../../services/rangeService.mjs";
+import { toSlots as Te } from "../../services/slotsService.mjs";
+import { toOccurrences as Ke } from "../../services/occurrenceService.mjs";
+import { toItems as he } from "../../services/itemsService.mjs";
+const _ = 0, V = 1, Xe = /* @__PURE__ */ a.createElement("div", { className: "k-scheduler-cell k-side-cell" }), ve = (e) => {
+  var J, Q, p, ee, te, ae, ne, re, oe, ie, le;
+  const { group: v, timezone: i, resources: C } = Pe(), M = He(), N = e.editItem || Ve, g = e.editSlot || _e, b = e.showWorkHours, d = (J = e.numberOfDays) != null ? J : k.numberOfDays, w = (Q = e.slotDivisions) != null ? Q : k.slotDivisions, Y = (p = e.slotDuration) != null ? p : k.slotDuration, y = (ee = e.workWeekStart) != null ? ee : k.workWeekStart, F = (te = e.workWeekEnd) != null ? te : k.workWeekEnd, B = e.currentTimeMarker === !1 ? !1 : k.currentTimeMarker, R = M.parseDate(
+    (ne = (ae = e.workDayStart) != null ? ae : e.isWorkDayStart) != null ? ne : k.isWorkDayStart
+  ), x = M.parseDate((oe = (re = e.workDayEnd) != null ? re : e.isWorkDayEnd) != null ? oe : k.isWorkDayEnd), K = M.parseDate((ie = e.startTime) != null ? ie : k.startTime), X = M.parseDate((le = e.endTime) != null ? le : k.endTime), [Z] = Le(), E = Ue(), L = Ge(), j = Ie(), l = Ye(), S = a.useMemo(
+    () => b ? R : K,
+    [b, R, K]
+  ), T = a.useMemo(() => b ? x : X, [b, x, X]), $ = a.useMemo(
+    () => Se(l, { step: U * d, timezone: i }).map((t) => ({ ...t, isAllDay: !0 })),
+    [l.start.getTime(), l.end.getTime(), d]
+  ), m = a.useMemo(
+    () => Se(l, { step: U, timezone: i }).map((t) => ({ ...t, isAllDay: !1 })),
+    [l.start.getTime(), l.end.getTime(), i]
+  ), h = a.useMemo(
+    () => Te(l, { step: U }, { groups: E, ranges: $ }),
+    [l.start.getTime(), l.end.getTime(), i, $, E]
+  ), u = a.useMemo(
+    () => Te(
+      l,
+      { step: Y * Oe / w },
+      { groups: E, ranges: m }
     ).filter(
-      (e) => E.getTime() === y.getTime() || b(e.zonedStart, y, E)
+      (t) => T.getTime() === S.getTime() || A(t.zonedStart, S, T)
     ),
     [
-      m.start.getTime(),
-      m.end.getTime(),
+      l.start.getTime(),
+      l.end.getTime(),
       Y,
-      k,
-      y.getTime(),
-      E.getTime(),
       w,
-      l
+      S.getTime(),
+      T.getTime(),
+      E,
+      m
     ]
-  ), x = a.useMemo(
-    () => Ae(Z, { dateRange: m, fields: j, timezone: i }),
-    [Z, m.start.getTime(), m.end.getTime(), j, i]
-  ), De = a.useMemo(() => x.filter((e) => e.isAllDay), [x]), ge = a.useMemo(() => x.filter((e) => !e.isAllDay), [x]), W = a.useMemo(
-    () => de(De, { timezone: i }, { groups: w, ranges: $ }),
-    [x, i, w, $]
-  ), A = a.useMemo(
-    () => de(ge, { timezone: i }, { groups: w, ranges: l }).filter(
-      (e) => y.getTime() === E.getTime() || b(e.zonedStart, y, E) || b(e.zonedEnd, y, E) || b(
-        new Date(e.zonedEnd.getTime() - (e.zonedEnd.getTime() - e.zonedStart.getTime()) / 2),
-        y,
-        E
+  ), W = a.useMemo(
+    () => Ke(Z, { dateRange: l, fields: j, timezone: i }),
+    [Z, l.start.getTime(), l.end.getTime(), j, i]
+  ), Ce = a.useMemo(() => W.filter((t) => t.isAllDay), [W]), Me = a.useMemo(() => W.filter((t) => !t.isAllDay), [W]), z = a.useMemo(
+    () => he(Ce, { timezone: i }, { groups: E, ranges: $ }),
+    [W, i, E, $]
+  ), H = a.useMemo(
+    () => he(Me, { timezone: i }, { groups: E, ranges: m }).filter(
+      (t) => S.getTime() === T.getTime() || A(t.zonedStart, S, T) || A(t.zonedEnd, S, T) || A(
+        new Date(t.zonedEnd.getTime() - (t.zonedEnd.getTime() - t.zonedStart.getTime()) / 2),
+        S,
+        T
       )
     ),
-    [x, i, w, l, y.getTime(), E.getTime()]
+    [W, i, E, m, S.getTime(), T.getTime()]
   );
-  a.useMemo(() => ae(W, R, !1), [W, R]), a.useMemo(() => re(W, R, !1), [W, R]), a.useMemo(() => ae(A, D, !1), [A, D]), a.useMemo(() => re(A, D, !1), [A, D]);
-  const q = /* @__PURE__ */ a.createElement(H.Consumer, null, ({ groupIndex: e }) => /* @__PURE__ */ a.createElement("div", { className: "k-scheduler-row", key: e }, l.map((r, u) => /* @__PURE__ */ a.createElement(
-    ze,
+  a.useMemo(() => De(z, h, !1), [z, h]), a.useMemo(() => ge(z, h, !1), [z, h]), a.useMemo(() => De(H, u, !1), [H, u]), a.useMemo(() => ge(H, u, !1), [H, u]);
+  const q = /* @__PURE__ */ a.createElement(O.Consumer, null, ({ groupIndex: t }) => /* @__PURE__ */ a.createElement("div", { className: "k-scheduler-row", key: t }, m.map((n, o) => /* @__PURE__ */ a.createElement(
+    Be,
     {
-      as: t.dateHeaderCell,
-      key: u,
-      date: V.fromLocalDate(
+      as: e.dateHeaderCell,
+      key: o,
+      date: P.fromLocalDate(
         new Date(
-          r.zonedEnd.getTime() - (r.zonedEnd.getTime() - r.zonedStart.getTime()) / 2
+          n.zonedEnd.getTime() - (n.zonedEnd.getTime() - n.zonedStart.getTime()) / 2
         ),
         i
       ),
-      start: r.start,
-      end: r.end,
+      start: n.start,
+      end: n.end,
       format: { skeleton: "MEd" }
     }
-  )))), fe = /* @__PURE__ */ a.createElement(H.Consumer, null, ({ groupIndex: e }) => /* @__PURE__ */ a.createElement("div", { key: e, className: "k-scheduler-row" }, $.map(
-    (r, u) => R.filter((c) => c.group.index === e && c.range.index === u).map((c, n, o) => /* @__PURE__ */ a.createElement(
-      v,
+  )))), be = /* @__PURE__ */ a.createElement(O.Consumer, null, ({ groupIndex: t }) => /* @__PURE__ */ a.createElement("div", { key: t, className: "k-scheduler-row" }, $.map(
+    (n, o) => h.filter((r) => r.group.index === t && r.range.index === o).map((r, D, s) => /* @__PURE__ */ a.createElement(
+      g,
       {
-        ...c,
-        onDataAction: t.onDataAction,
-        form: t.form,
-        slot: t.slot,
-        viewSlot: t.viewSlot,
-        key: `${c.start.getTime()}:${c.group.index}`,
+        ...r,
+        onDataAction: e.onDataAction,
+        form: e.form,
+        slot: e.slot,
+        viewSlot: e.viewSlot,
+        key: `${r.start.getTime()}:${r.group.index}`,
         row: 0,
-        col: L === "horizontal" ? o.length * (e || 0) + n : n,
-        isWorkDay: 0 <= c.zonedStart.getDay() + (d - M) && (c.zonedStart.getDay() + (d - M)) % d <= P + (d - M),
+        col: L === "horizontal" ? s.length * (t || 0) + D : D,
+        isWorkDay: 0 <= r.zonedStart.getDay() + (d - y) && (r.zonedStart.getDay() + (d - y)) % d <= F + (d - y),
         expandable: !0
       }
     ))
-  ))), ke = a.useMemo(
-    () => te(t.name === "week" ? "k-scheduler-weekview" : "k-scheduler-dayview", t.className),
-    [t.className]
+  ))), $e = a.useMemo(
+    () => ue(e.name === "week" ? "k-scheduler-weekview" : "k-scheduler-dayview", e.className),
+    [e.name, e.className]
+  ), Re = a.useCallback(
+    (t, n, o) => m.map(
+      (r, D) => u.filter(
+        (s) => s.index === t.index && s.range.index === D && s.group.index === o
+      ).map((s) => /* @__PURE__ */ a.createElement(
+        g,
+        {
+          key: `${s.start.getTime()}:${s.group.index}`,
+          ...s,
+          onDataAction: e.onDataAction,
+          slot: e.slot,
+          viewSlot: e.viewSlot,
+          form: e.form,
+          row: n + V,
+          col: m.length * (o || 0) + D,
+          isWorkHour: A(s.zonedStart, R, x),
+          isWorkDay: Fe(s.zonedEnd.getDay(), y, F),
+          editable: e.editable
+        }
+      ))
+    ),
+    [
+      m,
+      g,
+      e.editable,
+      e.form,
+      e.onDataAction,
+      e.slot,
+      e.viewSlot,
+      u,
+      x,
+      R,
+      F,
+      y
+    ]
+  ), xe = a.useCallback(
+    (t, n, o) => h.filter((r) => r.group.index === n && r.range.index === o).map((r, D) => /* @__PURE__ */ a.createElement(
+      g,
+      {
+        slot: e.slot,
+        viewSlot: e.viewSlot,
+        form: e.form,
+        ...r,
+        onDataAction: e.onDataAction,
+        key: `${r.start.getTime()}:${r.group.index}`,
+        className: "k-scheduler-alldays-slot",
+        row: t * (n || 0) + (n || 0) * V,
+        col: D,
+        expandable: !0
+      }
+    )),
+    [g, h, e.form, e.onDataAction, e.slot, e.viewSlot]
+  ), We = a.useCallback(
+    (t, n, o, r) => m.map(
+      (D, s) => u.filter(
+        (f) => f.index === t.index && f.group.index === o && f.range.index === s
+      ).map((f) => /* @__PURE__ */ a.createElement(
+        g,
+        {
+          slot: e.slot,
+          viewSlot: e.viewSlot,
+          form: e.form,
+          onDataAction: e.onDataAction,
+          ...f,
+          key: `${f.start.getTime()}:${f.group.index}`,
+          row: n.length * (o || 0) + r + (o || 0) * V + V,
+          col: s,
+          editable: e.editable,
+          isWorkHour: A(f.zonedStart, R, x),
+          isWorkDay: 0 <= f.zonedStart.getDay() + (d - y) && (f.zonedStart.getDay() + (d - y)) % d <= F + (d - y)
+        }
+      ))
+    ),
+    [
+      g,
+      d,
+      e.editable,
+      e.form,
+      e.onDataAction,
+      e.slot,
+      e.viewSlot,
+      m,
+      u,
+      x,
+      R,
+      F,
+      y
+    ]
   );
   return /* @__PURE__ */ a.createElement(
-    Ee,
+    Ne,
     {
-      id: t.id,
-      props: t,
-      style: t.style,
-      className: ke,
-      ranges: [...$, ...l],
-      slots: [...R, ...D]
+      id: e.id,
+      props: e,
+      style: e.style,
+      className: $e,
+      ranges: [...$, ...m],
+      slots: [...h, ...u]
     },
     /* @__PURE__ */ a.createElement("div", { className: "k-scheduler-head" }, L === "horizontal" ? /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(
       G,
       {
         nested: !0,
-        group: S,
-        resources: T,
-        rowContent: Q,
-        childRowContent: Q
+        group: v,
+        resources: C,
+        rowContent: se,
+        childRowContent: se
       },
       q
     ), /* @__PURE__ */ a.createElement(
       G,
       {
-        group: S,
-        resources: T,
+        group: v,
+        resources: C,
         rowContent: I,
         childRowContent: I
       },
-      fe
-    ), W.map((e) => /* @__PURE__ */ a.createElement(
-      z,
+      be
+    ), z.map((t) => /* @__PURE__ */ a.createElement(
+      N,
       {
-        key: e.isRecurring ? `${e.uid}:${e.group.index}:${e.range.index}:${e.originalStart}` : `${e.uid}:${e.group.index}:${e.range.index}`,
-        ...e,
-        form: t.form,
-        onDataAction: t.onDataAction,
-        item: t.item,
-        viewItem: t.viewItem,
-        editable: t.editable,
+        key: t.isRecurring ? `${t.uid}:${t.group.index}:${t.range.index}:${t.originalStart}` : `${t.uid}:${t.group.index}:${t.range.index}`,
+        ...t,
+        form: e.form,
+        onDataAction: e.onDataAction,
+        item: e.item,
+        viewItem: e.viewItem,
+        editable: e.editable,
         vertical: !1
       }
-    ))) : /* @__PURE__ */ a.createElement(p, { group: S, resources: T, cellContent: Ne }, q)),
-    /* @__PURE__ */ a.createElement("div", { className: "k-scheduler-body" }, L === "horizontal" ? /* @__PURE__ */ a.createElement(a.Fragment, null, D.filter((e) => e.group.index === O && e.range.index === O).map((e, r) => /* @__PURE__ */ a.createElement(a.Fragment, { key: e.index }, /* @__PURE__ */ a.createElement(
+    ))) : /* @__PURE__ */ a.createElement(ce, { group: v, resources: C, cellContent: Xe }, q)),
+    /* @__PURE__ */ a.createElement("div", { className: "k-scheduler-body" }, L === "horizontal" ? /* @__PURE__ */ a.createElement(a.Fragment, null, u.filter((t) => t.group.index === _ && t.range.index === _).map((t, n) => /* @__PURE__ */ a.createElement(a.Fragment, { key: t.index }, /* @__PURE__ */ a.createElement(
       G,
       {
         nested: !1,
-        group: S,
-        resources: T,
-        rowContent: ee,
+        group: v,
+        resources: C,
+        rowContent: de,
         rowContentProps: {
-          timeHeaderCell: t.timeHeaderCell,
-          isMaster: r % k === 0,
-          isLast: (r + 1) % k === 0,
-          slot: e
+          timeHeaderCell: e.timeHeaderCell,
+          isMaster: n % w === 0,
+          isLast: (n + 1) % w === 0,
+          slot: t
         }
       },
-      /* @__PURE__ */ a.createElement(H.Consumer, null, ({ groupIndex: u }) => /* @__PURE__ */ a.createElement(
+      /* @__PURE__ */ a.createElement(O.Consumer, null, ({ groupIndex: o }) => /* @__PURE__ */ a.createElement(
         "div",
         {
-          className: te("k-scheduler-row", {
-            "k-middle-row": (r + 1) % k !== 0
+          className: ue("k-scheduler-row", {
+            "k-middle-row": (n + 1) % w !== 0
           })
         },
-        l.map(
-          (c, n) => D.filter(
-            (o) => o.index === e.index && o.range.index === n && o.group.index === u
-          ).map((o) => /* @__PURE__ */ a.createElement(
-            v,
-            {
-              key: `${o.start.getTime()}:${o.group.index}`,
-              ...o,
-              onDataAction: t.onDataAction,
-              slot: t.slot,
-              viewSlot: t.viewSlot,
-              form: t.form,
-              row: r + _,
-              col: l.length * (u || 0) + n,
-              isWorkHour: b(
-                o.zonedStart,
-                N,
-                F
-              ),
-              isWorkDay: Se(
-                o.zonedEnd.getDay(),
-                M,
-                P
-              ),
-              editable: t.editable
-            }
-          ))
-        )
+        Re(t, n, o)
       ))
-    ))), B !== !1 && ne(ie(l).start, oe(l).end, /* @__PURE__ */ new Date(), /* @__PURE__ */ new Date(), !0) && /* @__PURE__ */ a.createElement(se, null)) : /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(p, { nested: !0, group: S, resources: T }, /* @__PURE__ */ a.createElement(H.Consumer, null, ({ groupIndex: e }) => /* @__PURE__ */ a.createElement(a.Fragment, { key: e }, /* @__PURE__ */ a.createElement("div", { className: "k-scheduler-row" }, /* @__PURE__ */ a.createElement(I, { groupIndex: e }, $.map((r, u) => {
-      const c = D.filter(
-        (n) => n.group.index === e && n.range.index === O
+    ))), B !== !1 && fe(we(m).start, ke(m).end, /* @__PURE__ */ new Date(), /* @__PURE__ */ new Date(), !0) && /* @__PURE__ */ a.createElement(Ee, null)) : /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(ce, { nested: !0, group: v, resources: C }, /* @__PURE__ */ a.createElement(O.Consumer, null, ({ groupIndex: t }) => /* @__PURE__ */ a.createElement(a.Fragment, { key: t }, /* @__PURE__ */ a.createElement("div", { className: "k-scheduler-row" }, /* @__PURE__ */ a.createElement(I, { groupIndex: t }, $.map((n, o) => {
+      const r = u.filter(
+        (D) => D.group.index === t && D.range.index === _
       ).length;
-      return R.filter(
-        (n) => n.group.index === e && n.range.index === u
-      ).map((n, o) => /* @__PURE__ */ a.createElement(
-        v,
-        {
-          slot: t.slot,
-          viewSlot: t.viewSlot,
-          form: t.form,
-          ...n,
-          onDataAction: t.onDataAction,
-          key: `${n.start.getTime()}:${n.group.index}`,
-          className: "k-scheduler-alldays-slot",
-          row: c * (e || 0) + (e || 0) * _,
-          col: o,
-          expandable: !0
-        }
-      ));
-    }))), D.filter(
-      (r) => r.group.index === e && r.range.index === O
-    ).map((r, u, c) => /* @__PURE__ */ a.createElement("div", { className: "k-scheduler-row", key: r.index }, /* @__PURE__ */ a.createElement(
-      ee,
+      return xe(r, t, o);
+    }))), u.filter(
+      (n) => n.group.index === t && n.range.index === _
+    ).map((n, o, r) => /* @__PURE__ */ a.createElement("div", { className: "k-scheduler-row", key: n.index }, /* @__PURE__ */ a.createElement(
+      de,
       {
-        slot: r,
-        isMaster: u % k === 0,
-        isLast: (u + 1) % k === 0,
-        timeHeaderCell: t.timeHeaderCell
+        slot: n,
+        isMaster: o % w === 0,
+        isLast: (o + 1) % w === 0,
+        timeHeaderCell: e.timeHeaderCell
       },
-      l.map(
-        (n, o) => D.filter(
-          (g) => g.index === r.index && g.group.index === e && g.range.index === o
-        ).map((g) => /* @__PURE__ */ a.createElement(
-          v,
-          {
-            slot: t.slot,
-            viewSlot: t.viewSlot,
-            form: t.form,
-            onDataAction: t.onDataAction,
-            ...g,
-            key: `${g.start.getTime()}:${g.group.index}`,
-            row: c.length * (e || 0) + u + (e || 0) * _ + _,
-            col: o,
-            editable: t.editable,
-            isWorkHour: b(
-              g.zonedStart,
-              N,
-              F
-            ),
-            isWorkDay: 0 <= g.zonedStart.getDay() + (d - M) && (g.zonedStart.getDay() + (d - M)) % d <= P + (d - M)
-          }
-        ))
-      )
-    ))), B !== !1 && ne(
-      ie(l).start,
-      oe(l).end,
+      We(n, r, t, o)
+    ))), B !== !1 && fe(
+      we(m).start,
+      ke(m).end,
       /* @__PURE__ */ new Date(),
       /* @__PURE__ */ new Date(),
       !0
-    ) && /* @__PURE__ */ a.createElement(se, { groupIndex: e })))), W.map((e) => /* @__PURE__ */ a.createElement(
-      z,
+    ) && /* @__PURE__ */ a.createElement(Ee, { groupIndex: t })))), z.map((t) => /* @__PURE__ */ a.createElement(
+      N,
       {
-        key: e.isRecurring ? `${e.uid}:${e.group.index}:${e.range.index}:${e.originalStart}` : `${e.uid}:${e.group.index}:${e.range.index}`,
-        ...e,
-        onDataAction: t.onDataAction,
-        viewItem: t.viewItem,
-        item: t.item,
-        form: t.form,
-        editable: t.editable,
+        key: t.isRecurring ? `${t.uid}:${t.group.index}:${t.range.index}:${t.originalStart}` : `${t.uid}:${t.group.index}:${t.range.index}`,
+        ...t,
+        onDataAction: e.onDataAction,
+        viewItem: e.viewItem,
+        item: e.item,
+        form: e.form,
+        editable: e.editable,
         vertical: !1
       }
-    ))), A.map((e) => /* @__PURE__ */ a.createElement(
-      z,
+    ))), H.map((t) => /* @__PURE__ */ a.createElement(
+      N,
       {
-        key: e.isRecurring ? `${e.uid}:${e.group.index}:${e.range.index}:${e.originalStart}` : `${e.uid}:${e.group.index}:${e.range.index}`,
-        ...e,
+        key: t.isRecurring ? `${t.uid}:${t.group.index}:${t.range.index}:${t.originalStart}` : `${t.uid}:${t.group.index}:${t.range.index}`,
+        ...t,
         format: "t",
-        onDataAction: t.onDataAction,
-        viewItem: t.viewItem,
-        item: t.item,
-        form: t.form,
-        editable: t.editable,
+        onDataAction: e.onDataAction,
+        viewItem: e.viewItem,
+        item: e.item,
+        form: e.form,
+        editable: e.editable,
         vertical: !0
       }
     )))
   );
-}, Fe = ({ date: t, numberOfDays: S = 1, timezone: i }) => {
-  const T = V.fromLocalDate(t, i), h = we(T), z = ye(h, S), v = V.fromUTCDate(me(h), i), C = V.fromUTCDate(me(z), i), d = new Date(v.getTime()), k = new Date(C.getTime());
+}, Ze = ({ date: e, numberOfDays: v = 1, timezone: i }) => {
+  const C = P.fromLocalDate(e, i), M = ze(C), N = Ae(M, v), g = P.fromUTCDate(ye(M), i), b = P.fromUTCDate(ye(N), i), d = new Date(g.getTime()), w = new Date(b.getTime());
   return {
     start: d,
-    end: k,
-    zonedStart: v,
-    zonedEnd: C
+    end: w,
+    zonedStart: g,
+    zonedEnd: b
   };
-}, f = {
+}, k = {
   name: "multi-day",
   title: "Multi Day",
   currentTimeMarker: !0,
-  dateRange: Fe,
+  dateRange: Ze,
   selectedDateFormat: "{0:D} - {1:D}",
   selectedShortDateFormat: "{0:d} - {1:d}",
   numberOfDays: 1,
@@ -314,31 +337,31 @@ const O = 0, _ = 1, Ne = /* @__PURE__ */ a.createElement("div", { className: "k-
   endTime: "23:59",
   isWorkDayStart: "08:00",
   isWorkDayEnd: "17:00",
-  workWeekStart: J.Monday,
-  workWeekEnd: J.Friday,
+  workWeekStart: me.Monday,
+  workWeekEnd: me.Friday,
   slotDivisions: 2,
   slotDuration: 60,
   showCurrentTime: !0,
   defaultShowWorkHours: !0
 };
-ue.propTypes = {
-  currentTimeMarker: s.bool,
-  name: s.string,
-  numberOfDays: s.number,
-  startTime: s.string,
-  endTime: s.string,
-  workDayStart: s.string,
-  workDayEnd: s.string,
-  workWeekStart: s.number,
-  workWeekEnd: s.any,
-  slotDivisions: s.number,
-  slotDuration: s.number,
-  showWorkHours: s.bool,
-  selectedDateFormat: s.string,
-  selectedShortDateFormat: s.string
+ve.propTypes = {
+  currentTimeMarker: c.bool,
+  name: c.string,
+  numberOfDays: c.number,
+  startTime: c.string,
+  endTime: c.string,
+  workDayStart: c.string,
+  workDayEnd: c.string,
+  workWeekStart: c.number,
+  workWeekEnd: c.any,
+  slotDivisions: c.number,
+  slotDuration: c.number,
+  showWorkHours: c.bool,
+  selectedDateFormat: c.string,
+  selectedShortDateFormat: c.string
 };
-ue.displayName = "KendoReactSchedulerMultiDayView";
+ve.displayName = "KendoReactSchedulerMultiDayView";
 export {
-  ue as MultiDayView,
-  f as multiDayViewDefaultProps
+  ve as MultiDayView,
+  k as multiDayViewDefaultProps
 };