@progress/kendo-vue-scheduler 10.2.0-develop.11 → 10.2.0-develop.12

package/views/day/MultiDayView.d.ts

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 import { Day, ZonedDate } from '@progress/kendo-date-math';
-import { DateRange, SchedulerViewProps, Item, SchedulerViewDateRangeArgs } from '../../models/main';
+import { DateRange, SchedulerViewProps, Item, Occurrence, SchedulerViewDateRangeArgs } from '../../models/main';
 import { DataAction } from '../../Scheduler';
 import { PropType } from 'vue';
 /**
@@ -149,7 +149,7 @@ export interface MultiDayViewProps extends SchedulerViewProps {
     /**
      * @hidden
      */
-    onDataaction: (event: DataAction) => void;
+    onDataAction: (event: DataAction) => void;
 }
 /** @hidden */
 declare const MultiDayView: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -248,7 +248,7 @@ declare const MultiDayView: import('vue').DefineComponent<import('vue').ExtractP
         type: PropType<boolean>;
         default: boolean;
     };
-    onDataaction: PropType<(event: DataAction) => void>;
+    onDataAction: PropType<(event: DataAction) => void>;
 }>, {}, {
     hasMounted: boolean;
     currentDragItem: any;
@@ -274,7 +274,11 @@ declare const MultiDayView: import('vue').DefineComponent<import('vue').ExtractP
     }[];
     daySlots(): import('../../models/Slot').Slot[];
     timeSlots(): import('../../models/Slot').Slot[];
-    occurrences(): import('../../models/Occurrence').Occurrence[];
+    occurrences(): Occurrence[];
+    occurrenceLanes(): {
+        day: Occurrence[];
+        time: Occurrence[];
+    };
     dayOccurrences(): any;
     timeOccurrences(): any;
     dayItems(): Item[];
@@ -285,7 +289,7 @@ declare const MultiDayView: import('vue').DefineComponent<import('vue').ExtractP
     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<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "dataaction"[], "dataaction", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     name: {
         type: PropType<string>;
         default: string;
@@ -381,8 +385,10 @@ declare const MultiDayView: import('vue').DefineComponent<import('vue').ExtractP
         type: PropType<boolean>;
         default: boolean;
     };
