@progress/kendo-react-scheduler 9.4.0-develop.24 → 9.4.0-develop.4

package/views/time/MultiDayTimelineView.mjs

@@ -5,14 +5,15 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as t from "react";
 import { BaseView as re } from "../../components/BaseView.mjs";
 import { MS_PER_DAY as oe, MS_PER_MINUTE as ne, ZonedDate as z, Day as B, getDate as ae, addDays as ie } from "@progress/kendo-date-math";
 import { HorizontalResourceIterator as L } from "../common/HorizontalResourceIterator.mjs";
 import { TimelineViewRowContent as se } from "./TimelineViewRowContent.mjs";
-import { TimelineViewAllEventsRowContent as me } from "./TimelineViewAllEventsRowContent.mjs";
+import { TimelineViewAllEventsRowContent as le } from "./TimelineViewAllEventsRowContent.mjs";
 import { VerticalResourceIterator as Z } from "../common/VerticalResourceIterator.mjs";
-import { isInTimeRange as S, mapItemsToSlots as le, mapSlotsToItems as ce, toUTCDateTime as H, isInDaysRange as de, intersects as X, last as Y, first as j, orderSort as ue } from "../../utils/index.mjs";
+import { isInTimeRange as S, mapItemsToSlots as me, mapSlotsToItems as ce, toUTCDateTime as H, isInDaysRange as de, intersects as X, last as Y, first as j, orderSort as ue } from "../../utils/index.mjs";
 import { classNames as De } from "@progress/kendo-react-common";
 import { toRanges as Te } from "../../services/rangeService.mjs";
 import { toSlots as fe } from "../../services/slotsService.mjs";
