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

package/tasks/SchedulerEditTask.d.ts

@@ -0,0 +1,93 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { SchedulerViewTaskProps } from './SchedulerViewTask.js';
+import { DataItem } from '../models/index.js';
+import { DataAction } from '../Scheduler.js';
+import { SchedulerRemoveDialogProps } from '../components/SchedulerRemoveDialog.js';
+import { SchedulerOccurrenceDialogProps } from '../components/SchedulerOccurrenceDialog.js';
+import * as React from 'react';
+/**
+ * Represents the props of the KendoReact [SchedulerEditTask](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleredittask) component.
+ */
+export interface SchedulerEditTaskProps extends SchedulerViewTaskProps {
+    /**
+     * Overrides the default component responsible for positioning the task inside the view.
+     *
+     * The default Component is: [SchedulerViewTask](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerviewtask).
+     */
+    viewTask?: React.ComponentType<SchedulerViewTaskProps>;
+    /**
+     * Overrides the default component responsible for visualizing the `removeItem` and confirming the `remove` action.
+     *
+     * The default Component is: [SchedulerRemoveDialog](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerremovedialog).
+     */
+    removeDialog?: React.ComponentType<SchedulerRemoveDialogProps>;
+    /**
+     * Setting this property will force the `showRemoveDialog` to be in controlled state, allowing further control over the display of the `removeDialog` component.
+     */
+    showRemoveDialog?: boolean;
+    /**
+     * Fires every time the `showRemoveDialog` changes.
+     */
+    onShowRemoveDialogChange?: (event: any) => void;
+    /**
+     * Setting this property will force the `removeItem` to be in controlled state, allowing further customization.
+     *
+     * Specifies the DataItem which should be removed from the `data` set.
+     * The `removeItem` is passed as property to the `removeDialog` component;
+     */
+    removeItem?: DataItem | null;
+    /**
+     * Fires every time the `removeItem` changes.
+     */
+    onRemoveItemChange?: (event: any) => void;
+    /**
+     * Overrides the default component responsible for the selection between `occurrence` and `series` delete.
+     *
+     * The default Component is: [SchedulerOccurrenceDialog](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleroccurrencedialog).
+     */
+    occurrenceDialog?: React.ComponentType<SchedulerOccurrenceDialogProps>;
+    /**
+     * Setting this property will force the `showOccurrenceDialog` to be in controlled state, allowing further control over the display of the `occurrenceDialog` component.
+     */
+    showOccurrenceDialog?: boolean;
+    /**
+     * Fires every time the `showOccurrenceDialog` changes.
+     */
+    onShowOccurrenceDialogChange?: (event: any) => void;
+    /**
+     * Fires when the item has been removed.
+     */
+    onDataAction?: (action: DataAction, event?: any) => void;
+}
+/**
+ * Represents the object which is returned from the `ref` callback of the [SchedulerEditTask](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleredittask).
+ *
+ * For more information about Refs, refer to the [React Refs & Dom](https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom) article.
+ */
+export interface SchedulerEditTaskHandle {
+    /**
+     * The HTML element of the SchedulerEditTask component.
+     */
+    element: HTMLDivElement | null;
+    /**
+     * The props of the SchedulerEditTask component.
+     */
+    props: SchedulerEditTaskProps;
+}
+/**
+ * Represents the default `editTask` component rendered by the [KendoReact Scheduler component](https://www.telerik.com/kendo-react-ui/components/scheduler).
+ *
+ * This is a composite component of the [`SchedulerViewTask`](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerviewtask), extending it to provide the `remove` editing functionality.
+ */
+export declare const SchedulerEditTask: React.ForwardRefExoticComponent<SchedulerEditTaskProps & React.RefAttributes<SchedulerEditTaskHandle>>;
+export declare const schedulerEditTaskDefaultProps: {
+    viewTask: React.ForwardRefExoticComponent<SchedulerViewTaskProps & React.RefAttributes<import('./SchedulerViewTask').SchedulerViewTaskHandle>>;
+    occurrenceDialog: React.ForwardRefExoticComponent<SchedulerOccurrenceDialogProps & React.RefAttributes<import('../components/SchedulerOccurrenceDialog').SchedulerOccurrenceDialogHandle | null>>;
+    removeDialog: React.ForwardRefExoticComponent<SchedulerRemoveDialogProps & React.RefAttributes<import('../components/SchedulerRemoveDialog').SchedulerRemoveDialogHandle | null>>;
+};

package/tasks/SchedulerTask.d.ts

