@progress/kendo-vue-scheduler 8.0.3-develop.2 → 8.0.3-develop.4

package/views/day/MultiDayView.d.ts

@@ -0,0 +1,411 @@
+/**
+ * @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, ZonedDate } from '@progress/kendo-date-math';
+import { DateRange, SchedulerViewProps, Item, SchedulerViewDateRangeArgs } from '../../models/main';
+import { DataAction } from '../../Scheduler';
+import { PropType } from 'vue';
+/**
+ * @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;
+    /**
+     * The number of steps (in days) to change, when using the back and forwards buttons in the toolbar navigation.
+     * The default value is 1 days.
+     */
+    step?: number;
+    /**
+     * The start time of the view when `showWorkHours` is set to `true`.
+     * Accepts string values in the `HH:mm` format.
+     */
+    workDayStart?: string | any;
+    /** @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 | any;
+    /** @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 `id` to the wrapping element of the `DayView`.
+     */
+    id?: string;
+    /**
+     * Overrides the `item` prop of the Scheduler for the specified view only.
+     */
+    item?: any;
+    /**
+     * Overrides the `dragItem` prop of the Scheduler for the specified view only.
+     */
+    dragItem?: any;
+    /**
+     * Overrides the `resizeItem` prop of the Scheduler for the specified view only.
+     */
+    resizeItem?: any;
+    /**
+     * Overrides the `viewItem` prop of the Scheduler for the specified view only.
+     */
+    viewItem?: any;
+    /**
+     * Overrides the `editableItem` prop of the Scheduler for the specified view only.
+     */
+    editItem?: any;
+    /**
+     * Overrides the `slot` prop of the Scheduler for the specified view only.
+     */
+    slotRender?: any;
+    /**
+     * Overrides the `viewSlot` prop of the Scheduler for the specified view only.
+     */
+    viewSlot?: any;
+    /**
+     * Overrides the `editSlot` prop of the Scheduler for the specified view only.
+     */
+    editSlot?: any;
+    /**
+     * Overrides the `resizeHint` of the event.
+     */
+    resizeHint?: any;
+    form?: any;
+    /**
+     * If set to `false` the "current time" marker of the scheduler would not be displayed.
+     */
+    currentTimeMarker?: boolean;
+    /**
+     * Represents component based on the DateHeaderCellProps.
+     */
+    dateHeaderCell?: any;
+    /**
+     * Represents component based on the TimeHeaderCellProps.
+     */
+    timeHeaderCell?: any;
+    /**
+     * @hidden
+     */
+    onDataaction: (event: DataAction) => void;
+}
+/** @hidden */
+declare const MultiDayView: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    name: {
+        type: PropType<string>;
+        default: string;
+    };
+    title: {
+        type: PropType<string | ((localization: import('@progress/kendo-vue-intl').LocalizationService) => string)>;
+        default: string;
+    };
+    currentTimeMarker: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    dateRange: {
+        type: PropType<SchedulerViewDateRangeArgs>;
+        default: () => ({ date, numberOfDays, timezone }: SchedulerViewDateRangeArgs) => DateRange;
+    };
+    numberOfDays: {
+        type: PropType<number>;
+        default: number;
+    };
+    startTime: {
+        type: PropType<string>;
+        default: string;
+    };
+    endTime: {
+        type: PropType<string>;
+        default: string;
+    };
+    workDayStart: {
+        type: PropType<any>;
+        default: string;
+    };
+    workDayEnd: {
+        type: PropType<any>;
+        default: string;
+    };
+    workWeekStart: {
+        type: PropType<Day>;
+        default: Day;
+    };
+    workWeekEnd: {
+        type: PropType<Day>;
+        default: Day;
+    };
+    step: {
+        type: PropType<number>;
+        default: number;
+    };
+    slotDivisions: {
+        type: PropType<number>;
+        default: number;
+    };
+    slotDuration: {
+        type: PropType<number>;
+        default: number;
+    };
+    showWorkHours: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    selectedDateFormat: {
+        type: PropType<string>;
+        default: string;
+    };
+    selectedShortDateFormat: {
+        type: PropType<string>;
+        default: string;
+    };
+    dragItem: {
+        type: PropType<any>;
+        default: () => any;
+    };
+    resizeItem: {
+        type: PropType<any>;
+        default: () => any;
+    };
+    format: {
+        type: PropType<string>;
+        default: string;
+    };
+    defaultShowWorkHours: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    dateHeaderCell: PropType<any>;
+    timeHeaderCell: PropType<any>;
+    slotRender: PropType<any>;
+    viewSlot: PropType<any>;
+    resizeHint: PropType<any>;
+    item: PropType<any>;
+    viewItem: PropType<any>;
+    editable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    onDataaction: PropType<(event: DataAction) => void>;
+}>, {}, {
+    hasMounted: boolean;
+    currentDragItem: any;
+    currentResizeItem: any;
+}, {
+    viewStart(): any;
+    viewEnd(): any;
+    dayRanges(): {
+        isAllDay: boolean;
+        index: number;
+        start: Date;
+        end: Date;
+        zonedStart: ZonedDate;
+        zonedEnd: ZonedDate;
+    }[];
+    timeRanges(): {
+        isAllDay: boolean;
+        index: number;
+        start: Date;
+        end: Date;
+        zonedStart: ZonedDate;
+        zonedEnd: ZonedDate;
+    }[];
+    daySlots(): import('../../models/Slot').Slot[];
+    timeSlots(): import('../../models/Slot').Slot[];
+    occurrences(): import('../../models/Occurrence').Occurrence[];
+    dayOccurrences(): any;
+    timeOccurrences(): any;
+    dayItems(): Item[];
+    timeItems(): Item[];
+    compDragItem(): any;
+    compResizeItem(): any;
+}, {
+    handleDataAction(action: DataAction): void;
+    handleDragItemChange(item: any): void;
+    handleResizeItemChange(item: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    name: {
+        type: PropType<string>;
+        default: string;
+    };
+    title: {
+        type: PropType<string | ((localization: import('@progress/kendo-vue-intl').LocalizationService) => string)>;
+        default: string;
+    };
+    currentTimeMarker: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    dateRange: {
+        type: PropType<SchedulerViewDateRangeArgs>;
+        default: () => ({ date, numberOfDays, timezone }: SchedulerViewDateRangeArgs) => DateRange;
+    };
+    numberOfDays: {
+        type: PropType<number>;
+        default: number;
+    };
+    startTime: {
+        type: PropType<string>;
+        default: string;
+    };
+    endTime: {
+        type: PropType<string>;
+        default: string;
+    };
+    workDayStart: {
+        type: PropType<any>;
+        default: string;
+    };
+    workDayEnd: {
+        type: PropType<any>;
+        default: string;
+    };
+    workWeekStart: {
+        type: PropType<Day>;
+        default: Day;
+    };
+    workWeekEnd: {
+        type: PropType<Day>;
+        default: Day;
+    };
+    step: {
+        type: PropType<number>;
+        default: number;
+    };
+    slotDivisions: {
+        type: PropType<number>;
+        default: number;
+    };
+    slotDuration: {
+        type: PropType<number>;
+        default: number;
+    };
+    showWorkHours: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    selectedDateFormat: {
+        type: PropType<string>;
+        default: string;
+    };
+    selectedShortDateFormat: {
+        type: PropType<string>;
+        default: string;
+    };
+    dragItem: {
+        type: PropType<any>;
+        default: () => any;
+    };
+    resizeItem: {
+        type: PropType<any>;
+        default: () => any;
+    };
+    format: {
+        type: PropType<string>;
+        default: string;
+    };
+    defaultShowWorkHours: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    dateHeaderCell: PropType<any>;
+    timeHeaderCell: PropType<any>;
+    slotRender: PropType<any>;
+    viewSlot: PropType<any>;
+    resizeHint: PropType<any>;
+    item: PropType<any>;
+    viewItem: PropType<any>;
+    editable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    onDataaction: PropType<(event: DataAction) => void>;
+}>> & Readonly<{}>, {
+    name: string;
+    title: string | ((localization: import('@progress/kendo-vue-intl').LocalizationService) => string);
+    format: string;
+    step: number;
+    startTime: string;
+    editable: boolean;
+    dragItem: any;
+    resizeItem: any;
+    numberOfDays: number;
+    selectedDateFormat: string;
+    selectedShortDateFormat: string;
+    dateRange: SchedulerViewDateRangeArgs;
+    slotDivisions: number;
+    slotDuration: number;
+    workWeekStart: Day;
+    workWeekEnd: Day;
+    currentTimeMarker: boolean;
+    workDayStart: any;
+    workDayEnd: any;
+    showWorkHours: boolean;
+    endTime: string;
+    defaultShowWorkHours: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+/** @hidden */
+declare const multiDayViewDateRange: ({ date, numberOfDays, timezone }: SchedulerViewDateRangeArgs) => DateRange;
+export { MultiDayView, multiDayViewDateRange };

package/views/month/MonthView.d.ts

@@ -0,0 +1,205 @@
+/**
+ * @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, Item, SchedulerViewDateRangeArgs } from '../../models/main';
+import { DataAction } from '../../Scheduler';
+import { PropType } from 'vue';
+export interface MonthViewProps extends SchedulerViewProps {
+    /**
+     * 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 `id` to the wrapping element of the `DayView`.
+     */
+    id?: string;
+    /**
+     * Overrides the `item` prop of the Scheduler for the specified view only.
+     */
+    item?: any;
+    /**
+     * Overrides the `viewItem` prop of the Scheduler for the specified view only.
+     */
+    viewItem?: any;
+    /**
+     * Overrides the `editableItem` prop of the Scheduler for the specified view only.
+     */
+    editItem?: any;
+    /**
+     * Overrides the `slot` prop of the Scheduler for the specified view only.
+     */
+    slotRender?: any;
+    /**
+     * Overrides the `viewSlot` prop of the Scheduler for the specified view only.
+     */
+    viewSlot?: any;
+    /**
+     * Overrides the `resizeHint` of the event.
+     */
+    resizeHint?: any;
+    /**
+     * Overrides the `editSlot` prop of the Scheduler for the specified view only.
+     */
+    editSlot?: any;
+    /**
+     * Represents component based on the DateHeaderCellProps.
+     */
+    dateHeaderCell?: any;
+    form?: any;
+}
+/** @hidden */
+declare const MonthView: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    itemsPerSlot: {
+        type: PropType<number>;
+        default: number;
+    };
+    name: {
+        type: PropType<string>;
+        default: string;
+    };
+    dateRange: {
+        type: PropType<DateRange | ((args: SchedulerViewDateRangeArgs) => DateRange)>;
+        default: () => ({ intl, date, timezone }: SchedulerViewDateRangeArgs) => DateRange;
+    };
+    slotDuration: {
+        type: PropType<number>;
+        default: number;
+    };
+    slotDivisions: {
+        type: PropType<number>;
+        default: number;
+    };
+    numberOfDays: {
+        type: PropType<number>;
+        default: number;
+    };
+    dragItem: {
+        type: PropType<any>;
+        default: () => any;
+    };
+    resizeItem: {
+        type: PropType<any>;
+        default: () => any;
+    };
+    title: PropType<string | ((localization: import('@progress/kendo-vue-intl').LocalizationService) => string)>;
+    selectedDateFormat: {
+        type: PropType<string>;
+        default: string;
+    };
+    selectedShortDateFormat: {
+        type: PropType<string>;
+        default: string;
+    };
+    dateHeaderCell: PropType<any>;
+    slotRender: PropType<any>;
+    viewSlot: PropType<any>;
+    resizeHint: PropType<any>;
+    item: PropType<any>;
+    viewItem: PropType<any>;
+    editable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>, {}, {
+    hasMounted: boolean;
+    currentDragItem: any;
+    currentResizeItem: any;
+}, {
+    ranges(): import('../../models/Range').Range[];
+    monthSlots(): import('../../models/Slot').Slot[];
+    occurrences(): import('../../models/Occurrence').Occurrence[];
+    items(): Item[];
+    compDragItem(): any;
+    compResizeItem(): any;
+}, {
+    handleDataAction(action: DataAction): void;
+    handleDragItemChange(item: any): void;
+    handleResizeItemChange(item: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    itemsPerSlot: {
+        type: PropType<number>;
+        default: number;
+    };
+    name: {
+        type: PropType<string>;
+        default: string;
+    };
+    dateRange: {
+        type: PropType<DateRange | ((args: SchedulerViewDateRangeArgs) => DateRange)>;
+        default: () => ({ intl, date, timezone }: SchedulerViewDateRangeArgs) => DateRange;
+    };
+    slotDuration: {
+        type: PropType<number>;
+        default: number;
+    };
+    slotDivisions: {
+        type: PropType<number>;
+        default: number;
+    };
+    numberOfDays: {
+        type: PropType<number>;
+        default: number;
+    };
+    dragItem: {
+        type: PropType<any>;
+        default: () => any;
+    };
+    resizeItem: {
+        type: PropType<any>;
+        default: () => any;
+    };
+    title: PropType<string | ((localization: import('@progress/kendo-vue-intl').LocalizationService) => string)>;
+    selectedDateFormat: {
+        type: PropType<string>;
+        default: string;
+    };
+    selectedShortDateFormat: {
+        type: PropType<string>;
+        default: string;
+    };
+    dateHeaderCell: PropType<any>;
+    slotRender: PropType<any>;
+    viewSlot: PropType<any>;
+    resizeHint: PropType<any>;
+    item: PropType<any>;
+    viewItem: PropType<any>;
+    editable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    name: string;
+    editable: boolean;
+    itemsPerSlot: number;
+    dragItem: any;
+    resizeItem: any;
+    numberOfDays: number;
+    selectedDateFormat: string;
+    selectedShortDateFormat: string;
+    dateRange: DateRange | ((args: SchedulerViewDateRangeArgs) => DateRange);
+    slotDivisions: number;
+    slotDuration: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { MonthView };

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 t=require("vue"),y=require("../../components/BaseView.js"),s=require("@progress/kendo-date-math"),g=require("../common/VerticalResourceIterator.js"),I=require("../common/HorizontalResourceIterator.js"),a=require("../../utils/main.js"),p=require("../../messages/main.js"),R=require("../../slots/SchedulerEditSlot.js"),m=require("@progress/kendo-vue-intl"),z=require("../../constants/main.js"),$=require("../../services/rangeService.js"),v=require("../../services/slotsService.js"),k=require("../../services/occurrenceService.js"),V=require("../../services/itemsService.js"),S=require("./MonthViewHead.js"),b=require("./MonthViewBody.js"),w=require("../../items/SchedulerEditItem.js"),f=require("../common/SchedulerResize.js"),D=require("../common/SchedulerDrag.js"),N=t.defineComponent({name:"KendoMonthView",props:{itemsPerSlot:{type:Number,default:2},name:{type:String,default:"month"},dateRange:{type:[Function,Object],default:function(){return q}},slotDuration:{type:Number,default:24*60},slotDivisions:{type:Number,default:1},numberOfDays:{type:Number,default:31},dragItem:{type:Object,default:function(){}},resizeItem:{type:Object,default:function(){}},title:String,selectedDateFormat:{type:String,default:"{0:Y}"},selectedShortDateFormat:{type:String,default:"{0:Y}"},dateHeaderCell:[String,Function,Object],slotRender:[String,Function,Object],viewSlot:[String,Function,Object],resizeHint:[String,Function,Object],item:[String,Function,Object],viewItem:[String,Function,Object],editable:{type:[Boolean,Object],default:!1}},inject:{ks:{default:{}},kendoLocalizationService:{default:null},kendoIntlService:{default:null}},created(){this.intl=m.provideIntlService(this)},mounted(){this.hasMounted=!0},data(){return{hasMounted:!1,currentDragItem:void 0,currentResizeItem:void 0}},computed:{ranges(){return $.toRanges(this.ks.dateRange,{step:s.MS_PER_DAY*z.DAYS_IN_WEEK_COUNT,timezone:this.ks.timezone})},monthSlots(){return v.toSlots(this.ks.dateRange,{step:s.MS_PER_DAY},{groups:this.ks.groups,ranges:this.ranges})},occurrences(){return k.toOccurrences(this.ks.dataItems,{dateRange:this.ks.dateRange,fields:this.ks.fields,timezone:this.ks.timezone})},items(){const r=V.toItems(this.occurrences,{timezone:this.ks.timezone},{groups:this.ks.groups,ranges:this.ranges});return a.mapItemsToSlots(r,this.monthSlots,!0),a.mapSlotsToItems(r,this.monthSlots,!0),r},compDragItem(){return this.dragItem!==void 0?this.dragItem:this.currentDragItem},compResizeItem(){return this.resizeItem!==void 0?this.resizeItem:this.currentResizeItem}},render(){this.localization=m.provideLocalizationService(this),this.localization.toLanguageString(p.monthViewTitle,p.messages[p.monthViewTitle]);const r=this.$props.editItem||w.SchedulerEditItem;this.$props.editSlot||R.SchedulerEditSlot;const c=this.items,o=this.monthSlots,d=function(e){return this.compDragItem&&this.$props.editable.drag&&(Array.isArray(this.compDragItem)?this.compDragItem.map(function(i,h){return t.createVNode(D.SchedulerDrag,{key:h,ignoreIsAllDay:!0,dataItem:i,vertical:e,item:this.$props.dataItem},null)},this):t.createVNode(D.SchedulerDrag,{ignoreIsAllDay:!0,dataItem:this.compDragItem,vertical:e,item:this.$props.dataItem},null))},u=function(e){return this.compResizeItem&&this.editable.resize&&(Array.isArray(this.compResizeItem)?this.compResizeItem.map(function(i,h){return t.createVNode(f.SchedulerResize,{key:h,format:this.$props.format,ignoreIsAllDay:!0,dataItem:i,viewItem:this.$props.viewItem,item:this.$props.item,vertical:e},null)},this):t.createVNode(f.SchedulerResize,{format:this.$props.format,ignoreIsAllDay:!0,dataItem:this.compResizeItem,viewItem:this.$props.viewItem,item:this.$props.item,vertical:e},null))};this.intl=m.provideIntlService(this);const n=this.$props.itemsPerSlot,l=this.ks.orientation==="horizontal"?this.ranges.map(function(e,i){return t.createVNode(I.HorizontalResourceIterator,{resources:this.ks.props.resources,group:this.ks.props.group},{default:()=>[t.createVNode(b.MonthViewBody,{editable:this.$props.editable,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,monthSlots:o,rangeIndex:i,itemsPerSlot:n,onDataaction:this.handleDataAction},null)]})},this):t.createVNode(g.VerticalResourceIterator,{nested:!0,resources:this.ks.props.resources,group:this.ks.props.group,onDataaction:this.handleDataAction,more:{slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,monthSlots:o,ranges:this.ranges,itemsPerSlot:n,editable:this.$props.editable}},null);return t.createVNode(y.BaseView,{viewProps:{...this.$props},baseSlots:o,ranges:this.ranges,class:"k-scheduler-monthview"},{default:()=>[t.createVNode("div",{class:"k-scheduler-head"},[this.ks.orientation==="horizontal"?t.createVNode(I.HorizontalResourceIterator,{nested:!0,resources:this.ks.props.resources,group:this.ks.props.group},{default:()=>[t.createVNode(S.MonthViewHead,{monthSlots:o,dateHeaderCell:this.$props.dateHeaderCell},null)]}):t.createVNode(g.VerticalResourceIterator,{resources:this.ks.props.resources,group:this.ks.props.group},{default:()=>[t.createVNode(S.MonthViewHead,{monthSlots:o,dateHeaderCell:this.$props.dateHeaderCell},null)]})]),t.createVNode("div",{class:"k-scheduler-body"},[l,this.hasMounted&&c.filter(e=>e.order===null||e.order<n).sort(a.orderSort).map(function(e){return t.createVNode(r,{item:this.$props.item,viewItem:this.$props.viewItem,form:this.$props.form,key:e.isRecurring?`${e.uid}:${e.group.index}:${e.range.index}:${e.originalStart}`:`${e.uid}:${e.group.index}:${e.range.index}`,uid:e.uid,start:e.start,end:e.end,originalStart:e.originalStart,startTimezone:e.startTimezone,endTimezone:e.endTimezone,isAllDay:e.isAllDay,title:e.title,description:e.description,occurrenceId:e.occurrenceId,recurrenceExceptions:e.recurrenceExceptions,recurrenceRule:e.recurrenceRule,recurrenceId:e.recurrenceId,dataItem:e.dataItem,itemRef:e.itemRef,head:e.head,tail:e.tail,order:e.order,zonedStart:e.zonedStart,zonedEnd:e.zonedEnd,slots:e.slots,group:e.group,range:e.range,isException:e.isException,isRecurring:e.isRecurring,onDragitemchange:this.handleDragItemChange,onResizeitemchange:this.handleResizeItemChange,onDataaction:this.handleDataAction,itemStyle:{transform:"translateY(30px)"},vertical:!1,editable:this.$props.editable,ignoreIsAllDay:!0},null)},this),this.compDragItem&&d.call(this,!1),this.compResizeItem&&u.call(this,!1)])]})},methods:{handleDataAction(r){this.$emit("dataaction",r)},handleDragItemChange(r){this.currentDragItem=r},handleResizeItemChange(r){this.currentResizeItem=r}}}),q=({intl:r,date:c,timezone:o})=>{const d=s.firstDayInWeek(s.firstDayOfMonth(s.getDate(c)),r.firstDay()),u=s.addDays(s.firstDayInWeek(s.lastDayOfMonth(s.getDate(c)),r.firstDay()),z.DAYS_IN_WEEK_COUNT),n=s.ZonedDate.fromUTCDate(a.toUTCDateTime(d),o),l=s.ZonedDate.fromUTCDate(a.toUTCDateTime(u),o),e=new Date(n.getTime()),i=new Date(l.getTime());return{start:e,end:i,zonedStart:n,zonedEnd:l}};exports.MonthView=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),y=require("../../components/BaseView.js"),s=require("@progress/kendo-date-math"),g=require("../common/VerticalResourceIterator.js"),I=require("../common/HorizontalResourceIterator.js"),a=require("../../utils/main.js"),p=require("../../messages/main.js"),R=require("../../slots/SchedulerEditSlot.js"),m=require("@progress/kendo-vue-intl"),z=require("../../constants/main.js"),$=require("../../services/rangeService.js"),v=require("../../services/slotsService.js"),k=require("../../services/occurrenceService.js"),V=require("../../services/itemsService.js"),S=require("./MonthViewHead.js"),b=require("./MonthViewBody.js"),w=require("../../items/SchedulerEditItem.js"),f=require("../common/SchedulerResize.js"),D=require("../common/SchedulerDrag.js"),N=t.defineComponent({name:"KendoMonthView",props:{itemsPerSlot:{type:Number,default:2},name:{type:String,default:"month"},dateRange:{type:[Function,Object],default:function(){return q}},slotDuration:{type:Number,default:1440},slotDivisions:{type:Number,default:1},numberOfDays:{type:Number,default:31},dragItem:{type:Object,default:function(){}},resizeItem:{type:Object,default:function(){}},title:String,selectedDateFormat:{type:String,default:"{0:Y}"},selectedShortDateFormat:{type:String,default:"{0:Y}"},dateHeaderCell:[String,Function,Object],slotRender:[String,Function,Object],viewSlot:[String,Function,Object],resizeHint:[String,Function,Object],item:[String,Function,Object],viewItem:[String,Function,Object],editable:{type:[Boolean,Object],default:!1}},inject:{ks:{default:{}},kendoLocalizationService:{default:null},kendoIntlService:{default:null}},created(){this.intl=m.provideIntlService(this)},mounted(){this.hasMounted=!0},data(){return{hasMounted:!1,currentDragItem:void 0,currentResizeItem:void 0}},computed:{ranges(){return $.toRanges(this.ks.dateRange,{step:s.MS_PER_DAY*z.DAYS_IN_WEEK_COUNT,timezone:this.ks.timezone})},monthSlots(){return v.toSlots(this.ks.dateRange,{step:s.MS_PER_DAY},{groups:this.ks.groups,ranges:this.ranges})},occurrences(){return k.toOccurrences(this.ks.dataItems,{dateRange:this.ks.dateRange,fields:this.ks.fields,timezone:this.ks.timezone})},items(){const r=V.toItems(this.occurrences,{timezone:this.ks.timezone},{groups:this.ks.groups,ranges:this.ranges});return a.mapItemsToSlots(r,this.monthSlots,!0),a.mapSlotsToItems(r,this.monthSlots,!0),r},compDragItem(){return this.dragItem!==void 0?this.dragItem:this.currentDragItem},compResizeItem(){return this.resizeItem!==void 0?this.resizeItem:this.currentResizeItem}},render(){this.localization=m.provideLocalizationService(this),this.localization.toLanguageString(p.monthViewTitle,p.messages[p.monthViewTitle]);const r=this.$props.editItem||w.SchedulerEditItem;this.$props.editSlot||R.SchedulerEditSlot;const c=this.items,o=this.monthSlots,d=function(e){return this.compDragItem&&this.$props.editable.drag&&(Array.isArray(this.compDragItem)?this.compDragItem.map(function(i,h){return t.createVNode(D.SchedulerDrag,{key:h,ignoreIsAllDay:!0,dataItem:i,vertical:e,item:this.$props.dataItem},null)},this):t.createVNode(D.SchedulerDrag,{ignoreIsAllDay:!0,dataItem:this.compDragItem,vertical:e,item:this.$props.dataItem},null))},u=function(e){return this.compResizeItem&&this.editable.resize&&(Array.isArray(this.compResizeItem)?this.compResizeItem.map(function(i,h){return t.createVNode(f.SchedulerResize,{key:h,format:this.$props.format,ignoreIsAllDay:!0,dataItem:i,viewItem:this.$props.viewItem,item:this.$props.item,vertical:e},null)},this):t.createVNode(f.SchedulerResize,{format:this.$props.format,ignoreIsAllDay:!0,dataItem:this.compResizeItem,viewItem:this.$props.viewItem,item:this.$props.item,vertical:e},null))};this.intl=m.provideIntlService(this);const n=this.$props.itemsPerSlot,l=this.ks.orientation==="horizontal"?this.ranges.map(function(e,i){return t.createVNode(I.HorizontalResourceIterator,{resources:this.ks.props.resources,group:this.ks.props.group},{default:()=>[t.createVNode(b.MonthViewBody,{editable:this.$props.editable,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,monthSlots:o,rangeIndex:i,itemsPerSlot:n,onDataaction:this.handleDataAction},null)]})},this):t.createVNode(g.VerticalResourceIterator,{nested:!0,resources:this.ks.props.resources,group:this.ks.props.group,onDataaction:this.handleDataAction,more:{slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,monthSlots:o,ranges:this.ranges,itemsPerSlot:n,editable:this.$props.editable}},null);return t.createVNode(y.BaseView,{viewProps:{...this.$props},baseSlots:o,ranges:this.ranges,class:"k-scheduler-monthview"},{default:()=>[t.createVNode("div",{class:"k-scheduler-head"},[this.ks.orientation==="horizontal"?t.createVNode(I.HorizontalResourceIterator,{nested:!0,resources:this.ks.props.resources,group:this.ks.props.group},{default:()=>[t.createVNode(S.MonthViewHead,{monthSlots:o,dateHeaderCell:this.$props.dateHeaderCell},null)]}):t.createVNode(g.VerticalResourceIterator,{resources:this.ks.props.resources,group:this.ks.props.group},{default:()=>[t.createVNode(S.MonthViewHead,{monthSlots:o,dateHeaderCell:this.$props.dateHeaderCell},null)]})]),t.createVNode("div",{class:"k-scheduler-body"},[l,this.hasMounted&&c.filter(e=>e.order===null||e.order<n).sort(a.orderSort).map(function(e){return t.createVNode(r,{item:this.$props.item,viewItem:this.$props.viewItem,form:this.$props.form,key:e.isRecurring?`${e.uid}:${e.group.index}:${e.range.index}:${e.originalStart}`:`${e.uid}:${e.group.index}:${e.range.index}`,uid:e.uid,start:e.start,end:e.end,originalStart:e.originalStart,startTimezone:e.startTimezone,endTimezone:e.endTimezone,isAllDay:e.isAllDay,title:e.title,description:e.description,occurrenceId:e.occurrenceId,recurrenceExceptions:e.recurrenceExceptions,recurrenceRule:e.recurrenceRule,recurrenceId:e.recurrenceId,dataItem:e.dataItem,itemRef:e.itemRef,head:e.head,tail:e.tail,order:e.order,zonedStart:e.zonedStart,zonedEnd:e.zonedEnd,slots:e.slots,group:e.group,range:e.range,isException:e.isException,isRecurring:e.isRecurring,onDragitemchange:this.handleDragItemChange,onResizeitemchange:this.handleResizeItemChange,onDataaction:this.handleDataAction,itemStyle:{transform:"translateY(30px)"},vertical:!1,editable:this.$props.editable,ignoreIsAllDay:!0},null)},this),this.compDragItem&&d.call(this,!1),this.compResizeItem&&u.call(this,!1)])]})},methods:{handleDataAction(r){this.$emit("dataaction",r)},handleDragItemChange(r){this.currentDragItem=r},handleResizeItemChange(r){this.currentResizeItem=r}}}),q=({intl:r,date:c,timezone:o})=>{const d=s.firstDayInWeek(s.firstDayOfMonth(s.getDate(c)),r.firstDay()),u=s.addDays(s.firstDayInWeek(s.lastDayOfMonth(s.getDate(c)),r.firstDay()),z.DAYS_IN_WEEK_COUNT),n=s.ZonedDate.fromUTCDate(a.toUTCDateTime(d),o),l=s.ZonedDate.fromUTCDate(a.toUTCDateTime(u),o),e=new Date(n.getTime()),i=new Date(l.getTime());return{start:e,end:i,zonedStart:n,zonedEnd:l}};exports.MonthView=N;

package/views/month/MonthView.mjs

@@ -43,7 +43,7 @@ const ae = /* @__PURE__ */ k({
     },
     slotDuration: {
       type: Number,
-      default: 24 * 60
+      default: 1440
     },
     slotDivisions: {
       type: Number,