@@ -30,11 +31,11 @@ import { TimeHeaderCell as xe } from "../../components/TimeHeaderCell.mjs";
 import { useCellSync as Ie } from "../../hooks/useCellSync.mjs";
 import { useRowSync as be } from "../../hooks/useRowSync.mjs";
 const Ae = "t", He = 0, nt = (e) => {
-  const { group: D, timezone: n, resources: T } = ye(), f = t.useRef(null), v = t.useRef(null), E = e.editItem || Ee, y = e.editSlot || we, g = t.useRef(null), [R] = Re(), k = Ce(), h = We(), i = ze(), N = ve(), C = Se(), W = e.showWorkHours, _ = e.slotDivisions || m.slotDivisions, M = e.slotDuration || m.slotDuration, J = e.workWeekStart || m.workWeekStart, K = e.workWeekEnd || m.workWeekEnd, x = C.parseDate(
-    e.workDayStart || e.isWorkDayStart || m.isWorkDayStart
+  const { group: D, timezone: n, resources: T } = ye(), f = t.useRef(null), v = t.useRef(null), E = e.editItem || Ee, y = e.editSlot || we, g = t.useRef(null), [R] = Re(), k = Ce(), h = We(), i = ze(), N = ve(), C = Se(), W = e.showWorkHours, _ = e.slotDivisions || l.slotDivisions, M = e.slotDuration || l.slotDuration, J = e.workWeekStart || l.workWeekStart, K = e.workWeekEnd || l.workWeekEnd, x = C.parseDate(
+    e.workDayStart || e.isWorkDayStart || l.isWorkDayStart
   ), I = C.parseDate(
-    e.workDayEnd || e.isWorkDayEnd || m.isWorkDayEnd
-  ), $ = C.parseDate(e.startTime || m.startTime), F = C.parseDate(e.endTime || m.endTime), l = t.useMemo(
+    e.workDayEnd || e.isWorkDayEnd || l.isWorkDayEnd
+  ), $ = C.parseDate(e.startTime || l.startTime), F = C.parseDate(e.endTime || l.endTime), m = t.useMemo(
     () => W ? x : $,
     [W, x, $]
   ), c = t.useMemo(() => W ? I : F, [W, I, F]), o = t.useMemo(
@@ -42,7 +43,7 @@ const Ae = "t", He = 0, nt = (e) => {
     [i.start.getTime(), i.end.getTime(), n]
   ), s = t.useMemo(
     () => fe(i, { step: M / _ * ne }, { groups: h, ranges: o }).filter(
-      (r) => S(r.zonedStart, l, c) || l.getTime() === c.getTime()
+      (r) => S(r.zonedStart, m, c) || m.getTime() === c.getTime()
     ),
     [
       h,
@@ -52,7 +53,7 @@ const Ae = "t", He = 0, nt = (e) => {
       n,
       M,
       _,
-      l.getTime(),
+      m.getTime(),
       c.getTime()
     ]
   ), U = t.useMemo(
@@ -60,16 +61,16 @@ const Ae = "t", He = 0, nt = (e) => {
     [R, i.start.getTime(), i.end.getTime(), N, n]
   ), d = t.useMemo(
     () => ke(U, { timezone: n }, { groups: h, ranges: o }).filter(
-      (r) => l.getTime() === c.getTime() || S(r.zonedStart, l, c) || S(r.zonedEnd, l, c) || S(
+      (r) => m.getTime() === c.getTime() || S(r.zonedStart, m, c) || S(r.zonedEnd, m, c) || S(
         new Date(r.zonedEnd.getTime() - (r.zonedEnd.getTime() - r.zonedStart.getTime()) / 2),
-        l,
+        m,
         c
       )
     ),
-    [U, n, h, o, l.getTime(), c.getTime()]
+    [U, n, h, o, m.getTime(), c.getTime()]
   );
-  t.useMemo(() => le(d, s, !0), [d, s]), t.useMemo(() => ce(d, s, !0), [d, s]);
-  const V = (k === "horizontal" ? s.length : s.length / h.length) * ((e.columnWidth || m.columnWidth) + he), O = /* @__PURE__ */ t.createElement(A.Consumer, null, () => /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", { className: "k-scheduler-row" }, o.map((r, w) => /* @__PURE__ */ t.createElement(
+  t.useMemo(() => me(d, s, !0), [d, s]), t.useMemo(() => ce(d, s, !0), [d, s]);
+  const V = (k === "horizontal" ? s.length : s.length / h.length) * ((e.columnWidth || l.columnWidth) + he), O = /* @__PURE__ */ t.createElement(A.Consumer, null, () => /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", { className: "k-scheduler-row" }, o.map((r, w) => /* @__PURE__ */ t.createElement(
     Me,
     {
       as: e.dateHeaderCell,
@@ -158,7 +159,7 @@ const Ae = "t", He = 0, nt = (e) => {
       {
         group: D,
         resources: T,
-        rowContent: me
+        rowContent: le
       },
       P,
       /* @__PURE__ */ t.createElement(A.Consumer, null, ({ groupIndex: r }) => e.currentTimeMarker && X(j(o).start, Y(o).end, /* @__PURE__ */ new Date(), /* @__PURE__ */ new Date(), !0) && /* @__PURE__ */ t.createElement(q, { groupIndex: r, attachArrow: f, vertical: !0 }))
@@ -187,7 +188,7 @@ const Ae = "t", He = 0, nt = (e) => {
     zonedStart: E,
     zonedEnd: y
   };
-}, m = {
+}, l = {
   name: "multi-day-timeline",
   title: "Multi Day Timeline",
   currentTimeMarker: !0,
@@ -209,5 +210,5 @@ const Ae = "t", He = 0, nt = (e) => {
 };
 export {
   nt as MultiDayTimelineView,
-  m as multiDayTimelineViewDefaultProps
+  l as multiDayTimelineViewDefaultProps
 };

package/views/time/TimelineView.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),r=require("./MultiDayTimelineView.js"),n=require("../../messages/index.js");function s(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(i,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return i.default=e,Object.freeze(i)}const c=s(o),a=e=>c.createElement(r.MultiDayTimelineView,{...e}),u={...r.multiDayTimelineViewDefaultProps,name:"timeline",title:e=>e.toLanguageString(n.timelineViewTitle,n.messages[n.timelineViewTitle]),slotDuration:60,slotDivisions:2,numberOfDays:1,selectedDateFormat:"{0:D}",selectedShortDateFormat:"{0:d}"};a.displayName="KendoReactSchedulerTimelineView";exports.TimelineView=a;exports.timeLineViewDefaultProps=u;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),r=require("./MultiDayTimelineView.js"),n=require("../../messages/index.js");function s(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(i,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return i.default=e,Object.freeze(i)}const c=s(o),a=e=>c.createElement(r.MultiDayTimelineView,{...e}),u={...r.multiDayTimelineViewDefaultProps,name:"timeline",title:e=>e.toLanguageString(n.timelineViewTitle,n.messages[n.timelineViewTitle]),slotDuration:60,slotDivisions:2,numberOfDays:1,selectedDateFormat:"{0:D}",selectedShortDateFormat:"{0:d}"};a.displayName="KendoReactSchedulerTimelineView";exports.TimelineView=a;exports.timeLineViewDefaultProps=u;

package/views/time/TimelineView.mjs

@@ -5,21 +5,22 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as t from "react";
 import { MultiDayTimelineView as m, multiDayTimelineViewDefaultProps as a } from "./MultiDayTimelineView.mjs";
-import { timelineViewTitle as i, messages as o } from "../../messages/index.mjs";
-const l = (e) => /* @__PURE__ */ t.createElement(m, { ...e }), s = {
+import { timelineViewTitle as i, messages as l } from "../../messages/index.mjs";
+const o = (e) => /* @__PURE__ */ t.createElement(m, { ...e }), s = {
   ...a,
   name: "timeline",
-  title: (e) => e.toLanguageString(i, o[i]),
+  title: (e) => e.toLanguageString(i, l[i]),
   slotDuration: 60,
   slotDivisions: 2,
   numberOfDays: 1,
   selectedDateFormat: "{0:D}",
   selectedShortDateFormat: "{0:d}"
 };
-l.displayName = "KendoReactSchedulerTimelineView";
+o.displayName = "KendoReactSchedulerTimelineView";
 export {
-  l as TimelineView,
+  o as TimelineView,
   s as timeLineViewDefaultProps
 };

package/views/time/TimelineViewAllEventsRowContent.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),a=require("../../messages/index.js"),i=require("@progress/kendo-react-intl");function o(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,c.get?c:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const l=o(r),s=e=>{const t=i.useLocalization();return l.createElement(l.Fragment,null,l.createElement("div",{className:"k-sticky-cell"},l.createElement("div",{className:"k-scheduler-cell k-heading-cell k-side-cell k-scheduler-times-all-day","data-range-index":0},t.toLanguageString(a.allEvents,a.messages[a.allEvents]))),e.children)};exports.TimelineViewAllEventsRowContent=s;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),a=require("../../messages/index.js"),i=require("@progress/kendo-react-intl");function o(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,c.get?c:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const l=o(r),s=e=>{const t=i.useLocalization();return l.createElement(l.Fragment,null,l.createElement("div",{className:"k-sticky-cell"},l.createElement("div",{className:"k-scheduler-cell k-heading-cell k-side-cell k-scheduler-times-all-day","data-range-index":0},t.toLanguageString(a.allEvents,a.messages[a.allEvents]))),e.children)};exports.TimelineViewAllEventsRowContent=s;

package/views/time/TimelineViewAllEventsRowContent.mjs

@@ -5,10 +5,11 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as e from "react";
 import { allEvents as l, messages as n } from "../../messages/index.mjs";
 import { useLocalization as i } from "@progress/kendo-react-intl";
-const s = (t) => {
+const r = (t) => {
   const a = i();
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "k-sticky-cell" }, /* @__PURE__ */ e.createElement(
     "div",
@@ -20,5 +21,5 @@ const s = (t) => {
   )), t.children);
 };
 export {
-  s as TimelineViewAllEventsRowContent
+  r as TimelineViewAllEventsRowContent
 };

package/views/time/TimelineViewRowContent.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function o(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(c,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return c.default=e,Object.freeze(c)}const n=o(r),a=n.createElement("div",{className:"k-scheduler-cell k-side-cell"}),i=e=>n.createElement(n.Fragment,null,n.createElement("div",{className:"k-sticky-cell"},a),e.children);exports.TimelineViewRowContent=i;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function i(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(c,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return c.default=e,Object.freeze(c)}const n=i(r),o=n.createElement("div",{className:"k-scheduler-cell k-side-cell"}),a=e=>n.createElement(n.Fragment,null,n.createElement("div",{className:"k-sticky-cell"},o),e.children);exports.TimelineViewRowContent=a;

package/views/time/TimelineViewRowContent.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as e from "react";
 const t = /* @__PURE__ */ e.createElement("div", { className: "k-scheduler-cell k-side-cell" }), c = (l) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "k-sticky-cell" }, t), l.children);
 export {

package/views/week/WeekView.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),w=require("../day/MultiDayView.js"),r=require("../../constants/index.js"),n=require("@progress/kendo-date-math"),s=require("../../messages/index.js"),d=require("../../utils/index.js");function _(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const g=_(m),l=e=>g.createElement(w.MultiDayView,{...e,step:r.DAYS_IN_WEEK_COUNT,numberOfDays:r.DAYS_IN_WEEK_COUNT}),E=e=>n.getDate(e),y=(e,a)=>n.getDate(n.addDays(e,a)),S=({intl:e,date:a,timezone:t})=>{const o=n.ZonedDate.fromLocalDate(a,t),i=E(n.firstDayInWeek(o,e.firstDay())),u=y(i,r.DAYS_IN_WEEK_COUNT),c=n.ZonedDate.fromUTCDate(d.toUTCDateTime(i),t),D=n.ZonedDate.fromUTCDate(d.toUTCDateTime(u),t),T=new Date(c.getTime()),f=new Date(D.getTime());return{start:T,end:f,zonedStart:c,zonedEnd:D}},k={name:"week",slotDuration:60,slotDivisions:2,numberOfDays:r.DAYS_IN_WEEK_COUNT,dateRange:S,title:e=>e.toLanguageString(s.weekViewTitle,s.messages[s.weekViewTitle]),selectedDateFormat:"{0:D} - {1:D}",selectedShortDateFormat:"{0:d} - {1:d}"};l.displayName="KendoReactSchedulerWeekView";exports.WeekView=l;exports.weekViewDefaultProps=k;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),w=require("../day/MultiDayView.js"),r=require("../../constants/index.js"),n=require("@progress/kendo-date-math"),s=require("../../messages/index.js"),l=require("../../utils/index.js");function _(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const g=_(m),u=e=>g.createElement(w.MultiDayView,{...e,step:r.DAYS_IN_WEEK_COUNT,numberOfDays:r.DAYS_IN_WEEK_COUNT}),E=e=>n.getDate(e),y=(e,a)=>n.getDate(n.addDays(e,a)),S=({intl:e,date:a,timezone:t})=>{const o=n.ZonedDate.fromLocalDate(a,t),i=E(n.firstDayInWeek(o,e.firstDay())),d=y(i,r.DAYS_IN_WEEK_COUNT),c=n.ZonedDate.fromUTCDate(l.toUTCDateTime(i),t),D=n.ZonedDate.fromUTCDate(l.toUTCDateTime(d),t),T=new Date(c.getTime()),f=new Date(D.getTime());return{start:T,end:f,zonedStart:c,zonedEnd:D}},k={name:"week",slotDuration:60,slotDivisions:2,numberOfDays:r.DAYS_IN_WEEK_COUNT,dateRange:S,title:e=>e.toLanguageString(s.weekViewTitle,s.messages[s.weekViewTitle]),selectedDateFormat:"{0:D} - {1:D}",selectedShortDateFormat:"{0:d} - {1:d}"};u.displayName="KendoReactSchedulerWeekView";exports.WeekView=u;exports.weekViewDefaultProps=k;

package/views/week/WeekView.mjs

@@ -5,13 +5,14 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as w from "react";
 import { MultiDayView as p } from "../day/MultiDayView.mjs";
 import { DAYS_IN_WEEK_COUNT as t } from "../../constants/index.mjs";
-import { ZonedDate as r, firstDayInWeek as g, getDate as c, addDays as E } from "@progress/kendo-date-math";
-import { weekViewTitle as i, messages as u } from "../../messages/index.mjs";
+import { ZonedDate as r, firstDayInWeek as g, getDate as c, addDays as u } from "@progress/kendo-date-math";
+import { weekViewTitle as i, messages as E } from "../../messages/index.mjs";
 import { toUTCDateTime as m } from "../../utils/index.mjs";
-const k = (e) => /* @__PURE__ */ w.createElement(p, { ...e, step: t, numberOfDays: t }), y = (e) => c(e), _ = (e, a) => c(E(e, a)), S = ({ intl: e, date: a, timezone: o }) => {
+const k = (e) => /* @__PURE__ */ w.createElement(p, { ...e, step: t, numberOfDays: t }), y = (e) => c(e), _ = (e, a) => c(u(e, a)), S = ({ intl: e, date: a, timezone: o }) => {
   const d = r.fromLocalDate(a, o), s = y(g(d, e.firstDay())), f = _(s, t), n = r.fromUTCDate(m(s), o), D = r.fromUTCDate(m(f), o), l = new Date(n.getTime()), T = new Date(D.getTime());
   return {
     start: l,
@@ -25,7 +26,7 @@ const k = (e) => /* @__PURE__ */ w.createElement(p, { ...e, step: t, numberOfDay
   slotDivisions: 2,
   numberOfDays: t,
   dateRange: S,
-  title: (e) => e.toLanguageString(i, u[i]),
+  title: (e) => e.toLanguageString(i, E[i]),
   selectedDateFormat: "{0:D} - {1:D}",
   selectedShortDateFormat: "{0:d} - {1:d}"
 };

package/views/week/WorkWeekView.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),a=require("@progress/kendo-date-math"),c=require("../../constants/index.js"),S=require("../day/MultiDayView.js"),i=require("../../messages/index.js"),u=require("../../utils/index.js"),T=require("../../context/SchedulerContext.js");function _(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(o,e,n.get?n:{enumerable:!0,get:()=>t[e]})}}return o.default=t,Object.freeze(o)}const E=_(f),l=t=>{const o=T.useSchedulerDateRangeContext(),e=Math.round((o.end.getTime()-o.start.getTime())/a.MS_PER_DAY);return E.createElement(S.MultiDayView,{...t,step:c.DAYS_IN_WEEK_COUNT,numberOfDays:e})},p=(t,o=a.Day.Sunday)=>{let e=t.clone();for(;e.getDay()!==o;)e=e.addDays(-1);return e},O=({intl:t,date:o,timezone:e,...n})=>{const w=a.ZonedDate.fromLocalDate(o,e),r=n.workWeekStart!==void 0?n.workWeekStart:a.Day.Monday,s=n.workWeekEnd!==void 0?n.workWeekEnd:a.Day.Friday,y=s<r?c.DAYS_IN_WEEK_COUNT+s-r+1:s-r+1,d=a.getDate(p(w,r)),W=a.addDays(d,y),D=a.ZonedDate.fromUTCDate(u.toUTCDateTime(d),e),k=a.ZonedDate.fromUTCDate(u.toUTCDateTime(W),e),g=new Date(D.getTime()),m=new Date(k.getTime());return{start:g,end:m,zonedStart:D,zonedEnd:k}},b={name:"work-week",slotDuration:60,slotDivisions:2,numberOfDays:c.DAYS_IN_WEEK_COUNT,dateRange:O,title:t=>t.toLanguageString(i.workWeekViewTitle,i.messages[i.workWeekViewTitle]),workWeekStart:a.Day.Monday,workWeekEnd:a.Day.Friday,selectedDateFormat:"{0:D} - {1:D}",selectedShortDateFormat:"{0:d} - {1:d}"};l.displayName="KendoReactSchedulerWorkWeekView";exports.WorkWeekView=l;exports.workWeekDefaultProps=b;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),a=require("@progress/kendo-date-math"),c=require("../../constants/index.js"),S=require("../day/MultiDayView.js"),i=require("../../messages/index.js"),k=require("../../utils/index.js"),T=require("../../context/SchedulerContext.js");function _(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const E=_(f),l=t=>{const n=T.useSchedulerDateRangeContext(),e=Math.round((n.end.getTime()-n.start.getTime())/a.MS_PER_DAY);return E.createElement(S.MultiDayView,{...t,step:c.DAYS_IN_WEEK_COUNT,numberOfDays:e})},p=(t,n=a.Day.Sunday)=>{let e=t.clone();for(;e.getDay()!==n;)e=e.addDays(-1);return e},O=({intl:t,date:n,timezone:e,...o})=>{const w=a.ZonedDate.fromLocalDate(n,e),r=o.workWeekStart!==void 0?o.workWeekStart:a.Day.Monday,s=o.workWeekEnd!==void 0?o.workWeekEnd:a.Day.Friday,y=s<r?c.DAYS_IN_WEEK_COUNT+s-r+1:s-r+1,d=a.getDate(p(w,r)),W=a.addDays(d,y),D=a.ZonedDate.fromUTCDate(k.toUTCDateTime(d),e),u=a.ZonedDate.fromUTCDate(k.toUTCDateTime(W),e),g=new Date(D.getTime()),m=new Date(u.getTime());return{start:g,end:m,zonedStart:D,zonedEnd:u}},b={name:"work-week",slotDuration:60,slotDivisions:2,numberOfDays:c.DAYS_IN_WEEK_COUNT,dateRange:O,title:t=>t.toLanguageString(i.workWeekViewTitle,i.messages[i.workWeekViewTitle]),workWeekStart:a.Day.Monday,workWeekEnd:a.Day.Friday,selectedDateFormat:"{0:D} - {1:D}",selectedShortDateFormat:"{0:d} - {1:d}"};l.displayName="KendoReactSchedulerWorkWeekView";exports.WorkWeekView=l;exports.workWeekDefaultProps=b;

package/views/week/WorkWeekView.mjs

@@ -5,26 +5,27 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as u from "react";
-import { MS_PER_DAY as S, Day as a, ZonedDate as d, getDate as p, addDays as T } from "@progress/kendo-date-math";
-import { DAYS_IN_WEEK_COUNT as i } from "../../constants/index.mjs";
+"use client";
+import * as g from "react";
+import { MS_PER_DAY as S, Day as a, ZonedDate as i, getDate as p, addDays as T } from "@progress/kendo-date-math";
+import { DAYS_IN_WEEK_COUNT as d } from "../../constants/index.mjs";
 import { MultiDayView as E } from "../day/MultiDayView.mjs";
 import { workWeekViewTitle as c, messages as R } from "../../messages/index.mjs";
 import { toUTCDateTime as w } from "../../utils/index.mjs";
 import { useSchedulerDateRangeContext as C } from "../../context/SchedulerContext.mjs";
 const M = (t) => {
   const o = C(), e = Math.round((o.end.getTime() - o.start.getTime()) / S);
-  return /* @__PURE__ */ u.createElement(E, { ...t, step: i, numberOfDays: e });
+  return /* @__PURE__ */ g.createElement(E, { ...t, step: d, numberOfDays: e });
 }, V = (t, o = a.Sunday) => {
   let e = t.clone();
   for (; e.getDay() !== o; )
     e = e.addDays(-1);
   return e;
 }, _ = ({ intl: t, date: o, timezone: e, ...r }) => {
-  const l = d.fromLocalDate(o, e), n = r.workWeekStart !== void 0 ? r.workWeekStart : a.Monday, s = r.workWeekEnd !== void 0 ? r.workWeekEnd : a.Friday, W = s < n ? i + s - n + 1 : s - n + 1, k = p(V(l, n)), f = T(k, W), m = d.fromUTCDate(w(k), e), D = d.fromUTCDate(w(f), e), y = new Date(m.getTime()), g = new Date(D.getTime());
+  const l = i.fromLocalDate(o, e), n = r.workWeekStart !== void 0 ? r.workWeekStart : a.Monday, s = r.workWeekEnd !== void 0 ? r.workWeekEnd : a.Friday, W = s < n ? d + s - n + 1 : s - n + 1, k = p(V(l, n)), f = T(k, W), m = i.fromUTCDate(w(k), e), D = i.fromUTCDate(w(f), e), u = new Date(m.getTime()), y = new Date(D.getTime());
   return {
-    start: y,
-    end: g,
+    start: u,
+    end: y,
     zonedStart: m,
     zonedEnd: D
   };
@@ -32,7 +33,7 @@ const M = (t) => {
   name: "work-week",
   slotDuration: 60,
   slotDivisions: 2,
-  numberOfDays: i,
+  numberOfDays: d,
   dateRange: _,
   title: (t) => t.toLanguageString(c, R[c]),
   workWeekStart: a.Monday,