@@ -0,0 +1,70 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Item, SchedulerTaskMouseEvent, EditableProp } from '../models/index.js';
+import * as React from 'react';
+/**
+ * Represents the props of the KendoReact [SchedulerTask](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulertask) component.
+ */
+export interface SchedulerTaskProps extends Item {
+    /** @hidden */
+    _ref: React.RefObject<SchedulerTaskHandle | null>;
+    /**
+     * Specifies the `id` of the wrapping element of the SchedulerTask.
+     */
+    id?: string;
+    /**
+     * Specifies the `tabIndex` attribute of the wrapping element of the SchedulerTask.
+     */
+    tabIndex?: number | null;
+    /**
+     * Specifies the `className` attribute of the wrapping element of the SchedulerTask.
+     *
+     * The SchedulerSlot applies the following default className:
+     * - `k-task`
+     */
+    className?: string;
+    /**
+     * Specifies the `style` object of the wrapping element of the SchedulerTask.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Specifies the `children` of the SchedulerTask.
+     *
+     * Setting this property will override the default elements rendered by the SchedulerTask.
+     */
+    children?: React.ReactNode;
+    /**
+     * Overrides the `editable` prop of the `Scheduler` and the active view.
+     */
+    editable?: EditableProp | boolean;
+    /**
+     * Fires when you click the `delete` icon.
+     *
+     * The `delete` icon renders only when `props.editable` or `props.editable.remove` is `true`.
+     */
+    onRemoveClick?: (event: SchedulerTaskMouseEvent) => void;
+}
+/**
+ * Represents the props of the KendoReact [SchedulerTask](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulertask) component.
+ */
+export interface SchedulerTaskHandle {
+    /**
+     * The HTML element of the SchedulerTask component.
+     */
+    element: HTMLDivElement | null;
+    /**
+     * The props of the SchedulerTask component.
+     */
+    props: SchedulerTaskProps;
+}
+/**
+ * Represents the default `task` component rendered by the [KendoReact Scheduler component](https://www.telerik.com/kendo-react-ui/components/scheduler).
+ *
+ * The SchedulerTask is the default representation of an event inside the [`AgendaView`](https://www.telerik.com/kendo-react-ui/components/scheduler/views/agenda).
+ */
+export declare const SchedulerTask: React.ForwardRefExoticComponent<SchedulerTaskProps & React.RefAttributes<SchedulerTaskHandle>>;

package/tasks/SchedulerViewTask.d.ts

@@ -0,0 +1,44 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { SchedulerTaskProps } from './SchedulerTask.js';
+import * as React from 'react';
+/**
+ * Represents the props of the KendoReact [SchedulerViewTask](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerviewtask) component.
+ */
+export interface SchedulerViewTaskProps extends SchedulerTaskProps {
+    /**
+     * Overrides the default component responsible for visualizing a single task.
+     *
+     * The default Component is: [SchedulerTask](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulertask).
+     */
+    task?: React.ComponentType<SchedulerTaskProps>;
+}
+/**
+ * Represents the object which is returned from the `ref` callback of the [SchedulerViewTask](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerviewtask).
+ *
+ * For more information about Refs, refer to the [React Refs & Dom](https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom) article.
+ */
+export interface SchedulerViewTaskHandle {
+    /**
+     * The HTML element of the SchedulerViewTask component.
+     */
+    element: HTMLDivElement | null;
+    /**
+     * The props of the SchedulerViewTask component.
+     */
+    props: SchedulerViewTaskProps;
+}
+/**
+ * Represents the default `viewTask` component rendered by the [KendoReact Scheduler component](https://www.telerik.com/kendo-react-ui/components/scheduler).
+ *
+ * This is a composite component of the [`SchedulerTask`](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulertask).
+ */
+export declare const SchedulerViewTask: React.ForwardRefExoticComponent<SchedulerViewTaskProps & React.RefAttributes<SchedulerViewTaskHandle>>;
+export declare const schedulerViewTaskDefaultProps: {
+    task: React.ForwardRefExoticComponent<SchedulerTaskProps & React.RefAttributes<import('./SchedulerTask').SchedulerTaskHandle>>;
+};

package/utils/index.d.ts

