@progress/kendo-react-scheduler 13.3.0 → 13.4.0-develop.2

package/views/day/MultiDayView.d.ts

@@ -0,0 +1,179 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Day } from '@progress/kendo-date-math';
+import { DateRange, SchedulerViewProps, SchedulerViewDateRangeArgs } from '../../models/index.js';
+import { SchedulerItemProps } from '../../items/SchedulerItem.js';
+import { SchedulerSlotProps } from '../../slots/SchedulerSlot.js';
+import { SchedulerViewItemProps } from '../../items/SchedulerViewItem.js';
+import { SchedulerViewSlotProps } from '../../slots/SchedulerViewSlot.js';
+import { SchedulerEditSlotProps } from '../../slots/SchedulerEditSlot.js';
+import { SchedulerEditItemProps } from '../../items/SchedulerEditItem.js';
+import { DateHeaderCellProps } from '../../components/DateHeaderCell.js';
+import { TimeHeaderCellProps } from '../../components/TimeHeaderCell.js';
+import { SchedulerFormProps } from '../../components/SchedulerForm.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface MultiDayViewProps extends SchedulerViewProps {
+    /**
+     * The long-date format for displaying the
+     * selected date in the Scheduler toolbar.
+     * Defaults to `{0:D} - {1:D}`
+     * ([more information](https://www.github.com/telerik/kendo-intl/blob/develop/docs/date-formatting/index.md))
+     */
+    selectedDateFormat?: string;
+    /**
+     * The short-date format for displaying the
+     * selected date in the Scheduler toolbar.
+     * Defaults to `{0:d} - {1-d}`
+     * ([more information](https://www.github.com/telerik/kendo-intl/blob/develop/docs/date-formatting/index.md))
+     */
+    selectedShortDateFormat?: string;
+    /**
+     * Overrides the general `editable` prop of the Scheduler for the specified view only.
+     */
+    editable?: boolean;
+    /**
+     * Specifies the number of days that the view will render.
+     * Defaults to `1`.
+     */
+    numberOfDays?: number;
+    /**
+     * The start time of the view. The MultiDayView displays events which are visible after the start time.
+     * Accepts string values in the `HH:mm` format.
+     */
+    startTime?: string;
+    /**
+     * The end time of the view. The MultiDayView displays events which are visible before the end time.
+     * Accepts string values in the `HH:mm` format.
+     */
+    endTime?: string;
+    /**
+     * Specifies the step by which the currently rendered days will be changed, when using the back and forwards buttons in the toolbar navigation.
+     */
+    step?: number;
+    /**
+     * The start time of the view when `showWorkHours` is set to `true`.
+     * Accepts string values in the `HH:mm` format.
+     */
+    workDayStart?: string;
+    /** @hidden */
+    isWorkDayStart?: string;
+    /**
+     * The end time of the view when `showWorkHours` is set to `true`.
+     * Accepts string values in the `HH:mm` format.
+     */
+    workDayEnd?: string;
+    /** @hidden */
+    isWorkDayEnd?: string;
+    /**
+     * The start of the work week.
+     */
+    workWeekStart?: Day;
+    /**
+     * The end of the work week.
+     */
+    workWeekEnd?: Day;
+    /**
+     * The number of divisions of the time slots.
+     */
+    slotDivisions?: number;
+    /**
+     * The duration (in minutes) of the time slots.
+     */
+    slotDuration?: number;
+    /**
+     * If set to `true`, the view will be shown in the business-hours mode only.
+     *
+     * This will always override the internal `showWorkHours` state.
+     */
+    showWorkHours?: boolean;
+    /**
+     * Sets the initial business-hour mode. Default `true`.
+     *
+     * This option applies only the initial `showWorkHours` state.
+     */
+    defaultShowWorkHours?: boolean;
+    /**
+     * Sets a custom `className` to the wrapping element of the `DayView`.
+     */
+    className?: string;
+    /**
+     * Sets a custom `id` to the wrapping element of the `DayView`.
+     */
+    id?: string;
+    /**
+     * Sets a custom `style` property to the wrapping element of the `DayView`.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Overrides the `item` prop of the Scheduler for the specified view only.
+     */
+    item?: React.ComponentType<SchedulerItemProps>;
+    /**
+     * Overrides the `viewItem` prop of the Scheduler for the specified view only.
+     */
+    viewItem?: React.ComponentType<SchedulerViewItemProps>;
+    /**
+     * Overrides the `editableItem` prop of the Scheduler for the specified view only.
+     */
+    editItem?: React.ComponentType<SchedulerEditItemProps>;
+    /**
+     * Overrides the `slot` prop of the Scheduler for the specified view only.
+     */
+    slot?: React.ComponentType<SchedulerSlotProps>;
+    /**
+     * Overrides the `viewSlot` prop of the Scheduler for the specified view only.
+     */
+    viewSlot?: React.ComponentType<SchedulerViewSlotProps>;
+    /**
+     * Overrides the `editSlot` prop of the Scheduler for the specified view only.
+     */
+    editSlot?: React.ComponentType<SchedulerEditSlotProps>;
+    /**
+     * Overrides the `form` prop of the Scheduler for the specified view only.
+     */
+    form?: React.ComponentType<SchedulerFormProps>;
+    /**
+     * If set to `false` the "current time" marker of the scheduler would not be displayed.
+     */
+    currentTimeMarker?: boolean;
+    /**
+     * Represents component based on the DateHeaderCellProps.
+     */
+    dateHeaderCell?: React.ComponentType<DateHeaderCellProps>;
+    /**
+     * Represents component based on the TimeHeaderCellProps.
+     */
+    timeHeaderCell?: React.ComponentType<TimeHeaderCellProps>;
+}
+/**
+ * @hidden
+ */
+export declare const MultiDayView: React.FunctionComponent<MultiDayViewProps>;
+/** @hidden */
+export declare const multiDayViewDefaultProps: {
+    name: string;
+    title: string;
+    currentTimeMarker: boolean;
+    dateRange: ({ date, numberOfDays, timezone }: SchedulerViewDateRangeArgs) => DateRange;
+    selectedDateFormat: string;
+    selectedShortDateFormat: string;
+    numberOfDays: number;
+    startTime: string;
+    endTime: string;
+    isWorkDayStart: string;
+    isWorkDayEnd: string;
+    workWeekStart: Day;
+    workWeekEnd: Day;
+    slotDivisions: number;
+    slotDuration: number;
+    showCurrentTime: boolean;
+    defaultShowWorkHours: boolean;
+};