-    onDataaction: PropType<(event: DataAction) => void>;
-}>> & Readonly<{}>, {
+    onDataAction: PropType<(event: DataAction) => void>;
+}>> & Readonly<{
+    onDataaction?: (...args: any[]) => any;
+}>, {
     title: string | ((localization: import('@progress/kendo-vue-intl').LocalizationService) => string);
     name: string;
     format: string;

package/views/day/MultiDayView.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),i=require("@progress/kendo-date-math"),T=require("../../components/BaseView.js"),w=require("../common/HorizontalResourceIterator.js"),S=require("./DayViewGroupRowContent.js"),m=require("../common/VerticalResourceIterator.js"),k=require("./DayViewAllDayRowContent.js"),V=require("./DayViewRowContent.js"),b=require("./DayViewMiddleRow.js"),C=require("./DayViewVerticalRow.js"),R=require("./DayViewHead.js"),A=require("./DayViewAllDaySlots.js"),n=require("../../utils/main.js"),p=require("@progress/kendo-vue-intl"),M=require("../../constants/main.js"),x=require("../../slots/SchedulerEditSlot.js"),N=require("../../items/SchedulerEditItem.js"),H=require("../../components/CurrentTimeMarker.js"),O=require("../../components/CurrentTimeMarkerArrow.js"),f=require("../../services/itemsService.js"),q=require("../../services/occurrenceService.js"),I=require("../../services/slotsService.js"),$=require("../../services/rangeService.js"),z=0,W=r.defineComponent({name:"KendoMultiDayView",props:{name:{type:String,default:"multi-day"},title:{type:String,default:"Multi Day"},currentTimeMarker:{type:Boolean,default:!0},dateRange:{type:[Function,Object],default:function(){return v}},numberOfDays:{type:Number,default:1},startTime:{type:String,default:"00:00"},endTime:{type:String,default:"23:59"},workDayStart:{type:String,default:"08:00"},workDayEnd:{type:String,default:"17:00"},workWeekStart:{type:Number,default:i.Day.Monday},workWeekEnd:{type:Number,default:i.Day.Friday},step:{type:Number,default:1},slotDivisions:{type:Number,default:2},slotDuration:{type:Number,default:60},showWorkHours:{type:Boolean,default:!0},selectedDateFormat:{type:String,default:"{0:D} - {1:D}"},selectedShortDateFormat:{type:String,default:"{0:d} - {1:d}"},dragItem:{type:Object,default:function(){}},resizeItem:{type:Object,default:function(){}},format:{type:String,default:"t"},defaultShowWorkHours:{type:Boolean,default:!0},dateHeaderCell:[String,Function,Object],timeHeaderCell:[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},onDataaction:Function},inject:{kendoIntlService:{default:null},ks:{default:null}},computed:{viewStart(){this.intl=p.provideIntlService(this);const t=this.intl.parseDate(this.$props.workDayStart),s=this.intl.parseDate(this.$props.startTime);return(this.ks.showWorkHours!==void 0?this.ks.showWorkHours:this.showWorkHours)?t:s},viewEnd(){this.intl=p.provideIntlService(this);const t=this.intl.parseDate(this.$props.workDayEnd),s=this.intl.parseDate(this.$props.endTime);return(this.ks.showWorkHours!==void 0?this.ks.showWorkHours:this.showWorkHours)?t:s},dayRanges(){return $.toRanges(this.ks.dateRange,{step:i.MS_PER_DAY*this.numberOfDays,timezone:this.ks.timezone}).map(t=>({...t,isAllDay:!0}))},timeRanges(){return $.toRanges(this.ks.dateRange,{step:i.MS_PER_DAY,timezone:this.ks.timezone}).map(t=>({...t,isAllDay:!1}))},daySlots(){return I.toSlots(this.ks.dateRange,{step:i.MS_PER_DAY},{groups:this.ks.groups,ranges:this.dayRanges})},timeSlots(){const t=this;return I.toSlots(this.ks.dateRange,{step:this.slotDuration*M.MS_PER_MINUTE/this.slotDivisions},{groups:this.ks.groups,ranges:this.timeRanges}).filter(s=>t.viewEnd.getTime()===t.viewStart.getTime()||n.isInTimeRange(s.zonedStart,t.viewStart,t.viewEnd))},occurrences(){return q.toOccurrences(this.ks.dataItems,{dateRange:this.ks.dateRange,fields:this.ks.fields,timezone:this.ks.timezone})},dayOccurrences(){return this.occurrences.filter(t=>t.isAllDay)},timeOccurrences(){return this.occurrences.filter(t=>!t.isAllDay)},dayItems(){const t=f.toItems(this.dayOccurrences,{timezone:this.ks.timezone},{groups:this.ks.groups,ranges:this.dayRanges});return n.mapItemsToSlots(t,this.daySlots,!1),n.mapSlotsToItems(t,this.daySlots,!1),t},timeItems(){const t=f.toItems(this.timeOccurrences,{timezone:this.ks.timezone},{groups:this.ks.groups,ranges:this.timeRanges}).filter(s=>this.viewStart.getTime()===this.viewEnd.getTime()||n.isInTimeRange(s.zonedStart,this.viewStart,this.viewEnd)||n.isInTimeRange(s.zonedEnd,this.viewStart,this.viewEnd)||n.isInTimeRange(new Date(s.zonedEnd.getTime()-(s.zonedEnd.getTime()-s.zonedStart.getTime())/2),this.viewStart,this.viewEnd));return n.mapItemsToSlots(t,this.timeSlots,!1),n.mapSlotsToItems(t,this.timeSlots,!1),t},compDragItem(){return this.dragItem!==void 0?this.dragItem:this.currentDragItem},compResizeItem(){return this.resizeItem!==void 0?this.resizeItem:this.currentResizeItem}},data(){return{hasMounted:!1,currentDragItem:void 0,currentResizeItem:void 0}},mounted(){this.hasMounted=!0},created(){this.intl=p.provideIntlService(this)},beforeUpdate(){this.intl=p.provideIntlService(this)},render(){this.intl=p.provideIntlService(this);const t=this.$props.editItem||N.SchedulerEditItem;this.$props.editSlot||x.SchedulerEditSlot,this.$props.showWorkHours;const s=this.$props.numberOfDays,o=this.$props.slotDivisions;this.$props.slotDuration;const d=this.$props.workWeekStart,a=this.$props.workWeekEnd,g=this.intl.parseDate(this.$props.workDayStart),l=this.intl.parseDate(this.$props.workDayEnd),u=this.dayItems,D=this.timeItems,c=this.daySlots,h=this.timeSlots,E=this.ks.view.name==="workweek"||this.ks.view.name==="week";return r.createVNode(T.BaseView,{id:this.$props.id,viewProps:{...this.$props},class:E?"k-scheduler-weekview":"k-scheduler-dayview",ranges:[...this.dayRanges,...this.timeRanges],baseSlots:[...c,...h]},{default:()=>[r.createVNode("div",{class:"k-scheduler-head"},[this.ks.orientation==="horizontal"?[r.createVNode(w.HorizontalResourceIterator,{nested:!0,group:this.ks.props.group,resources:this.ks.props.resources,rowContent:S.DayViewGroupRowContent,childRowContent:S.DayViewGroupRowContent},{default:()=>[r.createVNode(R.DayViewHead,{timeRanges:this.timeRanges,dateHeaderCell:this.$props.dateHeaderCell},null)]}),r.createVNode(w.HorizontalResourceIterator,{group:this.ks.props.group,resources:this.ks.props.resources,rowContent:k.DayViewAllDayRowContent,childRowContent:k.DayViewAllDayRowContent},{default:()=>[r.createVNode(A.DayViewAllDaySlots,{editable:this.$props.editable,dayRanges:this.dayRanges,daySlots:c,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,numberOfDays:s,workWeekStart:d,workWeekEnd:a,onDataaction:this.handleDataAction},null)]}),this.hasMounted&&u.map(function(e){return r.createVNode(t,{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,readonly:e.readonly,form:this.$props.form,onDataaction:this.handleDataAction,onDragitemchange:this.handleDragItemChange,onResizeitemchange:this.handleResizeItemChange,item:this.$props.item,viewItem:this.$props.viewItem,editable:this.$props.editable,vertical:!1},null)},this)]:r.createVNode(m.VerticalResourceIterator,{group:this.ks.props.group,resources:this.ks.props.resources,emptyCell:!0,editable:this.$props.editable},{default:()=>[r.createVNode(R.DayViewHead,{timeRanges:this.timeRanges,dateHeaderCell:this.$props.dateHeaderCell},null)]})]),r.createVNode("div",{class:"k-scheduler-body"},[this.ks.orientation==="horizontal"?[h.filter(e=>e.group.index===z&&e.range.index===z).map(function(e,y){return r.createVNode(w.HorizontalResourceIterator,{key:e.index,nested:!1,group:this.ks.props.group,resources:this.ks.props.resources,rowContent:V.DayViewRowContent,rowContentProps:{timeHeaderCell:this.$props.timeHeaderCell,isMaster:y%o===0,isLast:(y+1)%o===0,contentSlot:e}},{default:()=>[r.createVNode(b.DayViewMiddleRow,{slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,timeRanges:this.timeRanges,timeSlots:h,slotDivisions:o,rootIndex:y,root:e,numberOfDays:s,workDayStart:g,workDayEnd:l,workWeekStart:d,workWeekEnd:a,onDataaction:this.handleDataAction,editable:this.$props.editable},null)]})},this),this.$props.currentTimeMarker&&n.intersects(n.first(this.timeRanges).start,n.last(this.timeRanges).end,new Date,new Date,!0)&&[r.createVNode(O.CurrentTimeMarkerArrow,null,null),r.createVNode(H.CurrentTimeMarker,null,null)]]:[r.createVNode(m.VerticalResourceIterator,{nested:!0,group:this.ks.props.group,resources:this.ks.props.resources,onDataaction:this.handleDataAction,more:{timeRanges:this.timeRanges,timeSlots:h,workDayStart:g,workDayEnd:l,numberOfDays:s,workWeekStart:d,workWeekEnd:a,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,editable:this.$props.editable,currentTimeMarker:this.$props.currentTimeMarker}},{default:()=>[r.createVNode(C.DayViewVerticalRow,{onDataaction:this.handleDataAction,daySlots:c,timeSlots:h,dayRanges:this.dayRanges,editable:this.$props.editable},null)]}),this.hasMounted&&u.map(function(e){return r.createVNode(t,{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,readonly:e.readonly,onDataaction:this.handleDataAction,onDragitemchange:this.handleDragItemChange,onResizeitemchange:this.handleResizeItemChange,viewItem:this.$props.viewItem,item:this.$props.item,form:this.$props.form,editable:this.$props.editable,vertical:!1},null)},this)],this.hasMounted&&D.map(function(e){return r.createVNode(t,{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,readonly:e.readonly,format:"t",onDataaction:this.handleDataAction,onDragitemchange:this.handleDragItemChange,onResizeitemchange:this.handleResizeItemChange,viewItem:this.$props.viewItem,item:this.$props.item,form:this.$props.form,editable:this.$props.editable,vertical:!0},null)},this)])]})},methods:{handleDataAction(t){this.$emit("dataaction",t)},handleDragItemChange(t){this.currentDragItem=t},handleResizeItemChange(t){this.currentResizeItem=t}}}),v=({date:t,numberOfDays:s=1,timezone:o})=>{const d=i.ZonedDate.fromLocalDate(t,o),a=i.getDate(d),g=i.addDays(a,s),l=i.ZonedDate.fromUTCDate(n.toUTCDateTime(a),o),u=i.ZonedDate.fromUTCDate(n.toUTCDateTime(g),o),D=new Date(l.getTime()),c=new Date(u.getTime());return{start:D,end:c,zonedStart:l,zonedEnd:u}};exports.MultiDayView=W;exports.multiDayViewDateRange=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),o=require("@progress/kendo-date-math"),E=require("../../components/BaseView.js"),w=require("../common/HorizontalResourceIterator.js"),S=require("./DayViewGroupRowContent.js"),k=require("../common/VerticalResourceIterator.js"),R=require("./DayViewAllDayRowContent.js"),b=require("./DayViewRowContent.js"),T=require("./DayViewMiddleRow.js"),C=require("./DayViewVerticalRow.js"),f=require("./DayViewHead.js"),A=require("./DayViewAllDaySlots.js"),n=require("../../utils/main.js"),p=require("@progress/kendo-vue-intl"),M=require("../../constants/main.js"),x=require("../../slots/SchedulerEditSlot.js"),N=require("../../items/SchedulerEditItem.js"),H=require("../../components/CurrentTimeMarker.js"),O=require("../../components/CurrentTimeMarkerArrow.js"),m=require("../../services/itemsService.js"),q=require("../../services/occurrenceService.js"),I=require("../../services/slotsService.js"),$=require("../../services/rangeService.js"),z=0,W=r.defineComponent({name:"KendoMultiDayView",emits:["dataaction"],props:{name:{type:String,default:"multi-day"},title:{type:String,default:"Multi Day"},currentTimeMarker:{type:Boolean,default:!0},dateRange:{type:[Function,Object],default:function(){return v}},numberOfDays:{type:Number,default:1},startTime:{type:String,default:"00:00"},endTime:{type:String,default:"23:59"},workDayStart:{type:String,default:"08:00"},workDayEnd:{type:String,default:"17:00"},workWeekStart:{type:Number,default:o.Day.Monday},workWeekEnd:{type:Number,default:o.Day.Friday},step:{type:Number,default:1},slotDivisions:{type:Number,default:2},slotDuration:{type:Number,default:60},showWorkHours:{type:Boolean,default:!0},selectedDateFormat:{type:String,default:"{0:D} - {1:D}"},selectedShortDateFormat:{type:String,default:"{0:d} - {1:d}"},dragItem:{type:Object,default:function(){}},resizeItem:{type:Object,default:function(){}},format:{type:String,default:"t"},defaultShowWorkHours:{type:Boolean,default:!0},dateHeaderCell:[String,Function,Object],timeHeaderCell:[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},onDataAction:Function},inject:{kendoIntlService:{default:null},ks:{default:null}},computed:{viewStart(){this.intl=p.provideIntlService(this);const t=this.intl.parseDate(this.$props.workDayStart),s=this.intl.parseDate(this.$props.startTime);return(this.ks.showWorkHours!==void 0?this.ks.showWorkHours:this.showWorkHours)?t:s},viewEnd(){this.intl=p.provideIntlService(this);const t=this.intl.parseDate(this.$props.workDayEnd),s=this.intl.parseDate(this.$props.endTime);return(this.ks.showWorkHours!==void 0?this.ks.showWorkHours:this.showWorkHours)?t:s},dayRanges(){return $.toRanges(this.ks.dateRange,{step:o.MS_PER_DAY*this.numberOfDays,timezone:this.ks.timezone}).map(t=>({...t,isAllDay:!0}))},timeRanges(){return $.toRanges(this.ks.dateRange,{step:o.MS_PER_DAY,timezone:this.ks.timezone}).map(t=>({...t,isAllDay:!1}))},daySlots(){return I.toSlots(this.ks.dateRange,{step:o.MS_PER_DAY},{groups:this.ks.groups,ranges:this.dayRanges})},timeSlots(){const t=this;return I.toSlots(this.ks.dateRange,{step:this.slotDuration*M.MS_PER_MINUTE/this.slotDivisions},{groups:this.ks.groups,ranges:this.timeRanges}).filter(s=>t.viewEnd.getTime()===t.viewStart.getTime()||n.isInTimeRange(s.zonedStart,t.viewStart,t.viewEnd))},occurrences(){return q.toOccurrences(this.ks.dataItems,{dateRange:this.ks.dateRange,fields:this.ks.fields,timezone:this.ks.timezone})},occurrenceLanes(){const t={day:[],time:[]};return this.occurrences.forEach(s=>{(s.isAllDay||n.crossesDayBoundary(s.start,s.end,this.ks.timezone)?t.day:t.time).push(s)}),t},dayOccurrences(){return this.occurrenceLanes.day},timeOccurrences(){return this.occurrenceLanes.time},dayItems(){const t=m.toItems(this.dayOccurrences,{timezone:this.ks.timezone,ignoreIsAllDay:!0},{groups:this.ks.groups,ranges:this.dayRanges});return n.mapItemsToSlots(t,this.daySlots,!0),n.mapSlotsToItems(t,this.daySlots,!0),t},timeItems(){const t=m.toItems(this.timeOccurrences,{timezone:this.ks.timezone},{groups:this.ks.groups,ranges:this.timeRanges}).filter(s=>m.inTimeRange(s,this.viewStart,this.viewEnd));return n.mapItemsToSlots(t,this.timeSlots,!1),n.mapSlotsToItems(t,this.timeSlots,!1),t},compDragItem(){return this.dragItem!==void 0?this.dragItem:this.currentDragItem},compResizeItem(){return this.resizeItem!==void 0?this.resizeItem:this.currentResizeItem}},data(){return{hasMounted:!1,currentDragItem:void 0,currentResizeItem:void 0}},mounted(){this.hasMounted=!0},created(){this.intl=p.provideIntlService(this)},beforeUpdate(){this.intl=p.provideIntlService(this)},render(){this.intl=p.provideIntlService(this);const t=this.$props.editItem||N.SchedulerEditItem;this.$props.editSlot||x.SchedulerEditSlot,this.$props.showWorkHours;const s=this.$props.numberOfDays,a=this.$props.slotDivisions;this.$props.slotDuration;const d=this.$props.workWeekStart,i=this.$props.workWeekEnd,g=this.intl.parseDate(this.$props.workDayStart),l=this.intl.parseDate(this.$props.workDayEnd),u=this.dayItems,D=this.timeItems,c=this.daySlots,h=this.timeSlots,V=this.ks.view.name==="workweek"||this.ks.view.name==="week";return r.createVNode(E.BaseView,{id:this.$props.id,viewProps:{...this.$props},class:V?"k-scheduler-weekview":"k-scheduler-dayview",ranges:[...this.dayRanges,...this.timeRanges],baseSlots:[...c,...h]},{default:()=>[r.createVNode("div",{class:"k-scheduler-head"},[this.ks.orientation==="horizontal"?[r.createVNode(w.HorizontalResourceIterator,{nested:!0,group:this.ks.props.group,resources:this.ks.props.resources,rowContent:S.DayViewGroupRowContent,childRowContent:S.DayViewGroupRowContent},{default:()=>[r.createVNode(f.DayViewHead,{timeRanges:this.timeRanges,dateHeaderCell:this.$props.dateHeaderCell},null)]}),r.createVNode(w.HorizontalResourceIterator,{group:this.ks.props.group,resources:this.ks.props.resources,rowContent:R.DayViewAllDayRowContent,childRowContent:R.DayViewAllDayRowContent},{default:()=>[r.createVNode(A.DayViewAllDaySlots,{editable:this.$props.editable,dayRanges:this.dayRanges,daySlots:c,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,numberOfDays:s,workWeekStart:d,workWeekEnd:i,onDataaction:this.handleDataAction},null)]}),this.hasMounted&&u.map(function(e){return r.createVNode(t,{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,readonly:e.readonly,form:this.$props.form,onDataaction:this.handleDataAction,onDragitemchange:this.handleDragItemChange,onResizeitemchange:this.handleResizeItemChange,item:this.$props.item,viewItem:this.$props.viewItem,editable:this.$props.editable,ignoreIsAllDay:!0,vertical:!1},null)},this)]:r.createVNode(k.VerticalResourceIterator,{group:this.ks.props.group,resources:this.ks.props.resources,emptyCell:!0,editable:this.$props.editable},{default:()=>[r.createVNode(f.DayViewHead,{timeRanges:this.timeRanges,dateHeaderCell:this.$props.dateHeaderCell},null)]})]),r.createVNode("div",{class:"k-scheduler-body"},[this.ks.orientation==="horizontal"?[h.filter(e=>e.group.index===z&&e.range.index===z).map(function(e,y){return r.createVNode(w.HorizontalResourceIterator,{key:e.index,nested:!1,group:this.ks.props.group,resources:this.ks.props.resources,rowContent:b.DayViewRowContent,rowContentProps:{timeHeaderCell:this.$props.timeHeaderCell,isMaster:y%a===0,isLast:(y+1)%a===0,contentSlot:e}},{default:()=>[r.createVNode(T.DayViewMiddleRow,{slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,timeRanges:this.timeRanges,timeSlots:h,slotDivisions:a,rootIndex:y,root:e,numberOfDays:s,workDayStart:g,workDayEnd:l,workWeekStart:d,workWeekEnd:i,onDataaction:this.handleDataAction,editable:this.$props.editable},null)]})},this),this.$props.currentTimeMarker&&n.intersects(n.first(this.timeRanges).start,n.last(this.timeRanges).end,new Date,new Date,!0)&&[r.createVNode(O.CurrentTimeMarkerArrow,null,null),r.createVNode(H.CurrentTimeMarker,null,null)]]:[r.createVNode(k.VerticalResourceIterator,{nested:!0,group:this.ks.props.group,resources:this.ks.props.resources,onDataaction:this.handleDataAction,more:{timeRanges:this.timeRanges,timeSlots:h,workDayStart:g,workDayEnd:l,numberOfDays:s,workWeekStart:d,workWeekEnd:i,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,editable:this.$props.editable,currentTimeMarker:this.$props.currentTimeMarker}},{default:()=>[r.createVNode(C.DayViewVerticalRow,{onDataaction:this.handleDataAction,daySlots:c,timeSlots:h,dayRanges:this.dayRanges,editable:this.$props.editable},null)]}),this.hasMounted&&u.map(function(e){return r.createVNode(t,{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,readonly:e.readonly,onDataaction:this.handleDataAction,onDragitemchange:this.handleDragItemChange,onResizeitemchange:this.handleResizeItemChange,viewItem:this.$props.viewItem,item:this.$props.item,form:this.$props.form,editable:this.$props.editable,ignoreIsAllDay:!0,vertical:!1},null)},this)],this.hasMounted&&D.map(function(e){return r.createVNode(t,{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,readonly:e.readonly,format:"t",onDataaction:this.handleDataAction,onDragitemchange:this.handleDragItemChange,onResizeitemchange:this.handleResizeItemChange,viewItem:this.$props.viewItem,item:this.$props.item,form:this.$props.form,editable:this.$props.editable,vertical:!0},null)},this)])]})},methods:{handleDataAction(t){n.emitDataAction(this,t)},handleDragItemChange(t){this.currentDragItem=t},handleResizeItemChange(t){this.currentResizeItem=t}}}),v=({date:t,numberOfDays:s=1,timezone:a})=>{const d=o.ZonedDate.fromLocalDate(t,a),i=o.getDate(d),g=o.addDays(i,s),l=o.ZonedDate.fromUTCDate(n.toUTCDateTime(i),a),u=o.ZonedDate.fromUTCDate(n.toUTCDateTime(g),a),D=new Date(l.getTime()),c=new Date(u.getTime());return{start:D,end:c,zonedStart:l,zonedEnd:u}};exports.MultiDayView=W;exports.multiDayViewDateRange=v;