@@ -0,0 +1,177 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { SchedulerModelFields, DataItem, SchedulerGroup, Item, Slot, Occurrence } from '../models/index.js';
+import { ZonedDate } from '@progress/kendo-date-math';
+import { SchedulerResource } from '../models/SchedulerResource.js';
+import { SchedulerSlotHandle } from '../slots/SchedulerSlot.js';
+import { SchedulerItemHandle } from '../items/SchedulerItem.js';
+import { IntlService } from '@progress/kendo-react-intl';
+import { Fields } from '../models/Fields.js';
+import * as React from 'react';
+/** @hidden */
+export declare const first: <T>(arr: T[]) => T;
+/** @hidden */
+export declare const last: <T>(arr: T[]) => T;
+/** @hidden */
+export declare const isMultiDay: (item: DataItem) => boolean;
+/** @hidden */
+export declare const isGroupped: (resources: any) => boolean;
+/**
+ * @hidden
+ */
+export declare function formatEventTime(intl: IntlService, start: Date, end: Date, isAllDay: boolean): string;
+/**
+ * @hidden
+ * TODO Move to date-math
+ */
+export declare const addUTCDays: (date: Date, offset: number) => Date;
+/** @hidden */
+export declare function dateWithTime(target: Date, time: Date): Date;
+/**
+ * @hidden
+ */
+export declare const getToday: () => Date;
+/** @hidden */
+export declare const slotDive: (x: number, y: number, maxDepth: number, level?: number) => HTMLElement | null;
+/**
+ * @hidden
+ */
+export declare const getField: (obj: any, field: any) => any;
+/**
+ * @hidden
+ */
+export declare const setField: (obj: any, field: string | undefined, value: any) => any;
+/**
+ * @hidden
+ */
+export declare function assignField(target: any, source: any, field: string): any;
+/**
+ * @hidden
+ */
+export declare function assignFields(target: any, source: any, ...fields: string[]): any;
+/**
+ * @hidden
+ */
+export declare const isPresent: (value: any) => boolean;
+/**
+ * @hidden
+ */
+export declare const isRecurringMaster: (event: Item) => boolean | "" | null;
+/** @hidden */
+export declare function toUTCDate(localDate: Date): Date;
+/** @hidden */
+export declare function getUTCDate(utcDate: Date): Date;
+/** @hidden */
+export declare function toUTCDateTime(localDate: Date): Date;
+/** @hidden */
+export declare function toInvariantTime(date: Date): Date;
+/** @hidden */
+export declare function isRecurringException(event: Item): boolean;
+/**
+ * @hidden
+ */
+export declare const isRecurring: (event: DataItem, fields: SchedulerModelFields) => boolean;
+/**
+ * @hidden
+ */
+export declare const groupResources: (group: SchedulerGroup | undefined, resources: any[]) => any[];
+/**
+ * @hidden
+ */
+export declare const findMaster: (event: DataItem, fields: SchedulerModelFields, data: DataItem[]) => DataItem | undefined;
+/**
+ * @hidden
+ */
+export declare const isMaster: (event: Occurrence, fields: SchedulerModelFields) => boolean;
+/**
+ * @hidden
+ */
+export declare const buildException: (event: DataItem, fields: SchedulerModelFields, data: DataItem[]) => DataItem;
+/**
+ * @hidden
+ */
+export declare const isException: (event: DataItem, fields: SchedulerModelFields) => boolean;
+/** @hidden */
+export declare const intersects: (startTime: Date, endTime: Date, periodStart: Date, periodEnd: Date, inclusive?: boolean) => boolean;
+/** @hidden */
+export declare const roundAllDayEnd: ({ start, end }: any) => ZonedDate;
+/**
+ * @hidden
+ */
+export declare const defaultModelFields: {
+    id: string;
+    start: string;
+    startTimezone: string;
+    originalStart: string;
+    end: string;
+    endTimezone: string;
+    isAllDay: string;
+    title: string;
+    description: string;
+    recurrenceRule: string;
+    recurrenceId: string;
+    recurrenceExceptions: string;
+};
+/** @hidden */
+export declare const getModelFields: (modelFields: any) => {
+    fields: Fields;
+};
+/** @hidden */
+export declare const isInTimeRange: (date: Date, min: Date, max: Date) => boolean;
+/** @hidden */
+export declare const isInDaysRange: (date: number, min: number, max: number) => boolean;
+/** @hidden */
+export declare const toSchedulerGroups: (group?: SchedulerGroup, resources?: any[]) => any[];
+/** @hidden */
+export declare const toSchedulerResources: (resources?: SchedulerResource[]) => SchedulerResource[];
+/** @hidden */
+export declare const generateResourceFields: (groups: any[], defaultFields: any) => Object;
+/**
+ * @hidden
+ *
+ * TODO: Move to @progress/kendo-common
+ */
+export declare const isBlank: (value: any) => boolean;
+/**
+ * @hidden
+ *
+ * TODO: Move to @progress/kendo-common
+ */
+export declare const isNullOrEmptyString: (value?: string) => boolean;
+/**
+ * @hidden
+ */
+export declare const setTime: (origin: Date, candidate: Date) => Date;
+/** @hidden */
+export declare const extractGroups: (dataItem: DataItem, fields: SchedulerModelFields, group: SchedulerGroup, resources: SchedulerResource[]) => any;
+/** @hidden */
+export declare const extractResourceFields: (dataItem: DataItem, fields: SchedulerModelFields, resources?: SchedulerResource[]) => Object;
+/** @hidden */
+export declare const extractResources: (dataItem: DataItem, fields: SchedulerModelFields, resources?: SchedulerResource[]) => any[];
+/** @hidden */
+export declare const shallowCompare: (x: any, y: any) => boolean;
+/** @hidden */
+export declare const findMissing: (orderNumbers: number[]) => number;
+/** @hidden */
+export declare const calculateOrder: (current: SchedulerItemHandle, items: SchedulerItemHandle[], slots: React.RefObject<SchedulerSlotHandle | null>[], ignoreIsAllDay?: boolean) => any;
+/** @hidden */
+export declare const calculateProportionalOrder: (current: SchedulerItemHandle, siblings: SchedulerItemHandle[]) => number;
+/** @hidden */
+export declare const mapSlotsToItems: (items: Item[], slots: Slot[], ignoreIsAllDay?: boolean) => void;
+/** @hidden */
+export declare const mapItemsToSlots: (items: Item[], slots: Slot[], ignoreIsAllDay?: boolean) => void;
+/** @hidden */
+export declare const noop: (..._args: any) => void;
+/** @hidden */
+export declare const findFirstItem: (current: SchedulerSlotHandle) => SchedulerItemHandle | null;
+/** @hidden */
+export declare const findNextItem: (ref: React.RefObject<SchedulerItemHandle | null>, all: React.RefObject<SchedulerItemHandle | null>[], ignoreIsAllDay?: boolean | undefined, backwards?: boolean) => React.RefObject<SchedulerItemHandle | null> | null;
+/**
+ * @hidden
+ */
+export declare const orderSort: (a: Item, b: Item) => number;