package/views/day/MultiDayView.mjs

@@ -7,7 +7,7 @@
  */
 import * as a from "react";
 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 { Day as me, ZonedDate as P, getDate as ze, addDays as Ae, MS_PER_DAY as U } from "@progress/kendo-date-math";
 import { BaseView as Ne } from "../../components/BaseView.mjs";
 import { HorizontalResourceIterator as G } from "../common/HorizontalResourceIterator.mjs";
 import { DayViewGroupRowContent as se } from "./DayViewGroupRowContent.mjs";
@@ -15,7 +15,7 @@ import { VerticalResourceIterator as ce } from "../common/VerticalResourceIterat
 import { DayViewAllDayRowContent as I } from "./DayViewAllDayRowContent.mjs";
 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 { toUTCDateTime as De, isInTimeRange as A, mapItemsToSlots as ge, mapSlotsToItems as fe, isInDaysRange as Fe, intersects as ke, last as we, first 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";
@@ -78,7 +78,7 @@ const _ = 0, V = 1, Xe = /* @__PURE__ */ a.createElement("div", { className: "k-
     ),
     [W, i, E, m, S.getTime(), T.getTime()]
   );
-  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]);
+  a.useMemo(() => ge(z, h, !1), [z, h]), a.useMemo(() => fe(z, h, !1), [z, h]), a.useMemo(() => ge(H, u, !1), [H, u]), a.useMemo(() => fe(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,
     {
@@ -267,7 +267,7 @@ const _ = 0, V = 1, Xe = /* @__PURE__ */ a.createElement("div", { className: "k-
         },
         Re(t, n, 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) => {
+    ))), B !== !1 && ke(ye(m).start, we(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;
@@ -283,9 +283,9 @@ const _ = 0, V = 1, Xe = /* @__PURE__ */ a.createElement("div", { className: "k-
         timeHeaderCell: e.timeHeaderCell
       },
       We(n, r, t, o)
-    ))), B !== !1 && fe(
-      we(m).start,
-      ke(m).end,
+    ))), B !== !1 && ke(
+      ye(m).start,
+      we(m).end,
       /* @__PURE__ */ new Date(),
       /* @__PURE__ */ new Date(),
       !0
@@ -317,7 +317,7 @@ const _ = 0, V = 1, Xe = /* @__PURE__ */ a.createElement("div", { className: "k-
     )))
   );
 }, 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());