package/views/day/MultiDayView.mjs

@@ -5,31 +5,32 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as O, createVNode as r } from "vue";
-import { Day as k, MS_PER_DAY as f, ZonedDate as y, getDate as A, addDays as W } from "@progress/kendo-date-math";
-import { BaseView as H } from "../../components/BaseView.mjs";
+import { defineComponent as x, createVNode as s } from "vue";
+import { Day as f, MS_PER_DAY as m, ZonedDate as y, getDate as A, addDays as O } from "@progress/kendo-date-math";
+import { BaseView as W } from "../../components/BaseView.mjs";
 import { HorizontalResourceIterator as D } from "../common/HorizontalResourceIterator.mjs";
-import { DayViewGroupRowContent as w } from "./DayViewGroupRowContent.mjs";
-import { VerticalResourceIterator as S } from "../common/VerticalResourceIterator.mjs";
-import { DayViewAllDayRowContent as R } from "./DayViewAllDayRowContent.mjs";
-import { DayViewRowContent as M } from "./DayViewRowContent.mjs";
-import { DayViewMiddleRow as V } from "./DayViewMiddleRow.mjs";
-import { DayViewVerticalRow as F } from "./DayViewVerticalRow.mjs";
-import { DayViewHead as I } from "./DayViewHead.mjs";
-import { DayViewAllDaySlots as j } from "./DayViewAllDaySlots.mjs";
-import { intersects as N, last as B, first as U, isInTimeRange as h, mapItemsToSlots as $, mapSlotsToItems as z, toUTCDateTime as E } from "../../utils/main.mjs";
+import { DayViewGroupRowContent as k } from "./DayViewGroupRowContent.mjs";
+import { VerticalResourceIterator as w } from "../common/VerticalResourceIterator.mjs";
+import { DayViewAllDayRowContent as S } from "./DayViewAllDayRowContent.mjs";
+import { DayViewRowContent as H } from "./DayViewRowContent.mjs";
+import { DayViewMiddleRow as M } from "./DayViewMiddleRow.mjs";
+import { DayViewVerticalRow as V } from "./DayViewVerticalRow.mjs";
+import { DayViewHead as R } from "./DayViewHead.mjs";
+import { DayViewAllDaySlots as F } from "./DayViewAllDaySlots.mjs";
+import { emitDataAction as j, intersects as N, last as L, first as B, mapItemsToSlots as I, mapSlotsToItems as $, crossesDayBoundary as U, isInTimeRange as _, toUTCDateTime as z } from "../../utils/main.mjs";
 import { provideIntlService as c } from "@progress/kendo-vue-intl";