package/views/agenda/AgendaView.d.ts

@@ -0,0 +1,97 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { SchedulerViewProps, DateRange, SchedulerViewDateRangeArgs, EditableProp } from '../../models/index.js';
+import { LocalizationService } from '@progress/kendo-react-intl';
+import { SchedulerSlotProps } from '../../slots/SchedulerSlot.js';
+import { SchedulerTaskProps } from '../../tasks/SchedulerTask.js';
+import { SchedulerViewSlotProps } from '../../slots/SchedulerViewSlot.js';
+import { SchedulerEditSlotProps } from '../../slots/SchedulerEditSlot.js';
+import * as React from 'react';
+/**
+ * Represents the properties of the KendoReact [AgendaView](https://www.telerik.com/kendo-react-ui/components/scheduler/api/agendaview) Component.
+ */
+export interface AgendaViewProps 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 `7`.
+     */
+    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;
+    /**
+     * Sets a custom `className` to the wrapping element of the `AgendaView`.
+     */
+    className?: string;
+    /**
+     * Sets a custom `id` to the wrapping element of the `AgendaView`.
+     */
+    id?: string;
+    /**
+     * Sets a custom `style` property to the wrapping element of the `AgendaView`.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Overrides the general `editable` prop of the Scheduler for the specified view only.
+     */
+    editable?: EditableProp;
+    /**
+     * Overrides the `task` prop of the Scheduler for the specified view only.
+     */
+    task?: React.ComponentType<SchedulerTaskProps>;
+    /**
+     * Overrides the `viewTask` prop of the Scheduler for the specified view only.
+     */
+    viewTask?: React.ComponentType<SchedulerTaskProps>;
+    /**
+     * Overrides the `editTask` prop of the Scheduler for the specified view only.
+     */
+    editTask?: React.ComponentType<SchedulerTaskProps>;
+    /**
+     * 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 the KendoReact [AgendaView](https://www.telerik.com/kendo-react-ui/components/scheduler/views/agenda) Component.
+ */
+export declare const AgendaView: React.FunctionComponent<AgendaViewProps>;
+/** @hidden */
+export declare const agendaViewDefaultProps: {
+    name: string;
+    title: (localization: LocalizationService) => string;
+    dateRange: ({ intl, date, numberOfDays, timezone }: SchedulerViewDateRangeArgs) => DateRange;
+    selectedDateFormat: string;
+    selectedShortDateFormat: string;
+    slotDuration: number;
+    slotDivision: number;
+    numberOfDays: number;
+};