+  const C = P.fromLocalDate(e, i), M = ze(C), N = Ae(M, v), g = P.fromUTCDate(De(M), i), b = P.fromUTCDate(De(N), i), d = new Date(g.getTime()), w = new Date(b.getTime());
   return {
     start: d,
     end: w,

package/views/month/MonthView.d.ts

@@ -0,0 +1,104 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { DateRange, SchedulerViewProps, SchedulerViewDateRangeArgs } from '../../models/index.js';
+import { SchedulerEditSlotProps } from '../../slots/SchedulerEditSlot.js';
+import { SchedulerItemProps } from '../../items/SchedulerItem.js';
+import { SchedulerViewItemProps } from '../../items/SchedulerViewItem.js';
+import { SchedulerEditItemProps } from '../../items/SchedulerEditItem.js';
+import { SchedulerSlotProps } from '../../slots/SchedulerSlot.js';
+import { SchedulerViewSlotProps } from '../../slots/SchedulerViewSlot.js';
+import { DateHeaderCellProps } from '../../components/DateHeaderCell.js';
+import { SchedulerFormProps } from '../../components/SchedulerForm.js';
+import * as React from 'react';
+/**
+ * Represents the props of the KendoReact [MonthView](https://www.telerik.com/kendo-react-ui/components/scheduler/api/monthview) Component.
+ */
+export interface MonthViewProps extends Omit<SchedulerViewProps, 'numberOfDays' | 'step'> {
+    /**
+     * Sets the maximum number of `items` to be rendered in a single `slot`, before adding the `show-more` button.
+     */
+    itemsPerSlot?: number;
+    /**
+     * The long-date format for displaying the
+     * selected date in the Scheduler toolbar.
+     * Defaults to `{0:Y}`
+     * ([more information](https://www.github.com/telerik/kendo-intl/blob/develop/docs/date-formatting/index.md))
+     */
+    selectedDateFormat?: string;
+    /**
+     * The short-date format for displaying the
+     * selected date in the Scheduler toolbar.
+     * Defaults to `{0:Y}`
+     * ([more information](https://www.github.com/telerik/kendo-intl/blob/develop/docs/date-formatting/index.md))
+     */
+    selectedShortDateFormat?: string;
+    /**
+     * Overrides the general `editable` prop of the Scheduler for the specified view only.
+     */
+    editable?: boolean;
+    /**
+     * Sets a custom `className` to the wrapping element of the `DayView`.
+     */
+    className?: string;
+    /**
+     * Sets a custom `id` to the wrapping element of the `DayView`.
+     */
+    id?: string;
+    /**
+     * Sets a custom `style` property to the wrapping element of the `DayView`.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Overrides the `item` prop of the Scheduler for the specified view only.
+     */
+    item?: React.ComponentType<SchedulerItemProps>;
+    /**
+     * Overrides the `viewItem` prop of the Scheduler for the specified view only.
+     */
+    viewItem?: React.ComponentType<SchedulerViewItemProps>;
+    /**
+     * Overrides the `editableItem` prop of the Scheduler for the specified view only.
+     */
+    editItem?: React.ComponentType<SchedulerEditItemProps>;
+    /**
+     * Overrides the `slot` prop of the Scheduler for the specified view only.
+     */
+    slot?: React.ComponentType<SchedulerSlotProps>;
+    /**
+     * Overrides the `viewSlot` prop of the Scheduler for the specified view only.
+     */
+    viewSlot?: React.ComponentType<SchedulerViewSlotProps>;
+    /**
+     * Overrides the `editSlot` prop of the Scheduler for the specified view only.
+     */
+    editSlot?: React.ComponentType<SchedulerEditSlotProps>;
+    /**
+     * Represents component based on the DateHeaderCellProps.
+     */
+    dateHeaderCell?: React.ComponentType<DateHeaderCellProps>;
+    /**
+     * Overrides the `form` prop of the Scheduler for the specified view only.
+     */
+    form?: React.ComponentType<SchedulerFormProps>;
+}
+/**
+ * Represents the KendoReact [MonthView](https://www.telerik.com/kendo-react-ui/components/scheduler/views/month) Component.
+ */
+export declare const MonthView: React.FunctionComponent<MonthViewProps>;
+/** @hidden */
+export declare const monthViewDefaultProps: {
+    name: string;
+    dateRange: ({ intl, date, timezone }: SchedulerViewDateRangeArgs) => DateRange;
+    slotDuration: number;
+    slotDivision: number;
+    itemsPerSlot: number;
+    numberOfDays: number;
+    title: (localization: any) => any;
+    selectedDateFormat: string;
+    selectedShortDateFormat: string;
+};

package/views/month/MonthView.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 U=require("react"),j=require("prop-types"),B=require("../../components/BaseView.js"),s=require("@progress/kendo-date-math"),_=require("@progress/kendo-react-common"),z=require("../common/VerticalResourceIterator.js"),O=require("../common/HorizontalResourceIterator.js"),D=require("../../utils/index.js"),q=require("../../messages/index.js"),F=require("../../slots/SchedulerEditSlot.js"),W=require("@progress/kendo-react-intl"),p=require("../../constants/index.js"),K=require("../../services/rangeService.js"),Z=require("../../services/slotsService.js"),L=require("../../services/occurrenceService.js"),G=require("../../services/itemsService.js"),J=require("../../components/ShowMoreItemsButton.js"),Q=require("../../items/SchedulerEditItem.js"),d=require("../../context/SchedulerContext.js"),P=require("../../context/SchedulerResourceIteratorContext.js"),X=require("../../components/DateHeaderCell.js");function ee(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(c,o,i.get?i:{enumerable:!0,get:()=>e[o]})}}return c.default=e,Object.freeze(c)}const r=ee(U),te={skeleton:"dd"},I=e=>{const{group:c,timezone:o,resources:i}=d.useSchedulerPropsContext(),y=e.editItem||Q.SchedulerEditItem,f=e.editSlot||F.SchedulerEditSlot,[S]=d.useSchedulerDataContext(),[E,C]=d.useSchedulerDateContext(),[,k]=d.useSchedulerActiveViewContext(),b=d.useSchedulerViewsContext(),T=d.useSchedulerGroupsContext(),w=d.useSchedulerOrientationContext(),l=d.useSchedulerDateRangeContext(),$=W.useInternationalization(),x=d.useSchedulerFieldsContext(),M=e.itemsPerSlot||A.itemsPerSlot,m=r.useMemo(()=>K.toRanges(l,{step:s.MS_PER_DAY*p.DAYS_IN_WEEK_COUNT,timezone:o}),[l.start.getTime(),l.end.getTime(),o]),h=r.useMemo(()=>Z.toSlots(l,{step:s.MS_PER_DAY},{groups:T,ranges:m}),[l.start.getTime(),l.end.getTime(),T,m]),v=r.useMemo(()=>L.toOccurrences(S,{dateRange:l,fields:x,timezone:o}),[S,l.start.getTime(),l.end.getTime(),x,o]),g=r.useMemo(()=>G.toItems(v,{timezone:o},{groups:T,ranges:m}),[v,o,T,m]),Y=r.useCallback(t=>{const n=b.find(u=>u.props.name==="day");!k||!n||!n.props.name||!t.target.slot||(k(n.props.name,t),C(t.target.slot.start,t))},[k,b]);r.useMemo(()=>D.mapItemsToSlots(g,h,!0),[g,h]),r.useMemo(()=>D.mapSlotsToItems(g,h,!0),[g,h]);const V=r.createElement(P.SchedulerResourceIteratorContext.Consumer,null,({groupIndex:t})=>r.createElement("div",{className:"k-scheduler-row",key:t},h.filter(n=>n.group.index===t&&n.range.index===0).map((n,u)=>r.createElement(X.DateHeaderCell,{as:e.dateHeaderCell,key:u,"data-dayslot-index":u,date:s.ZonedDate.fromLocalDate(new Date(n.zonedEnd.getTime()-(n.zonedEnd.getTime()-n.zonedStart.getTime())/2),o),start:n.start,end:n.end,format:{skeleton:"EEEE"}})))),N=r.createElement(P.SchedulerResourceIteratorContext.Consumer,null,({groupIndex:t})=>m.map((n,u)=>r.createElement("div",{className:"k-scheduler-row",key:u},h.filter(a=>a.group.index===t&&a.range.index===u).map((a,R,H)=>r.createElement(f,{slot:e.slot,viewSlot:e.viewSlot,key:R,form:e.form,...a,expandable:{offsetTop:30,offsetBottom:M<a.items.length?15:0},onDataAction:e.onDataAction,col:w==="horizontal"?H.length*(t||0)+R:R,row:w==="horizontal"?u:m.length*(t||0)+u,editable:e.editable,className:_.classNames({"k-other-month":a.start.getMonth()<E.getMonth()||a.start.getMonth()>E.getMonth()})},r.createElement("span",{className:"k-link k-nav-day"},$.formatDate(new Date(a.end.getTime()-(a.end.getTime()-a.start.getTime())/2),te)),M<a.items.length&&r.createElement(J.ShowMoreItemsButton,{slot:a,onClick:Y}))))));return r.createElement(B.BaseView,{props:e,slots:h,ranges:m,className:_.classNames("k-scheduler-monthview",e.className)},r.createElement("div",{className:"k-scheduler-head"},w==="horizontal"?r.createElement(O.HorizontalResourceIterator,{nested:!0,resources:i,group:c},V):r.createElement(z.VerticalResourceIterator,{resources:i,group:c},V)),r.createElement("div",{className:"k-scheduler-body"},w==="horizontal"?r.createElement(O.HorizontalResourceIterator,{resources:i,group:c},N):r.createElement(z.VerticalResourceIterator,{nested:!0,resources:i,group:c},N),g.filter(t=>t.order===null||t.order<M).sort(D.orderSort).map(t=>r.createElement(y,{item:e.item,viewItem:e.viewItem,form:e.form,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,style:{transform:"translateY(30px)"},vertical:!1,editable:e.editable,ignoreIsAllDay:!0}))))},re=({intl:e,date:c,timezone:o})=>{const i=s.firstDayInWeek(s.firstDayOfMonth(s.getDate(c)),e.firstDay()),y=s.addDays(s.firstDayInWeek(s.lastDayOfMonth(s.getDate(c)),e.firstDay()),p.DAYS_IN_WEEK_COUNT),f=s.ZonedDate.fromUTCDate(D.toUTCDateTime(i),o),S=s.ZonedDate.fromUTCDate(D.toUTCDateTime(y),o),E=new Date(f.getTime()),C=new Date(S.getTime());return{start:E,end:C,zonedStart:f,zonedEnd:S}},A={name:"month",dateRange:re,slotDuration:24*60,slotDivision:1,itemsPerSlot:2,numberOfDays:31,title:e=>e.toLanguageString(q.monthViewTitle,q.messages[q.monthViewTitle]),selectedDateFormat:"{0:Y}",selectedShortDateFormat:"{0:Y}"},oe={itemsPerSlot:j.number};I.propTypes=oe;I.displayName="KendoReactSchedulerMonthView";exports.MonthView=I;exports.monthViewDefaultProps=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const U=require("react"),j=require("prop-types"),B=require("../../components/BaseView.js"),s=require("@progress/kendo-date-math"),_=require("@progress/kendo-react-common"),z=require("../common/VerticalResourceIterator.js"),O=require("../common/HorizontalResourceIterator.js"),D=require("../../utils/index.js"),q=require("../../messages/index.js"),F=require("../../slots/SchedulerEditSlot.js"),W=require("@progress/kendo-react-intl"),p=require("../../constants/index.js"),K=require("../../services/rangeService.js"),Z=require("../../services/slotsService.js"),L=require("../../services/occurrenceService.js"),G=require("../../services/itemsService.js"),J=require("../../components/ShowMoreItemsButton.js"),Q=require("../../items/SchedulerEditItem.js"),d=require("../../context/SchedulerContext.js"),P=require("../../context/SchedulerResourceIteratorContext.js"),X=require("../../components/DateHeaderCell.js");function ee(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(c,o,i.get?i:{enumerable:!0,get:()=>e[o]})}}return c.default=e,Object.freeze(c)}const r=ee(U),te={skeleton:"dd"},I=e=>{const{group:c,timezone:o,resources:i}=d.useSchedulerPropsContext(),y=e.editItem||Q.SchedulerEditItem,f=e.editSlot||F.SchedulerEditSlot,[S]=d.useSchedulerDataContext(),[E,C]=d.useSchedulerDateContext(),[,k]=d.useSchedulerActiveViewContext(),b=d.useSchedulerViewsContext(),T=d.useSchedulerGroupsContext(),w=d.useSchedulerOrientationContext(),l=d.useSchedulerDateRangeContext(),$=W.useInternationalization(),x=d.useSchedulerFieldsContext(),M=e.itemsPerSlot||A.itemsPerSlot,m=r.useMemo(()=>K.toRanges(l,{step:s.MS_PER_DAY*p.DAYS_IN_WEEK_COUNT,timezone:o}),[l.start.getTime(),l.end.getTime(),o]),h=r.useMemo(()=>Z.toSlots(l,{step:s.MS_PER_DAY},{groups:T,ranges:m}),[l.start.getTime(),l.end.getTime(),T,m]),v=r.useMemo(()=>L.toOccurrences(S,{dateRange:l,fields:x,timezone:o}),[S,l.start.getTime(),l.end.getTime(),x,o]),g=r.useMemo(()=>G.toItems(v,{timezone:o},{groups:T,ranges:m}),[v,o,T,m]),Y=r.useCallback(t=>{const n=b.find(u=>u.props.name==="day");!k||!n||!n.props.name||!t.target.slot||(k(n.props.name,t),C(t.target.slot.start,t))},[k,b]);r.useMemo(()=>D.mapItemsToSlots(g,h,!0),[g,h]),r.useMemo(()=>D.mapSlotsToItems(g,h,!0),[g,h]);const V=r.createElement(P.SchedulerResourceIteratorContext.Consumer,null,({groupIndex:t})=>r.createElement("div",{className:"k-scheduler-row",key:t},h.filter(n=>n.group.index===t&&n.range.index===0).map((n,u)=>r.createElement(X.DateHeaderCell,{as:e.dateHeaderCell,key:u,"data-dayslot-index":u,date:s.ZonedDate.fromLocalDate(new Date(n.zonedEnd.getTime()-(n.zonedEnd.getTime()-n.zonedStart.getTime())/2),o),start:n.start,end:n.end,format:{skeleton:"EEEE"}})))),N=r.createElement(P.SchedulerResourceIteratorContext.Consumer,null,({groupIndex:t})=>m.map((n,u)=>r.createElement("div",{className:"k-scheduler-row",key:u},h.filter(a=>a.group.index===t&&a.range.index===u).map((a,R,H)=>r.createElement(f,{slot:e.slot,viewSlot:e.viewSlot,key:R,form:e.form,...a,expandable:{offsetTop:30,offsetBottom:M<a.items.length?15:0},onDataAction:e.onDataAction,col:w==="horizontal"?H.length*(t||0)+R:R,row:w==="horizontal"?u:m.length*(t||0)+u,editable:e.editable,className:_.classNames({"k-other-month":a.start.getMonth()<E.getMonth()||a.start.getMonth()>E.getMonth()})},r.createElement("span",{className:"k-link k-nav-day"},$.formatDate(new Date(a.end.getTime()-(a.end.getTime()-a.start.getTime())/2),te)),M<a.items.length&&r.createElement(J.ShowMoreItemsButton,{slot:a,onClick:Y}))))));return r.createElement(B.BaseView,{props:e,slots:h,ranges:m,className:_.classNames("k-scheduler-monthview",e.className)},r.createElement("div",{className:"k-scheduler-head"},w==="horizontal"?r.createElement(O.HorizontalResourceIterator,{nested:!0,resources:i,group:c},V):r.createElement(z.VerticalResourceIterator,{resources:i,group:c},V)),r.createElement("div",{className:"k-scheduler-body"},w==="horizontal"?r.createElement(O.HorizontalResourceIterator,{resources:i,group:c},N):r.createElement(z.VerticalResourceIterator,{nested:!0,resources:i,group:c},N),g.filter(t=>t.order===null||t.order<M).sort(D.orderSort).map(t=>r.createElement(y,{item:e.item,viewItem:e.viewItem,form:e.form,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,style:{transform:"translateY(30px)"},vertical:!1,editable:e.editable,ignoreIsAllDay:!0}))))},re=({intl:e,date:c,timezone:o})=>{const i=s.firstDayInWeek(s.firstDayOfMonth(s.getDate(c)),e.firstDay()),y=s.addDays(s.firstDayInWeek(s.lastDayOfMonth(s.getDate(c)),e.firstDay()),p.DAYS_IN_WEEK_COUNT),f=s.ZonedDate.fromUTCDate(D.toUTCDateTime(i),o),S=s.ZonedDate.fromUTCDate(D.toUTCDateTime(y),o),E=new Date(f.getTime()),C=new Date(S.getTime());return{start:E,end:C,zonedStart:f,zonedEnd:S}},A={name:"month",dateRange:re,slotDuration:1440,slotDivision:1,itemsPerSlot:2,numberOfDays:31,title:e=>e.toLanguageString(q.monthViewTitle,q.messages[q.monthViewTitle]),selectedDateFormat:"{0:Y}",selectedShortDateFormat:"{0:Y}"},oe={itemsPerSlot:j.number};I.propTypes=oe;I.displayName="KendoReactSchedulerMonthView";exports.MonthView=I;exports.monthViewDefaultProps=A;