-import { MS_PER_MINUTE as _ } from "../../constants/main.mjs";
-import { SchedulerEditSlot as P } from "../../slots/SchedulerEditSlot.mjs";
-import { SchedulerEditItem as L } from "../../items/SchedulerEditItem.mjs";
-import { CurrentTimeMarker as G } from "../../components/CurrentTimeMarker.mjs";
-import { CurrentTimeMarkerArrow as K } from "../../components/CurrentTimeMarkerArrow.mjs";
-import { toItems as v } from "../../services/itemsService.mjs";
-import { toOccurrences as X } from "../../services/occurrenceService.mjs";
-import { toSlots as b } from "../../services/slotsService.mjs";
-import { toRanges as T } from "../../services/rangeService.mjs";
-const C = 0, ke = /* @__PURE__ */ O({
+import { MS_PER_MINUTE as P } from "../../constants/main.mjs";
+import { SchedulerEditSlot as G } from "../../slots/SchedulerEditSlot.mjs";
+import { SchedulerEditItem as K } from "../../items/SchedulerEditItem.mjs";
+import { CurrentTimeMarker as X } from "../../components/CurrentTimeMarker.mjs";
+import { CurrentTimeMarkerArrow as Y } from "../../components/CurrentTimeMarkerArrow.mjs";
+import { toItems as b, inTimeRange as Z } from "../../services/itemsService.mjs";
+import { toOccurrences as q } from "../../services/occurrenceService.mjs";
+import { toSlots as E } from "../../services/slotsService.mjs";
+import { toRanges as v } from "../../services/rangeService.mjs";
+const T = 0, Re = /* @__PURE__ */ x({
   name: "KendoMultiDayView",
+  emits: ["dataaction"],
   props: {
     name: {
       type: String,
@@ -46,7 +47,7 @@ const C = 0, ke = /* @__PURE__ */ O({
     dateRange: {
       type: [Function, Object],
       default: function() {
-        return Y;
+        return J;
       }
     },
     numberOfDays: {
@@ -71,11 +72,11 @@ const C = 0, ke = /* @__PURE__ */ O({
     },
     workWeekStart: {
       type: Number,
-      default: k.Monday
+      default: f.Monday
     },
     workWeekEnd: {
       type: Number,
-      default: k.Friday
+      default: f.Friday
     },
     step: {
       type: Number,
@@ -130,7 +131,7 @@ const C = 0, ke = /* @__PURE__ */ O({
       type: [Boolean, Object],
       default: !1
     },
-    onDataaction: Function
+    onDataAction: Function
   },
   inject: {
     kendoIntlService: {
@@ -143,17 +144,17 @@ const C = 0, ke = /* @__PURE__ */ O({
   computed: {
     viewStart() {
       this.intl = c(this);
-      const t = this.intl.parseDate(this.$props.workDayStart), s = this.intl.parseDate(this.$props.startTime);
-      return (this.ks.showWorkHours !== void 0 ? this.ks.showWorkHours : this.showWorkHours) ? t : s;
+      const t = this.intl.parseDate(this.$props.workDayStart), r = this.intl.parseDate(this.$props.startTime);
+      return (this.ks.showWorkHours !== void 0 ? this.ks.showWorkHours : this.showWorkHours) ? t : r;
     },
     viewEnd() {
       this.intl = c(this);
-      const t = this.intl.parseDate(this.$props.workDayEnd), s = this.intl.parseDate(this.$props.endTime);
-      return (this.ks.showWorkHours !== void 0 ? this.ks.showWorkHours : this.showWorkHours) ? t : s;
+      const t = this.intl.parseDate(this.$props.workDayEnd), r = this.intl.parseDate(this.$props.endTime);
+      return (this.ks.showWorkHours !== void 0 ? this.ks.showWorkHours : this.showWorkHours) ? t : r;
     },
     dayRanges() {
-      return T(this.ks.dateRange, {
-        step: f * this.numberOfDays,
+      return v(this.ks.dateRange, {
+        step: m * this.numberOfDays,
         timezone: this.ks.timezone
       }).map((t) => ({
         ...t,
@@ -161,8 +162,8 @@ const C = 0, ke = /* @__PURE__ */ O({
       }));
     },
     timeRanges() {
-      return T(this.ks.dateRange, {
-        step: f,
+      return v(this.ks.dateRange, {
+        step: m,
         timezone: this.ks.timezone
       }).map((t) => ({
         ...t,
@@ -170,8 +171,8 @@ const C = 0, ke = /* @__PURE__ */ O({
       }));
     },
     daySlots() {
-      return b(this.ks.dateRange, {
-        step: f
+      return E(this.ks.dateRange, {
+        step: m
       }, {
         groups: this.ks.groups,
         ranges: this.dayRanges
@@ -179,43 +180,53 @@ const C = 0, ke = /* @__PURE__ */ O({
     },
     timeSlots() {
       const t = this;
-      return b(this.ks.dateRange, {
-        step: this.slotDuration * _ / this.slotDivisions
+      return E(this.ks.dateRange, {
+        step: this.slotDuration * P / this.slotDivisions
       }, {
         groups: this.ks.groups,
         ranges: this.timeRanges
-      }).filter((s) => t.viewEnd.getTime() === t.viewStart.getTime() || h(s.zonedStart, t.viewStart, t.viewEnd));
+      }).filter((r) => t.viewEnd.getTime() === t.viewStart.getTime() || _(r.zonedStart, t.viewStart, t.viewEnd));
     },
     occurrences() {
-      return X(this.ks.dataItems, {
+      return q(this.ks.dataItems, {
         dateRange: this.ks.dateRange,
         fields: this.ks.fields,
         timezone: this.ks.timezone
       });
     },
+    occurrenceLanes() {
+      const t = {
+        day: [],
+        time: []
+      };
+      return this.occurrences.forEach((r) => {
+        (r.isAllDay || U(r.start, r.end, this.ks.timezone) ? t.day : t.time).push(r);
+      }), t;
+    },
     dayOccurrences() {
-      return this.occurrences.filter((t) => t.isAllDay);
+      return this.occurrenceLanes.day;
     },
     timeOccurrences() {
-      return this.occurrences.filter((t) => !t.isAllDay);
+      return this.occurrenceLanes.time;
     },
     dayItems() {
-      const t = v(this.dayOccurrences, {
-        timezone: this.ks.timezone
+      const t = b(this.dayOccurrences, {
+        timezone: this.ks.timezone,
+        ignoreIsAllDay: !0
       }, {
         groups: this.ks.groups,
         ranges: this.dayRanges
       });
-      return $(t, this.daySlots, !1), z(t, this.daySlots, !1), t;
+      return I(t, this.daySlots, !0), $(t, this.daySlots, !0), t;
     },
     timeItems() {
-      const t = v(this.timeOccurrences, {
+      const t = b(this.timeOccurrences, {
         timezone: this.ks.timezone
       }, {
         groups: this.ks.groups,
         ranges: this.timeRanges
-      }).filter((s) => this.viewStart.getTime() === this.viewEnd.getTime() || h(s.zonedStart, this.viewStart, this.viewEnd) || h(s.zonedEnd, this.viewStart, this.viewEnd) || h(new Date(s.zonedEnd.getTime() - (s.zonedEnd.getTime() - s.zonedStart.getTime()) / 2), this.viewStart, this.viewEnd));
-      return $(t, this.timeSlots, !1), z(t, this.timeSlots, !1), t;
+      }).filter((r) => Z(r, this.viewStart, this.viewEnd));
+      return I(t, this.timeSlots, !1), $(t, this.timeSlots, !1), t;
     },
     compDragItem() {
       return this.dragItem !== void 0 ? this.dragItem : this.currentDragItem;
@@ -242,52 +253,52 @@ const C = 0, ke = /* @__PURE__ */ O({
   },
   render() {
     this.intl = c(this);
-    const t = this.$props.editItem || L;
-    this.$props.editSlot || P, this.$props.showWorkHours;
-    const s = this.$props.numberOfDays, n = this.$props.slotDivisions;
+    const t = this.$props.editItem || K;
+    this.$props.editSlot || G, this.$props.showWorkHours;
+    const r = this.$props.numberOfDays, n = this.$props.slotDivisions;
     this.$props.slotDuration;
-    const o = this.$props.workWeekStart, i = this.$props.workWeekEnd, p = this.intl.parseDate(this.$props.workDayStart), a = this.intl.parseDate(this.$props.workDayEnd), d = this.dayItems, g = this.timeItems, l = this.daySlots, u = this.timeSlots, x = this.ks.view.name === "workweek" || this.ks.view.name === "week";
-    return r(H, {
+    const i = this.$props.workWeekStart, o = this.$props.workWeekEnd, p = this.intl.parseDate(this.$props.workDayStart), a = this.intl.parseDate(this.$props.workDayEnd), d = this.dayItems, h = this.timeItems, l = this.daySlots, u = this.timeSlots, C = this.ks.view.name === "workweek" || this.ks.view.name === "week";
+    return s(W, {
       id: this.$props.id,
       viewProps: {
         ...this.$props
       },
-      class: x ? "k-scheduler-weekview" : "k-scheduler-dayview",
+      class: C ? "k-scheduler-weekview" : "k-scheduler-dayview",
       ranges: [...this.dayRanges, ...this.timeRanges],
       baseSlots: [...l, ...u]
     }, {
-      default: () => [r("div", {
+      default: () => [s("div", {
         class: "k-scheduler-head"
-      }, [this.ks.orientation === "horizontal" ? [r(D, {
+      }, [this.ks.orientation === "horizontal" ? [s(D, {
         nested: !0,
         group: this.ks.props.group,
         resources: this.ks.props.resources,
-        rowContent: w,
-        childRowContent: w
+        rowContent: k,
+        childRowContent: k
       }, {
-        default: () => [r(I, {
+        default: () => [s(R, {
           timeRanges: this.timeRanges,
           dateHeaderCell: this.$props.dateHeaderCell
         }, null)]
-      }), r(D, {
+      }), s(D, {
         group: this.ks.props.group,
         resources: this.ks.props.resources,
-        rowContent: R,
-        childRowContent: R
+        rowContent: S,
+        childRowContent: S
       }, {
-        default: () => [r(j, {
+        default: () => [s(F, {
           editable: this.$props.editable,
           dayRanges: this.dayRanges,
           daySlots: l,
           slotRender: this.$props.slotRender,
           viewSlot: this.$props.viewSlot,
-          numberOfDays: s,
-          workWeekStart: o,
-          workWeekEnd: i,
+          numberOfDays: r,
+          workWeekStart: i,
+          workWeekEnd: o,
           onDataaction: this.handleDataAction
         }, null)]
       }), this.hasMounted && d.map(function(e) {
-        return r(t, {
+        return s(t, {
           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,
@@ -322,52 +333,53 @@ const C = 0, ke = /* @__PURE__ */ O({
           item: this.$props.item,
           viewItem: this.$props.viewItem,
           editable: this.$props.editable,
+          ignoreIsAllDay: !0,
           vertical: !1
         }, null);
-      }, this)] : r(S, {
+      }, this)] : s(w, {
         group: this.ks.props.group,
         resources: this.ks.props.resources,
         emptyCell: !0,
         editable: this.$props.editable
       }, {
-        default: () => [r(I, {
+        default: () => [s(R, {
           timeRanges: this.timeRanges,
           dateHeaderCell: this.$props.dateHeaderCell
         }, null)]
-      })]), r("div", {
+      })]), s("div", {
         class: "k-scheduler-body"
-      }, [this.ks.orientation === "horizontal" ? [u.filter((e) => e.group.index === C && e.range.index === C).map(function(e, m) {
-        return r(D, {
+      }, [this.ks.orientation === "horizontal" ? [u.filter((e) => e.group.index === T && e.range.index === T).map(function(e, g) {
+        return s(D, {
           key: e.index,
           nested: !1,
           group: this.ks.props.group,
           resources: this.ks.props.resources,
-          rowContent: M,
+          rowContent: H,
           rowContentProps: {
             timeHeaderCell: this.$props.timeHeaderCell,
-            isMaster: m % n === 0,
-            isLast: (m + 1) % n === 0,
+            isMaster: g % n === 0,
+            isLast: (g + 1) % n === 0,
             contentSlot: e
           }
         }, {
-          default: () => [r(V, {
+          default: () => [s(M, {
             slotRender: this.$props.slotRender,
             viewSlot: this.$props.viewSlot,
             timeRanges: this.timeRanges,
             timeSlots: u,
             slotDivisions: n,
-            rootIndex: m,
+            rootIndex: g,
             root: e,
-            numberOfDays: s,
+            numberOfDays: r,
             workDayStart: p,
             workDayEnd: a,
-            workWeekStart: o,
-            workWeekEnd: i,
+            workWeekStart: i,
+            workWeekEnd: o,
             onDataaction: this.handleDataAction,
             editable: this.$props.editable
           }, null)]
         });
-      }, this), this.$props.currentTimeMarker && N(U(this.timeRanges).start, B(this.timeRanges).end, /* @__PURE__ */ new Date(), /* @__PURE__ */ new Date(), !0) && [r(K, null, null), r(G, null, null)]] : [r(S, {
+      }, this), this.$props.currentTimeMarker && N(B(this.timeRanges).start, L(this.timeRanges).end, /* @__PURE__ */ new Date(), /* @__PURE__ */ new Date(), !0) && [s(Y, null, null), s(X, null, null)]] : [s(w, {
         nested: !0,
         group: this.ks.props.group,
         resources: this.ks.props.resources,
@@ -377,16 +389,16 @@ const C = 0, ke = /* @__PURE__ */ O({
           timeSlots: u,
           workDayStart: p,
           workDayEnd: a,
-          numberOfDays: s,
-          workWeekStart: o,
-          workWeekEnd: i,
+          numberOfDays: r,
+          workWeekStart: i,
+          workWeekEnd: o,
           slotRender: this.$props.slotRender,
           viewSlot: this.$props.viewSlot,
           editable: this.$props.editable,
           currentTimeMarker: this.$props.currentTimeMarker
         }
       }, {
-        default: () => [r(F, {
+        default: () => [s(V, {
           onDataaction: this.handleDataAction,
           daySlots: l,
           timeSlots: u,
@@ -394,7 +406,7 @@ const C = 0, ke = /* @__PURE__ */ O({
           editable: this.$props.editable
         }, null)]
       }), this.hasMounted && d.map(function(e) {
-        return r(t, {
+        return s(t, {
           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,
@@ -429,10 +441,11 @@ const C = 0, ke = /* @__PURE__ */ O({
           item: this.$props.item,
           form: this.$props.form,
           editable: this.$props.editable,
+          ignoreIsAllDay: !0,
           vertical: !1
         }, null);
-      }, this)], this.hasMounted && g.map(function(e) {
-        return r(t, {
+      }, this)], this.hasMounted && h.map(function(e) {
+        return s(t, {
           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,
@@ -475,7 +488,7 @@ const C = 0, ke = /* @__PURE__ */ O({
   },
   methods: {
     handleDataAction(t) {
-      this.$emit("dataaction", t);
+      j(this, t);
     },
     handleDragItemChange(t) {
       this.currentDragItem = t;
@@ -484,20 +497,20 @@ const C = 0, ke = /* @__PURE__ */ O({
       this.currentResizeItem = t;
     }
   }
-}), Y = ({
+}), J = ({
   date: t,
-  numberOfDays: s = 1,
+  numberOfDays: r = 1,
   timezone: n
 }) => {
-  const o = y.fromLocalDate(t, n), i = A(o), p = W(i, s), a = y.fromUTCDate(E(i), n), d = y.fromUTCDate(E(p), n), g = new Date(a.getTime()), l = new Date(d.getTime());
+  const i = y.fromLocalDate(t, n), o = A(i), p = O(o, r), a = y.fromUTCDate(z(o), n), d = y.fromUTCDate(z(p), n), h = new Date(a.getTime()), l = new Date(d.getTime());
   return {
-    start: g,
+    start: h,
     end: l,
     zonedStart: a,
     zonedEnd: d
   };
 };
 export {
-  ke as MultiDayView,
-  Y as multiDayViewDateRange
+  Re as MultiDayView,
+  J as multiDayViewDateRange
 };

package/views/month/MonthView.d.ts

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { DateRange, SchedulerViewProps, Item, Slot, SchedulerViewDateRangeArgs } from '../../models/main';
+import { DataItem, DateRange, SchedulerViewProps, Item, Slot, SchedulerViewDateRangeArgs } from '../../models/main';
 import { DataAction } from '../../Scheduler';
 import { PropType } from 'vue';
 export interface MonthViewProps extends SchedulerViewProps {
@@ -71,6 +71,7 @@ export interface MonthViewProps extends SchedulerViewProps {
 }
 /** @hidden */
 declare const MonthView: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    onDataAction: PropType<(action: DataAction) => void>;
     itemsPerSlot: {
         type: PropType<number>;
         default: number;
@@ -122,7 +123,14 @@ declare const MonthView: import('vue').DefineComponent<import('vue').ExtractProp
         type: PropType<boolean>;
         default: boolean;
     };
-}>, {}, {
+}>, {
+    popoverEditItem: import('vue').ShallowRef<Item, Item>;
+    popoverFormItem: import('vue').ShallowRef<any, any>;
+    popoverShowOccurrenceDialog: import('vue').Ref<boolean, boolean>;
+    handlePopoverItemDoubleClick: (item: Item) => boolean;
+    handlePopoverFormItemChange: (formItem: DataItem | null) => void;
+    handlePopoverShowOccurrenceDialogChange: (show: boolean) => void;
+}, {
     hasMounted: boolean;
     rowSyncFrame: number;
     rowSyncQueued: boolean;
@@ -148,7 +156,8 @@ declare const MonthView: import('vue').DefineComponent<import('vue').ExtractProp
     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<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "dataaction"[], "dataaction", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    onDataAction: PropType<(action: DataAction) => void>;
     itemsPerSlot: {
         type: PropType<number>;
         default: number;
@@ -200,7 +209,9 @@ declare const MonthView: import('vue').DefineComponent<import('vue').ExtractProp
         type: PropType<boolean>;
         default: boolean;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    onDataaction?: (...args: any[]) => any;
+}>, {
     name: string;
     editable: boolean;
     itemsPerSlot: number;

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 r=require("vue"),w=require("../../components/BaseView.js"),n=require("@progress/kendo-date-math"),d=require("../common/VerticalResourceIterator.js"),p=require("../common/HorizontalResourceIterator.js"),a=require("../../utils/main.js"),l=require("../../messages/main.js"),y=require("../../slots/SchedulerEditSlot.js"),h=require("@progress/kendo-vue-intl"),S=require("../../constants/main.js"),v=require("../../services/rangeService.js"),I=require("../../services/slotsService.js"),D=require("../../services/occurrenceService.js"),R=require("../../services/itemsService.js"),m=require("./MonthViewHead.js"),k=require("./MonthViewBody.js"),z=require("../../components/MoreEventsPopover.js"),$=require("../../items/SchedulerEditItem.js"),V=require("../../hooks/useGroupRowHeightSync.js"),b=r.defineComponent({name:"KendoMonthView",props:{itemsPerSlot:{type:Number,default:2},name:{type:String,default:"month"},dateRange:{type:[Function,Object],default:function(){return M}},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:{}},setActiveDate:{default:null},setActiveViewName:{default:null},kendoLocalizationService:{default:null},kendoIntlService:{default:null}},created(){this.intl=h.provideIntlService(this)},mounted(){this.hasMounted=!0,this.queueSyncGroupRows()},unmounted(){this.hasMounted=!1,this.rowSyncFrame!==void 0&&window.cancelAnimationFrame(this.rowSyncFrame)},data(){return{hasMounted:!1,rowSyncFrame:void 0,rowSyncQueued:!1,currentDragItem:void 0,currentResizeItem:void 0,popoverShow:!1,popoverAnchor:null,popoverSlot:null}},watch:{rowSyncKey(){this.hasMounted&&this.queueSyncGroupRows()},compDragItem(){this.hasMounted&&this.queueSyncGroupRows()},compResizeItem(){this.hasMounted&&this.queueSyncGroupRows()}},computed:{ranges(){return v.toRanges(this.ks.dateRange,{step:n.MS_PER_DAY*S.DAYS_IN_WEEK_COUNT,timezone:this.ks.timezone})},monthSlots(){return I.toSlots(this.ks.dateRange,{step:n.MS_PER_DAY},{groups:this.ks.groups,ranges:this.ranges})},occurrences(){return D.toOccurrences(this.ks.dataItems,{dateRange:this.ks.dateRange,fields:this.ks.fields,timezone:this.ks.timezone})},items(){const t=R.toItems(this.occurrences,{timezone:this.ks.timezone},{groups:this.ks.groups,ranges:this.ranges});return a.mapItemsToSlots(t,this.monthSlots,!0),a.mapSlotsToItems(t,this.monthSlots,!0),t},rowSyncKey(){return[this.itemsPerSlot,this.monthSlots.map(t=>`${t.group.index}:${t.range.index}:${t.items.length}`).join("|")].join("::")},compDragItem(){return this.dragItem!==void 0?this.dragItem:this.currentDragItem},compResizeItem(){return this.resizeItem!==void 0?this.resizeItem:this.currentResizeItem}},render(){this.localization=h.provideLocalizationService(this),this.localization.toLanguageString(l.monthViewTitle,l.messages[l.monthViewTitle]);const t=this.$props.editItem||$.SchedulerEditItem;this.$props.editSlot||y.SchedulerEditSlot;const i=this.items,o=this.monthSlots;this.intl=h.provideIntlService(this);const s=this.$props.itemsPerSlot,c=this.ks.orientation==="horizontal"?this.ranges.map(function(e,u){return r.createVNode(p.HorizontalResourceIterator,{resources:this.ks.props.resources,group:this.ks.props.group},{default:()=>[r.createVNode(k.MonthViewBody,{editable:this.$props.editable,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,monthSlots:o,rangeIndex:u,itemsPerSlot:s,onDataaction:this.handleDataAction,onShowmoreitems:this.handleShowMoreItemsClick},null)]})},this):r.createVNode(d.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:s,editable:this.$props.editable,onShowmoreitems:this.handleShowMoreItemsClick}},null);return r.createVNode(w.BaseView,{viewProps:{...this.$props},baseSlots:o,ranges:this.ranges,class:"k-scheduler-monthview"},{default:()=>[r.createVNode("div",{class:"k-scheduler-head"},[this.ks.orientation==="horizontal"?r.createVNode(p.HorizontalResourceIterator,{nested:!0,resources:this.ks.props.resources,group:this.ks.props.group},{default:()=>[r.createVNode(m.MonthViewHead,{monthSlots:o,dateHeaderCell:this.$props.dateHeaderCell},null)]}):r.createVNode(d.VerticalResourceIterator,{resources:this.ks.props.resources,group:this.ks.props.group},{default:()=>[r.createVNode(m.MonthViewHead,{monthSlots:o,dateHeaderCell:this.$props.dateHeaderCell},null)]})]),r.createVNode("div",{class:"k-scheduler-body",ref:"body"},[c,this.hasMounted&&i.filter(e=>e.order===null||e.order<s).sort(a.orderSort).map(function(e){return r.createVNode(t,{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,readonly:e.readonly,onDragitemchange:this.handleDragItemChange,onResizeitemchange:this.handleResizeItemChange,onDataaction:this.handleDataAction,vertical:!1,editable:this.$props.editable,ignoreIsAllDay:!0},null)},this)]),r.createVNode(z.MoreEventsPopover,{show:this.popoverShow,anchor:this.popoverAnchor,slot:this.popoverSlot,items:i,itemsPerSlot:s,onDayclick:this.handlePopoverDayClick,onClose:this.handlePopoverClose},null)]})},methods:{queueSyncGroupRows(){this.rowSyncQueued||(this.rowSyncQueued=!0,this.$nextTick(()=>{this.rowSyncQueued=!1,this.$refs.body&&this.syncGroupRows()}))},syncGroupRows(){this.rowSyncFrame!==void 0&&window.cancelAnimationFrame(this.rowSyncFrame),this.rowSyncFrame=window.requestAnimationFrame(()=>{if(!this.hasMounted||!this.$refs.body){this.rowSyncFrame=void 0;return}V.syncGroupRowHeights(this.$refs.body),this.rowSyncFrame=void 0})},handleShowMoreItemsClick({event:t,slot:i}){var s;const o=((s=t.target)==null?void 0:s.element)||null;if(this.popoverShow&&this.popoverAnchor===o){this.popoverShow=!1,this.popoverAnchor=null,this.popoverSlot=null;return}this.popoverShow=!0,this.popoverAnchor=o,this.popoverSlot=i||null},handlePopoverClose(){this.popoverShow=!1,this.popoverAnchor=null,this.popoverSlot=null},handlePopoverDayClick(t){const o=this.ks.views.find(s=>s.name==="day");!this.setActiveViewName||!o||!o.name||(this.popoverShow=!1,this.popoverAnchor=null,this.popoverSlot=null,this.$nextTick(()=>{this.setActiveViewName(o.name),this.setActiveDate(t.start)}))},handleDataAction(t){this.$emit("dataaction",t)},handleDragItemChange(t){this.currentDragItem=t},handleResizeItemChange(t){this.currentResizeItem=t}}}),M=({intl:t,date:i,timezone:o})=>{const s=n.firstDayInWeek(n.firstDayOfMonth(n.getDate(i)),t.firstDay()),c=n.addDays(n.firstDayInWeek(n.lastDayOfMonth(n.getDate(i)),t.firstDay()),S.DAYS_IN_WEEK_COUNT),e=n.ZonedDate.fromUTCDate(a.toUTCDateTime(s),o),u=n.ZonedDate.fromUTCDate(a.toUTCDateTime(c),o),g=new Date(e.getTime()),f=new Date(u.getTime());return{start:g,end:f,zonedStart:e,zonedEnd:u}};exports.MonthView=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),v=require("../../components/BaseView.js"),a=require("@progress/kendo-date-math"),p=require("../common/VerticalResourceIterator.js"),m=require("../common/HorizontalResourceIterator.js"),l=require("../../utils/main.js"),h=require("../../messages/main.js"),w=require("../../slots/SchedulerEditSlot.js"),d=require("@progress/kendo-vue-intl"),g=require("../../constants/main.js"),I=require("../../services/rangeService.js"),y=require("../../services/slotsService.js"),D=require("../../services/occurrenceService.js"),R=require("../../services/itemsService.js"),S=require("./MonthViewHead.js"),k=require("./MonthViewBody.js"),b=require("../../components/MoreEventsPopover.js"),$=require("../../items/SchedulerEditItem.js"),z=require("../../hooks/useGroupRowHeightSync.js"),C=require("../../hooks/useEditable.js"),V=r.defineComponent({name:"KendoMonthView",emits:["dataaction"],props:{onDataAction:Function,itemsPerSlot:{type:Number,default:2},name:{type:String,default:"month"},dateRange:{type:[Function,Object],default:function(){return A}},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:{}},setActiveDate:{default:null},setActiveViewName:{default:null},kendoLocalizationService:{default:null},kendoIntlService:{default:null}},setup(t){const s=r.shallowRef(null),o=r.shallowRef(null),n=r.ref(!1);return{popoverEditItem:s,popoverFormItem:o,popoverShowOccurrenceDialog:n,handlePopoverItemDoubleClick:i=>!C.useEditable(t.editable).edit||i.readonly?!1:(s.value=i,o.value=i.dataItem,n.value=!!i.isRecurring,!0),handlePopoverFormItemChange:i=>{o.value=i,i||(s.value=null)},handlePopoverShowOccurrenceDialogChange:i=>{n.value=i}}},created(){this.intl=d.provideIntlService(this)},mounted(){this.hasMounted=!0,this.queueSyncGroupRows()},unmounted(){this.hasMounted=!1,this.rowSyncFrame!==void 0&&window.cancelAnimationFrame(this.rowSyncFrame)},data(){return{hasMounted:!1,rowSyncFrame:void 0,rowSyncQueued:!1,currentDragItem:void 0,currentResizeItem:void 0,popoverShow:!1,popoverAnchor:null,popoverSlot:null}},watch:{rowSyncKey(){this.hasMounted&&this.queueSyncGroupRows()},compDragItem(){this.hasMounted&&this.queueSyncGroupRows()},compResizeItem(){this.hasMounted&&this.queueSyncGroupRows()}},computed:{ranges(){return I.toRanges(this.ks.dateRange,{step:a.MS_PER_DAY*g.DAYS_IN_WEEK_COUNT,timezone:this.ks.timezone})},monthSlots(){return y.toSlots(this.ks.dateRange,{step:a.MS_PER_DAY},{groups:this.ks.groups,ranges:this.ranges})},occurrences(){return D.toOccurrences(this.ks.dataItems,{dateRange:this.ks.dateRange,fields:this.ks.fields,timezone:this.ks.timezone})},items(){const t=R.toItems(this.occurrences,{timezone:this.ks.timezone},{groups:this.ks.groups,ranges:this.ranges});return l.mapItemsToSlots(t,this.monthSlots,!0),l.mapSlotsToItems(t,this.monthSlots,!0),t},rowSyncKey(){return[this.itemsPerSlot,this.monthSlots.map(t=>`${t.group.index}:${t.range.index}:${t.items.length}`).join("|")].join("::")},compDragItem(){return this.dragItem!==void 0?this.dragItem:this.currentDragItem},compResizeItem(){return this.resizeItem!==void 0?this.resizeItem:this.currentResizeItem}},render(){this.localization=d.provideLocalizationService(this),this.localization.toLanguageString(h.monthViewTitle,h.messages[h.monthViewTitle]);const t=this.$props.editItem||$.SchedulerEditItem;this.$props.editSlot||w.SchedulerEditSlot;const s=this.items,o=this.monthSlots;this.intl=d.provideIntlService(this);const n=this.$props.itemsPerSlot,u=this.ks.orientation==="horizontal"?this.ranges.map(function(e,c){return r.createVNode(m.HorizontalResourceIterator,{resources:this.ks.props.resources,group:this.ks.props.group},{default:()=>[r.createVNode(k.MonthViewBody,{editable:this.$props.editable,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,monthSlots:o,rangeIndex:c,itemsPerSlot:n,onDataaction:this.handleDataAction,onShowmoreitems:this.handleShowMoreItemsClick},null)]})},this):r.createVNode(p.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,onShowmoreitems:this.handleShowMoreItemsClick}},null);return r.createVNode(v.BaseView,{viewProps:{...this.$props},baseSlots:o,ranges:this.ranges,class:"k-scheduler-monthview"},{default:()=>[r.createVNode("div",{class:"k-scheduler-head"},[this.ks.orientation==="horizontal"?r.createVNode(m.HorizontalResourceIterator,{nested:!0,resources:this.ks.props.resources,group:this.ks.props.group},{default:()=>[r.createVNode(S.MonthViewHead,{monthSlots:o,dateHeaderCell:this.$props.dateHeaderCell},null)]}):r.createVNode(p.VerticalResourceIterator,{resources:this.ks.props.resources,group:this.ks.props.group},{default:()=>[r.createVNode(S.MonthViewHead,{monthSlots:o,dateHeaderCell:this.$props.dateHeaderCell},null)]})]),r.createVNode("div",{class:"k-scheduler-body",ref:"body"},[u,this.hasMounted&&s.filter(e=>e.order===null||e.order<n).sort(l.orderSort).map(function(e){return r.createVNode(t,{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,readonly:e.readonly,onDragitemchange:this.handleDragItemChange,onResizeitemchange:this.handleResizeItemChange,onDataaction:this.handleDataAction,vertical:!1,editable:this.$props.editable,ignoreIsAllDay:!0},null)},this)]),r.createVNode(b.MoreEventsPopover,{show:this.popoverShow,anchor:this.popoverAnchor,slot:this.popoverSlot,items:s,itemsPerSlot:n,onDayclick:this.handlePopoverDayClick,onItemdoubleclick:e=>{this.handlePopoverItemDoubleClick(e)&&this.handlePopoverClose()},onClose:this.handlePopoverClose},null),this.popoverEditItem&&r.createVNode(t,r.mergeProps(this.popoverEditItem,{item:this.$props.item,viewItem:this.$props.viewItem,form:this.$props.form,formItem:this.popoverFormItem,showOccurrenceDialog:this.popoverShowOccurrenceDialog,itemStyle:{display:"none"},tabIndex:-1,editable:this.$props.editable,vertical:!1,ignoreIsAllDay:!0,onFormitemchange:this.handlePopoverFormItemChange,onShowoccurrencedialogchange:this.handlePopoverShowOccurrenceDialogChange,onDataaction:this.handleDataAction}),null)]})},methods:{queueSyncGroupRows(){this.rowSyncQueued||(this.rowSyncQueued=!0,this.$nextTick(()=>{this.rowSyncQueued=!1,this.$refs.body&&this.syncGroupRows()}))},syncGroupRows(){this.rowSyncFrame!==void 0&&window.cancelAnimationFrame(this.rowSyncFrame),this.rowSyncFrame=window.requestAnimationFrame(()=>{if(!this.hasMounted||!this.$refs.body){this.rowSyncFrame=void 0;return}z.syncGroupRowHeights(this.$refs.body),this.rowSyncFrame=void 0})},handleShowMoreItemsClick({event:t,slot:s}){var n;const o=((n=t.target)==null?void 0:n.element)||null;if(this.popoverShow&&this.popoverAnchor===o){this.popoverShow=!1,this.popoverAnchor=null,this.popoverSlot=null;return}this.popoverShow=!0,this.popoverAnchor=o,this.popoverSlot=s||null},handlePopoverClose(){this.popoverShow=!1,this.popoverAnchor=null,this.popoverSlot=null},handlePopoverDayClick(t){const o=this.ks.views.find(n=>n.name==="day");!this.setActiveViewName||!o||!o.name||(this.popoverShow=!1,this.popoverAnchor=null,this.popoverSlot=null,this.$nextTick(()=>{this.setActiveViewName(o.name),this.setActiveDate(t.start)}))},handleDataAction(t){l.emitDataAction(this,t)},handleDragItemChange(t){this.currentDragItem=t},handleResizeItemChange(t){this.currentResizeItem=t}}}),A=({intl:t,date:s,timezone:o})=>{const n=a.firstDayInWeek(a.firstDayOfMonth(a.getDate(s)),t.firstDay()),u=a.addDays(a.firstDayInWeek(a.lastDayOfMonth(a.getDate(s)),t.firstDay()),g.DAYS_IN_WEEK_COUNT),e=a.ZonedDate.fromUTCDate(l.toUTCDateTime(n),o),c=a.ZonedDate.fromUTCDate(l.toUTCDateTime(u),o),i=new Date(e.getTime()),f=new Date(c.getTime());return{start:i,end:f,zonedStart:e,zonedEnd:c}};exports.MonthView=V;