package/views/agenda/AgendaView.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 P=require("react"),U=require("prop-types"),$=require("../../components/BaseView.js"),b=require("../common/VerticalResourceIterator.js"),c=require("../../messages/index.js"),L=require("../../constants/index.js"),s=require("@progress/kendo-date-math"),N=require("@progress/kendo-react-common"),V=require("@progress/kendo-react-intl"),j=require("../../services/rangeService.js"),W=require("../../services/occurrenceService.js"),F=require("../../services/itemsService.js"),R=require("../../utils/index.js"),Y=require("../../tasks/SchedulerEditTask.js"),G=require("../../slots/SchedulerEditSlot.js"),D=require("../../context/SchedulerContext.js"),M=require("../../context/SchedulerResourceIteratorContext.js"),w=require("@progress/kendo-svg-icons"),K=require("../../services/slotsService.js"),z=require("../../hooks/useCellSync.js");function Z(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(r,a,n.get?n:{enumerable:!0,get:()=>t[a]})}}return r.default=t,Object.freeze(r)}const e=Z(P),q=t=>{const{group:r,timezone:a,resources:n}=D.useSchedulerPropsContext(),T=t.editTask||Y.SchedulerEditTask,f=t.editSlot||G.SchedulerEditSlot,m=e.useRef(null),i=N.useDir(m),u=V.useInternationalization(),d=V.useLocalization(),[v]=D.useSchedulerDataContext(),y=D.useSchedulerGroupsContext(),A=D.useSchedulerFieldsContext(),l=D.useSchedulerDateRangeContext(),g=e.useMemo(()=>j.toRanges(l,{step:s.MS_PER_DAY,timezone:a}),[l.start.getTime(),l.end.getTime(),a]),h=e.useMemo(()=>K.toSlots(l,{step:s.MS_PER_DAY},{groups:y,ranges:g}),[l.start.getTime(),l.end.getTime(),a,y,g]),_=e.useMemo(()=>W.toOccurrences(v,{dateRange:l,fields:A,timezone:a}),[v,l.start.getTime(),l.end.getTime(),A,a]),k=e.useMemo(()=>F.toItems(_,{timezone:a},{groups:y,ranges:g}),[_,a,y,g]),p=e.useMemo(()=>N.classNames("k-scheduler-agendaview",t.className),[t.className]);return z.useCellSync({element:m,selector:".k-scheduler-datecolumn",explicitDepth:!1}),z.useCellSync({element:m,selector:".k-scheduler-timecolumn",explicitDepth:!1}),e.useMemo(()=>R.mapItemsToSlots(k,h,!0),[k,h]),e.useMemo(()=>R.mapSlotsToItems(k,h,!0),[k,h]),e.createElement($.BaseView,{ref:m,id:t.id,style:t.style,className:p,props:t,slots:k,ranges:g},e.createElement("div",{className:"k-scheduler-head"},e.createElement(b.VerticalResourceIterator,{resources:n,group:r},e.createElement(M.SchedulerResourceIteratorContext.Consumer,null,({groupIndex:S})=>e.createElement("div",{className:"k-scheduler-row",key:S},e.createElement("div",{className:"k-scheduler-cell k-heading-cell k-group-cell k-scheduler-datecolumn"},d.toLanguageString(c.dateTitle,c.messages[c.dateTitle])),e.createElement("div",{className:"k-scheduler-cell k-heading-cell k-group-cell k-scheduler-timecolumn"},d.toLanguageString(c.timeTitle,c.messages[c.timeTitle])),e.createElement("div",{className:"k-scheduler-cell k-heading-cell k-scheduler-eventcolumn"},d.toLanguageString(c.eventTitle,c.messages[c.eventTitle])))))),e.createElement("div",{className:"k-scheduler-body"},e.createElement(b.VerticalResourceIterator,{resources:n,group:r,nested:!0},e.createElement(M.SchedulerResourceIteratorContext.Consumer,null,({groupIndex:S})=>h.filter(o=>o.group.index===(S||0)).map((o,C,O)=>e.createElement("div",{className:"k-scheduler-row  k-scheduler-content",key:`${S}:${C}`},e.createElement(f,{...o,editable:t.editable,row:O.length*(S||0)+C,col:0,slot:t.slot,viewSlot:t.viewSlot,className:"k-scheduler-datecolumn k-group-cell"},e.createElement("div",null,e.createElement("strong",{className:"k-scheduler-agendaday"},u.formatDate(o.zonedStart,"dd")),e.createElement("em",{className:"k-scheduler-agendaweek"},u.formatDate(o.zonedStart,"EEEE")),e.createElement("span",{className:"k-scheduler-agendadate"},u.formatDate(o.zonedStart,"y")))),e.createElement("div",{className:"k-scheduler-cell k-group-content"},o.items.length?o.items.map((E,I)=>e.createElement("div",{className:"k-scheduler-row",key:I},e.createElement("div",{className:"k-scheduler-cell k-scheduler-timecolumn"},e.createElement("div",null,E.tail&&e.createElement(N.IconWrap,{name:i==="rtl"?"caret-alt-right":"caret-alt-left",icon:i==="rtl"?w.caretAltRightIcon:w.caretAltLeftIcon}),E.isAllDay?d.toLanguageString(c.allDay,c.messages[c.allDay]):B(u,E),E.head&&e.createElement(N.IconWrap,{name:i==="rtl"?"caret-alt-left":"caret-alt-right",icon:i==="rtl"?w.caretAltLeftIcon:w.caretAltRightIcon}))),e.createElement("div",{className:"k-scheduler-cell"},e.createElement(T,{key:`${C}:${I}`,...E,onDataAction:t.onDataAction,task:t.task,viewTask:t.viewTask,editable:t.editable})))):e.createElement("div",{className:"k-scheduler-cell k-heading-cell k-group-cell"},d.toLanguageString(c.noEvents,c.messages[c.noEvents])))))))))},B=(t,r)=>{let a="{0:t}-{1:t}";return r.head?a="{0:t}":r.tail&&(a="{1:t}"),t.format(a,r.zonedStart,r.zonedEnd)},x=t=>s.getDate(t),H=(t,r)=>s.getDate(s.addDays(t,r||1)),J=({intl:t,date:r,numberOfDays:a=1,timezone:n})=>{const T=s.ZonedDate.fromLocalDate(r,n),f=a===L.DAYS_IN_WEEK_COUNT?x(s.firstDayInWeek(T,t.firstDay())):x(T),m=H(f,a),i=s.ZonedDate.fromUTCDate(R.toUTCDateTime(f),n),u=s.ZonedDate.fromUTCDate(R.toUTCDateTime(m),n),d=new Date(i.getTime()),v=new Date(u.getTime());return{start:d,end:v,zonedStart:i,zonedEnd:u}},Q={name:"agenda",title:t=>t.toLanguageString(c.agendaViewTitle,c.messages[c.agendaViewTitle]),dateRange:J,selectedDateFormat:"{0:D} - {1:D}",selectedShortDateFormat:"{0:d} - {1:d}",slotDuration:60*24,slotDivision:1,numberOfDays:L.DAYS_IN_WEEK_COUNT},X={title:U.any};q.propTypes=X;q.displayName="KendoReactSchedulerAgendaView";exports.AgendaView=q;exports.agendaViewDefaultProps=Q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react"),U=require("prop-types"),$=require("../../components/BaseView.js"),b=require("../common/VerticalResourceIterator.js"),c=require("../../messages/index.js"),L=require("../../constants/index.js"),s=require("@progress/kendo-date-math"),N=require("@progress/kendo-react-common"),V=require("@progress/kendo-react-intl"),j=require("../../services/rangeService.js"),W=require("../../services/occurrenceService.js"),F=require("../../services/itemsService.js"),R=require("../../utils/index.js"),Y=require("../../tasks/SchedulerEditTask.js"),G=require("../../slots/SchedulerEditSlot.js"),D=require("../../context/SchedulerContext.js"),M=require("../../context/SchedulerResourceIteratorContext.js"),w=require("@progress/kendo-svg-icons"),K=require("../../services/slotsService.js"),z=require("../../hooks/useCellSync.js");function Z(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(r,a,n.get?n:{enumerable:!0,get:()=>t[a]})}}return r.default=t,Object.freeze(r)}const e=Z(P),q=t=>{const{group:r,timezone:a,resources:n}=D.useSchedulerPropsContext(),T=t.editTask||Y.SchedulerEditTask,f=t.editSlot||G.SchedulerEditSlot,m=e.useRef(null),i=N.useDir(m),u=V.useInternationalization(),d=V.useLocalization(),[v]=D.useSchedulerDataContext(),y=D.useSchedulerGroupsContext(),A=D.useSchedulerFieldsContext(),l=D.useSchedulerDateRangeContext(),g=e.useMemo(()=>j.toRanges(l,{step:s.MS_PER_DAY,timezone:a}),[l.start.getTime(),l.end.getTime(),a]),h=e.useMemo(()=>K.toSlots(l,{step:s.MS_PER_DAY},{groups:y,ranges:g}),[l.start.getTime(),l.end.getTime(),a,y,g]),_=e.useMemo(()=>W.toOccurrences(v,{dateRange:l,fields:A,timezone:a}),[v,l.start.getTime(),l.end.getTime(),A,a]),k=e.useMemo(()=>F.toItems(_,{timezone:a},{groups:y,ranges:g}),[_,a,y,g]),p=e.useMemo(()=>N.classNames("k-scheduler-agendaview",t.className),[t.className]);return z.useCellSync({element:m,selector:".k-scheduler-datecolumn",explicitDepth:!1}),z.useCellSync({element:m,selector:".k-scheduler-timecolumn",explicitDepth:!1}),e.useMemo(()=>R.mapItemsToSlots(k,h,!0),[k,h]),e.useMemo(()=>R.mapSlotsToItems(k,h,!0),[k,h]),e.createElement($.BaseView,{ref:m,id:t.id,style:t.style,className:p,props:t,slots:k,ranges:g},e.createElement("div",{className:"k-scheduler-head"},e.createElement(b.VerticalResourceIterator,{resources:n,group:r},e.createElement(M.SchedulerResourceIteratorContext.Consumer,null,({groupIndex:S})=>e.createElement("div",{className:"k-scheduler-row",key:S},e.createElement("div",{className:"k-scheduler-cell k-heading-cell k-group-cell k-scheduler-datecolumn"},d.toLanguageString(c.dateTitle,c.messages[c.dateTitle])),e.createElement("div",{className:"k-scheduler-cell k-heading-cell k-group-cell k-scheduler-timecolumn"},d.toLanguageString(c.timeTitle,c.messages[c.timeTitle])),e.createElement("div",{className:"k-scheduler-cell k-heading-cell k-scheduler-eventcolumn"},d.toLanguageString(c.eventTitle,c.messages[c.eventTitle])))))),e.createElement("div",{className:"k-scheduler-body"},e.createElement(b.VerticalResourceIterator,{resources:n,group:r,nested:!0},e.createElement(M.SchedulerResourceIteratorContext.Consumer,null,({groupIndex:S})=>h.filter(o=>o.group.index===(S||0)).map((o,C,O)=>e.createElement("div",{className:"k-scheduler-row  k-scheduler-content",key:`${S}:${C}`},e.createElement(f,{...o,editable:t.editable,row:O.length*(S||0)+C,col:0,slot:t.slot,viewSlot:t.viewSlot,className:"k-scheduler-datecolumn k-group-cell"},e.createElement("div",null,e.createElement("strong",{className:"k-scheduler-agendaday"},u.formatDate(o.zonedStart,"dd")),e.createElement("em",{className:"k-scheduler-agendaweek"},u.formatDate(o.zonedStart,"EEEE")),e.createElement("span",{className:"k-scheduler-agendadate"},u.formatDate(o.zonedStart,"y")))),e.createElement("div",{className:"k-scheduler-cell k-group-content"},o.items.length?o.items.map((E,I)=>e.createElement("div",{className:"k-scheduler-row",key:I},e.createElement("div",{className:"k-scheduler-cell k-scheduler-timecolumn"},e.createElement("div",null,E.tail&&e.createElement(N.IconWrap,{name:i==="rtl"?"caret-alt-right":"caret-alt-left",icon:i==="rtl"?w.caretAltRightIcon:w.caretAltLeftIcon}),E.isAllDay?d.toLanguageString(c.allDay,c.messages[c.allDay]):B(u,E),E.head&&e.createElement(N.IconWrap,{name:i==="rtl"?"caret-alt-left":"caret-alt-right",icon:i==="rtl"?w.caretAltLeftIcon:w.caretAltRightIcon}))),e.createElement("div",{className:"k-scheduler-cell"},e.createElement(T,{key:`${C}:${I}`,...E,onDataAction:t.onDataAction,task:t.task,viewTask:t.viewTask,editable:t.editable})))):e.createElement("div",{className:"k-scheduler-cell k-heading-cell k-group-cell"},d.toLanguageString(c.noEvents,c.messages[c.noEvents])))))))))},B=(t,r)=>{let a="{0:t}-{1:t}";return r.head?a="{0:t}":r.tail&&(a="{1:t}"),t.format(a,r.zonedStart,r.zonedEnd)},x=t=>s.getDate(t),H=(t,r)=>s.getDate(s.addDays(t,r||1)),J=({intl:t,date:r,numberOfDays:a=1,timezone:n})=>{const T=s.ZonedDate.fromLocalDate(r,n),f=a===L.DAYS_IN_WEEK_COUNT?x(s.firstDayInWeek(T,t.firstDay())):x(T),m=H(f,a),i=s.ZonedDate.fromUTCDate(R.toUTCDateTime(f),n),u=s.ZonedDate.fromUTCDate(R.toUTCDateTime(m),n),d=new Date(i.getTime()),v=new Date(u.getTime());return{start:d,end:v,zonedStart:i,zonedEnd:u}},Q={name:"agenda",title:t=>t.toLanguageString(c.agendaViewTitle,c.messages[c.agendaViewTitle]),dateRange:J,selectedDateFormat:"{0:D} - {1:D}",selectedShortDateFormat:"{0:d} - {1:d}",slotDuration:1440,slotDivision:1,numberOfDays:L.DAYS_IN_WEEK_COUNT},X={title:U.any};q.propTypes=X;q.displayName="KendoReactSchedulerAgendaView";exports.AgendaView=q;exports.agendaViewDefaultProps=Q;