package/views/month/MonthView.mjs

@@ -8,7 +8,7 @@
 import * as t from "react";
 import H from "prop-types";
 import { BaseView as K } from "../../components/BaseView.mjs";
-import { ZonedDate as C, MS_PER_DAY as v, firstDayInWeek as z, firstDayOfMonth as L, getDate as V, addDays as W, lastDayOfMonth as G } from "@progress/kendo-date-math";
+import { ZonedDate as C, firstDayInWeek as v, firstDayOfMonth as L, getDate as z, addDays as W, lastDayOfMonth as G, MS_PER_DAY as V } from "@progress/kendo-date-math";
 import { classNames as b } from "@progress/kendo-react-common";
 import { VerticalResourceIterator as A } from "../common/VerticalResourceIterator.mjs";
 import { HorizontalResourceIterator as P } from "../common/HorizontalResourceIterator.mjs";
@@ -28,10 +28,10 @@ import { SchedulerResourceIteratorContext as _ } from "../../context/SchedulerRe
 import { DateHeaderCell as ge } from "../../components/DateHeaderCell.mjs";
 const De = { skeleton: "dd" }, Y = (o) => {
   const { group: i, timezone: n, resources: d } = se(), E = o.editItem || ne, h = o.editSlot || Q, [u] = me(), [g, p] = ie(), [, T] = ce(), k = le(), D = de(), S = ue(), s = fe(), F = X(), M = he(), w = o.itemsPerSlot || Ee.itemsPerSlot, c = t.useMemo(
-    () => ee(s, { step: v * $, timezone: n }),
+    () => ee(s, { step: V * $, timezone: n }),
     [s.start.getTime(), s.end.getTime(), n]
   ), l = t.useMemo(
-    () => te(s, { step: v }, { groups: D, ranges: c }),
+    () => te(s, { step: V }, { groups: D, ranges: c }),
     [s.start.getTime(), s.end.getTime(), D, c]
   ), R = t.useMemo(
     () => oe(u, { dateRange: s, fields: M, timezone: n }),
@@ -117,7 +117,7 @@ const De = { skeleton: "dd" }, Y = (o) => {
     )))
   );
 }, Se = ({ intl: o, date: i, timezone: n }) => {
-  const d = z(L(V(i)), o.firstDay()), E = W(z(G(V(i)), o.firstDay()), $), h = C.fromUTCDate(I(d), n), u = C.fromUTCDate(I(E), n), g = new Date(h.getTime()), p = new Date(u.getTime());
+  const d = v(L(z(i)), o.firstDay()), E = W(v(G(z(i)), o.firstDay()), $), h = C.fromUTCDate(I(d), n), u = C.fromUTCDate(I(E), n), g = new Date(h.getTime()), p = new Date(u.getTime());
   return {
     start: g,
     end: p,
@@ -127,7 +127,7 @@ const De = { skeleton: "dd" }, Y = (o) => {
 }, Ee = {
   name: "month",
   dateRange: Se,
-  slotDuration: 24 * 60,
+  slotDuration: 1440,
   slotDivision: 1,
   itemsPerSlot: 2,
   numberOfDays: 31,

package/views/time/MultiDayTimelineView.d.ts

@@ -0,0 +1,183 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { DateRange, SchedulerViewProps, EditableProp, SchedulerViewDateRangeArgs } from '../../models/index.js';
+import { Day } from '@progress/kendo-date-math';
+import { SchedulerItemProps } from '../../items/SchedulerItem.js';
+import { SchedulerEditSlotProps } from '../../slots/SchedulerEditSlot.js';
+import { SchedulerSlotProps } from '../../slots/SchedulerSlot.js';
+import { SchedulerEditItemProps } from '../../items/SchedulerEditItem.js';
+import { SchedulerViewItemProps } from '../../items/SchedulerViewItem.js';
+import { SchedulerViewSlotProps } from '../../slots/SchedulerViewSlot.js';
+import { DateHeaderCellProps } from '../../components/DateHeaderCell.js';
+import { TimeHeaderCellProps } from '../../components/TimeHeaderCell.js';
+import { SchedulerFormProps } from '../../components/SchedulerForm.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface MultiDayTimelineViewProps extends SchedulerViewProps {
+    /**
+     * Specifies the step by which the currently rendered days will be changed, when using the back and forwards buttons in the toolbar navigation.
+     */
+    step?: number;
+    /**
+     * Specifies the number of days that the view will render.
+     * Defaults to `1`.
+     */
+    numberOfDays?: number;
+    /**
+     * The long-date format for displaying the
+     * selected date in the Scheduler toolbar.
+     * Defaults to `{0:D} - {1:D}`
+     * ([more information](https://www.github.com/telerik/kendo-intl/blob/develop/docs/date-formatting/index.md))
+     */
+    selectedDateFormat?: string;
+    /**
+     * The short-date format for displaying the
+     * selected date in the Scheduler toolbar.
+     * Defaults to `{0:d} - {1-d}`
+     * ([more information](https://www.github.com/telerik/kendo-intl/blob/develop/docs/date-formatting/index.md))
+     */
+    selectedShortDateFormat?: string;
+    /**
+     * Overrides the general `editable` prop of the Scheduler for the specified view only.
+     */
+    editable?: boolean | EditableProp;
+    /**
+     * The start time of the view. The TimelineView displays events which are visible after the start time.
+     * Accepts string values in the `HH:mm` format.
+     */
+    startTime?: string;
+    /**
+     * The end time of the view. The TimelineView displays events which are visible before the end time.
+     * Accepts string values in the `HH:mm` format.
+     */
+    endTime?: string;
+    /**
+     * The start time of the view when `showWorkHours` is set to `true`.
+     * Accepts string values in the `HH:mm` format.
+     */
+    workDayStart?: string;
+    /** @hidden */
+    isWorkDayStart?: string;
+    /**
+     * The end time of the view when `showWorkHours` is set to `true`.
+     * Accepts string values in the `HH:mm` format.
+     */
+    workDayEnd?: string;
+    /** @hidden */
+    isWorkDayEnd?: string;
+    /**
+     * The start of the work week.
+     */
+    workWeekStart?: Day;
+    /**
+     * The end of the work week.
+     */
+    workWeekEnd?: Day;
+    /**
+     * The number of divisions of the time slots.
+     */
+    slotDivisions?: number;
+    /**
+     * The duration (in minutes) of the time slots.
+     */
+    slotDuration?: number;
+    /**
+     * The width of a single time slot in pixels. Default is 100px.
+     */
+    columnWidth?: number;
+    /**
+     * If set to `true`, the view will be shown in the business-hours mode only.
+     *
+     * This will always override the internal `showWorkHours` state.
+     */
+    showWorkHours?: boolean;
+    /**
+     * Sets the initial business-hour mode. Default `true`.
+     *
+     * This option applies only the initial `showWorkHours` state.
+     */
+    defaultShowWorkHours?: boolean;
+    /**
+     * Sets a custom `className` to the wrapping element of the `TimelineView`.
+     */
+    className?: string;
+    /**
+     * Sets a custom `id` to the wrapping element of the `TimelineView`.
+     */
+    id?: string;
+    /**
+     * Sets a custom `style` property to the wrapping element of the `TimelineView`.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Overrides the `item` prop of the Scheduler for the specified view only.
+     */
+    item?: React.ComponentType<SchedulerItemProps>;
+    /**
+     * Overrides the `viewItem` prop of the Scheduler for the specified view only.
+     */
+    viewItem?: React.ComponentType<SchedulerViewItemProps>;
+    /**
+     * Overrides the `editableItem` prop of the Scheduler for the specified view only.
+     */
+    editItem?: React.ComponentType<SchedulerEditItemProps>;
+    /**
+     * Overrides the `slot` prop of the Scheduler for the specified view only.
+     */
+    slot?: React.ComponentType<SchedulerSlotProps>;
+    /**
+     * Overrides the `viewSlot` prop of the Scheduler for the specified view only.
+     */
+    viewSlot?: React.ComponentType<SchedulerViewSlotProps>;
+    /**
+     * Overrides the `editSlot` prop of the Scheduler for the specified view only.
+     */
+    editSlot?: React.ComponentType<SchedulerEditSlotProps>;
+    /**
+     * Overrides the `form` prop of the Scheduler for the specified view only.
+     */
+    form?: React.ComponentType<SchedulerFormProps>;
+    /**
+     * If set to `false` the "current time" marker of the scheduler would not be displayed.
+     */
+    currentTimeMarker?: boolean;
+    /**
+     * Represents component based on the DateHeaderCellProps.
+     */
+    dateHeaderCell?: React.ComponentType<DateHeaderCellProps>;
+    /**
+     * Represents component based on the TimeHeaderCellProps.
+     */
+    timeHeaderCell?: React.ComponentType<TimeHeaderCellProps>;
+}
+/**
+ * @hidden
+ */
+export declare const MultiDayTimelineView: React.FunctionComponent<MultiDayTimelineViewProps>;
+/** @hidden */
+export declare const multiDayTimelineViewDefaultProps: {
+    name: string;
+    title: string;
+    currentTimeMarker: boolean;
+    dateRange: ({ date, numberOfDays, timezone }: SchedulerViewDateRangeArgs) => DateRange;
+    selectedDateFormat: string;
+    selectedShortDateFormat: string;
+    numberOfDays: number;
+    startTime: string;
+    endTime: string;
+    isWorkDayStart: string;
+    isWorkDayEnd: string;
+    workWeekStart: Day;
+    workWeekEnd: Day;
+    slotDivisions: number;
+    slotDuration: number;
+    defaultShowWorkHours: boolean;
+    columnWidth: number;
+};

package/views/time/MultiDayTimelineView.mjs

@@ -7,12 +7,12 @@
  */
 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 { Day as B, ZonedDate as z, getDate as oe, addDays as ne, MS_PER_DAY as ae, MS_PER_MINUTE 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 { 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 { toUTCDateTime as H, isInTimeRange as S, mapItemsToSlots as le, mapSlotsToItems as ce, 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";
@@ -38,10 +38,10 @@ const Ae = "t", He = 0, nt = (e) => {
     () => W ? x : $,
     [W, x, $]
   ), c = t.useMemo(() => W ? I : F, [W, I, F]), o = t.useMemo(
-    () => Te(i, { step: oe, timezone: n }),
+    () => Te(i, { step: ae, timezone: n }),
     [i.start.getTime(), i.end.getTime(), n]
   ), s = t.useMemo(
-    () => fe(i, { step: M / _ * ne }, { groups: h, ranges: o }).filter(
+    () => fe(i, { step: M / _ * ie }, { groups: h, ranges: o }).filter(
       (r) => S(r.zonedStart, l, c) || l.getTime() === c.getTime()
     ),
     [
@@ -180,7 +180,7 @@ const Ae = "t", He = 0, nt = (e) => {
     )))
   );
 }, Ne = ({ date: e, numberOfDays: D = 1, timezone: n }) => {
-  const T = z.fromLocalDate(e, n), f = ae(T), v = ie(f, D), E = z.fromUTCDate(H(f), n), y = z.fromUTCDate(H(v), n), g = new Date(E.getTime()), R = new Date(y.getTime());
+  const T = z.fromLocalDate(e, n), f = oe(T), v = ne(f, D), E = z.fromUTCDate(H(f), n), y = z.fromUTCDate(H(v), n), g = new Date(E.getTime()), R = new Date(y.getTime());
   return {
     start: g,
     end: R,