package/views/agenda/AgendaView.mjs

@@ -11,7 +11,7 @@ import { BaseView as Z } from "../../components/BaseView.mjs";
 import { VerticalResourceIterator as R } from "../common/VerticalResourceIterator.mjs";
 import { dateTitle as C, messages as d, timeTitle as A, eventTitle as z, allDay as L, noEvents as _, agendaViewTitle as M } from "../../messages/index.mjs";
 import { DAYS_IN_WEEK_COUNT as G } from "../../constants/index.mjs";
-import { MS_PER_DAY as V, ZonedDate as v, firstDayInWeek as j, getDate as W, addDays as q } from "@progress/kendo-date-math";
+import { ZonedDate as v, getDate as W, firstDayInWeek as j, MS_PER_DAY as V, addDays as q } from "@progress/kendo-date-math";
 import { useDir as H, classNames as J, IconWrap as I } from "@progress/kendo-react-common";
 import { useInternationalization as Q, useLocalization as X } from "@progress/kendo-react-intl";
 import { toRanges as ee } from "../../services/rangeService.mjs";
@@ -115,7 +115,7 @@ const K = (t) => {
   dateRange: ke,
   selectedDateFormat: "{0:D} - {1:D}",
   selectedShortDateFormat: "{0:d} - {1:d}",
-  slotDuration: 60 * 24,
+  slotDuration: 1440,
   slotDivision: 1,
   numberOfDays: G
 }, Ee = {

package/views/agenda/AgendaViewHeaderItem.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Range } from '../../models/index.js';
+import * as React from 'react';
+/** @hidden */
+export interface AgendaViewHeaderItemProps {
+    range: Range;
+}
+/** @hidden */
+export declare const AgendaViewHeaderItem: React.FunctionComponent<AgendaViewHeaderItemProps>;

package/views/common/HorizontalResourceIterator.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { SchedulerResource, SchedulerGroup } from '../../models/index.js';
+import * as React from 'react';
+/** @hidden */
+export interface HorizontalResourceIteratorProps {
+    group?: SchedulerGroup;
+    resources?: SchedulerResource[];
+    nested?: boolean;
+    children: React.ReactNode;
+    rowContent?: React.ComponentType<any>;
+    childRowContent?: React.ComponentType<any>;
+    rowContentProps?: any;
+}
+/** @hidden */
+export interface RenderResourcesArgs {
+    resources: any[];
+    nested: boolean;
+    children: React.ReactNode;
+    groupIndex: number;
+    rowContent: React.ComponentType<any>;
+    childRowContent: React.ComponentType<any>;
+    rowContentProps?: React.ComponentType<any>;
+}
+/** @hidden */
+export declare const HorizontalResourceIterator: React.FunctionComponent<HorizontalResourceIteratorProps>;
+/** @hidden */
+export declare const DefaultRowContent: (props: any) => any;

package/views/common/HorizontalResourceIterator.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 w=require("react"),h=require("./utils.js"),k=require("../../constants/index.js"),E=require("../../context/SchedulerResourceIteratorContext.js");function f(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,c.get?c:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const o=f(w),R=t=>{const{nested:e,children:r,rowContentProps:c}=t,s=t.rowContent||C,n=t.childRowContent||s,l=h.toGroupResources(t.group,t.resources),a=0;return o.createElement("div",{className:"k-scheduler-group k-group-horizontal"},e?g({resources:l,children:r,nested:e,groupIndex:a,rowContent:s,rowContentProps:c,childRowContent:n}):p({resources:l,children:r,rowContent:s,nested:!!e,groupIndex:a,rowContentProps:c,childRowContent:n}))},g=t=>{const{resources:e,rowContent:r,nested:c,children:s,groupIndex:n,rowContentProps:l,childRowContent:a}=t;if(n===e.length)return p({resources:e,rowContent:r,children:s,nested:c,groupIndex:n,rowContentProps:l,childRowContent:a});const d=h.expandResources(e,n),u=r;return o.createElement(o.Fragment,null,c?o.createElement("div",{className:"k-scheduler-row"},o.createElement(u,{resources:e,groupIndex:n,...l},d.map((i,m)=>o.createElement("div",{key:m,className:"k-scheduler-cell k-heading-cell"},i.text)))):o.createElement(u,{resources:e,groupIndex:n,...l},d.map((i,m)=>o.createElement("div",{key:m,className:"k-scheduler-cell k-heading-cell"},i.text))),g({resources:e,children:s,nested:c,rowContent:r,childRowContent:a,groupIndex:n+1}))},p=t=>{const{resources:e,childRowContent:r,children:c,rowContentProps:s}=t,n=h.expandResources(e,e.length-1),l=r,a=e.length>0;return o.createElement("div",{className:"k-scheduler-row"},o.createElement(l,{resources:e,...s},(n.length?n:k.EMPTY_RESOURCE).map((d,u)=>o.createElement("div",{key:u,className:"k-scheduler-cell k-group-cell"},o.createElement(E.SchedulerResourceIteratorContext.Provider,{value:{resource:d,groupIndex:a?u:0}},c)))))};R.displayName="KendoReactSchedulerHorizontalResourceIterator";const C=t=>t.children;exports.DefaultRowContent=C;exports.HorizontalResourceIterator=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),h=require("./utils.js"),k=require("../../constants/index.js"),E=require("../../context/SchedulerResourceIteratorContext.js");function f(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,c.get?c:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const n=f(w),R=t=>{const{nested:e,children:r,rowContentProps:c}=t,l=t.rowContent||C,o=t.childRowContent||l,s=h.toGroupResources(t.group,t.resources);return n.createElement("div",{className:"k-scheduler-group k-group-horizontal"},e?g({resources:s,children:r,nested:e,groupIndex:0,rowContent:l,rowContentProps:c,childRowContent:o}):p({resources:s,children:r,rowContentProps:c,childRowContent:o}))},g=t=>{const{resources:e,rowContent:r,nested:c,children:l,groupIndex:o,rowContentProps:s,childRowContent:a}=t;if(o===e.length)return p({resources:e,children:l,rowContentProps:s,childRowContent:a});const d=h.expandResources(e,o),u=r;return n.createElement(n.Fragment,null,c?n.createElement("div",{className:"k-scheduler-row"},n.createElement(u,{resources:e,groupIndex:o,...s},d.map((i,m)=>n.createElement("div",{key:m,className:"k-scheduler-cell k-heading-cell"},i.text)))):n.createElement(u,{resources:e,groupIndex:o,...s},d.map((i,m)=>n.createElement("div",{key:m,className:"k-scheduler-cell k-heading-cell"},i.text))),g({resources:e,children:l,nested:c,rowContent:r,childRowContent:a,groupIndex:o+1}))},p=t=>{const{resources:e,childRowContent:r,children:c,rowContentProps:l}=t,o=h.expandResources(e,e.length-1),s=r,a=e.length>0;return n.createElement("div",{className:"k-scheduler-row"},n.createElement(s,{resources:e,...l},(o.length?o:k.EMPTY_RESOURCE).map((d,u)=>n.createElement("div",{key:u,className:"k-scheduler-cell k-group-cell"},n.createElement(E.SchedulerResourceIteratorContext.Provider,{value:{resource:d,groupIndex:a?u:0}},c)))))};R.displayName="KendoReactSchedulerHorizontalResourceIterator";const C=t=>t.children;exports.DefaultRowContent=C;exports.HorizontalResourceIterator=R;