@progress/kendo-vue-scheduler 9.3.0-develop.4 → 9.3.0-develop.6

package/views/common/VerticalResourceIterator.mjs

@@ -26,6 +26,7 @@ const _ = 0, L = /* @__PURE__ */ I({
     wrapGroup: Boolean,
     cellContent: Object,
     emptyCell: Boolean,
+    role: String,
     onDataaction: Function,
     editable: [Boolean, Object]
   },
@@ -55,6 +56,7 @@ const _ = 0, L = /* @__PURE__ */ I({
           rangeIndex: n,
           itemsPerSlot: t.itemsPerSlot,
           onDataaction: this.handleDataAction,
+          onShowmoreitems: t.onShowmoreitems,
           editable: t.editable
         }, null);
       }, this) : t.timeSlots.filter((l) => l.group.index === r && l.range.index === _).map(function(l, n, c) {
@@ -79,7 +81,8 @@ const _ = 0, L = /* @__PURE__ */ I({
       }, this) : null;
     }, x = function(e) {
       return o("div", {
-        class: "k-scheduler-row"
+        class: "k-scheduler-row",
+        role: e.role
       }, [o("div", {
         class: "k-scheduler-row"
       }, [e.resources.map(function(r, l) {
@@ -150,19 +153,21 @@ const _ = 0, L = /* @__PURE__ */ I({
         children: r
       } = e;
       return o("div", {
-        class: "k-scheduler-row"
+        class: "k-scheduler-row",
+        role: e.role
       }, [C.call(this, e.resources), this.emptyCell && o("div", {
         class: "k-scheduler-cell k-side-cell"
-      }, null), b.call(this, r, e.resources, e.groupIndex)]);
-    }, b = function(e, r, l) {
-      const n = r.length > 0;
+      }, null), b.call(this, r, e.resources, e.groupIndex, e.role)]);
+    }, b = function(e, r, l, n) {
+      const c = r.length > 0;
       return o(S, {
         noWrap: !0,
         resource: r[l],
-        groupIndex: n ? l : void 0
+        groupIndex: c ? l : void 0
       }, {
         default: () => [o("div", {
-          class: "k-scheduler-cell k-group-content"
+          class: "k-scheduler-cell k-group-content",
+          role: n
         }, [e])]
       });
     }, C = function(e) {
@@ -175,7 +180,8 @@ const _ = 0, L = /* @__PURE__ */ I({
       }, this);
     };
     return o("div", {
-      class: "k-scheduler-group"
+      class: "k-scheduler-group",
+      role: this.role
     }, [y ? f ? o("div", {
       class: "k-scheduler-row"
     }, [o("div", {
@@ -217,7 +223,8 @@ const _ = 0, L = /* @__PURE__ */ I({
       children: d,
       cellContent: u,
       depth: a,
-      groupIndex: h
+      groupIndex: h,
+      role: this.role
     })]);
   },
   methods: {

package/views/day/DayView.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("./MultiDayView.js"),e=require("../../messages/main.js"),n=require("@progress/kendo-vue-intl"),o=require("@progress/kendo-date-math"),s=r.defineComponent({name:"KendoDayView",emits:{dataaction:null},props:{name:{type:String,default:"day"},title:String,dateRange:{type:[Function,Object],default:function(){return i.MultiDayView.props.dateRange.default()}},showWorkHours:{type:Boolean,default:!0},step:{type:Number,default:1},numberOfDays:{type:Number,default:1},slotDuration:{type:Number,default:60},slotDivisions:{type:Number,default:2},selectedDateFormat:{type:String,default:"{0:D}"},selectedShortDateFormat:{type:String,default:"{0:d}"},currentTimeMarker:{type:Boolean,default:!0},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},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},format:String},inject:{kendoLocalizationService:{default:null}},render(){const a=n.provideLocalizationService(this).toLanguageString(e.dayViewTitle,e.messages[e.dayViewTitle]);return r.createVNode(i.MultiDayView,{name:this.$props.name,dateRange:this.$props.dateRange,step:this.$props.step,numberOfDays:this.$props.numberOfDays,slotDuration:this.$props.slotDuration,slotDivisions:this.$props.slotDivisions,selectedDateFormat:this.$props.selectedDateFormat,selectedShortDateFormat:this.$props.selectedShortDateFormat,showWorkHours:this.$props.showWorkHours,title:a,currentTimeMarker:this.$props.currentTimeMarker,startTime:this.$props.startTime,endTime:this.$props.endTime,workDayStart:this.$props.workDayStart,workDayEnd:this.$props.workDayEnd,workWeekStart:this.$props.workWeekStart,workWeekEnd:this.$props.workWeekEnd,defaultShowWorkHours:this.$props.defaultShowWorkHours,timeHeaderCell:this.$props.timeHeaderCell,dateHeaderCell:this.$props.dateHeaderCell,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,resizeHint:this.$props.resizeHint,item:this.$props.item,viewItem:this.$props.viewItem,editable:this.$props.editable,onDataaction:this.handleDataAction},null)},methods:{handleDataAction(t){this.$emit("dataaction",t)}}});exports.DayView=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),i=require("./MultiDayView.js"),e=require("../../messages/main.js"),n=require("@progress/kendo-vue-intl"),o=require("@progress/kendo-date-math"),s=r.defineComponent({name:"KendoDayView",emits:{dataaction:null},props:{name:{type:String,default:"day"},title:String,dateRange:{type:[Function,Object],default:function(){return i.MultiDayView.props.dateRange.default()}},showWorkHours:{type:Boolean,default:!0},step:{type:Number,default:1},numberOfDays:{type:Number,default:1},slotDuration:{type:Number,default:60},slotDivisions:{type:Number,default:2},selectedDateFormat:{type:String,default:"{0:M}"},selectedShortDateFormat:{type:String,default:"{0:m}"},currentTimeMarker:{type:Boolean,default:!0},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},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},format:String},inject:{kendoLocalizationService:{default:null}},render(){const a=n.provideLocalizationService(this).toLanguageString(e.dayViewTitle,e.messages[e.dayViewTitle]);return r.createVNode(i.MultiDayView,{name:this.$props.name,dateRange:this.$props.dateRange,step:this.$props.step,numberOfDays:this.$props.numberOfDays,slotDuration:this.$props.slotDuration,slotDivisions:this.$props.slotDivisions,selectedDateFormat:this.$props.selectedDateFormat,selectedShortDateFormat:this.$props.selectedShortDateFormat,showWorkHours:this.$props.showWorkHours,title:a,currentTimeMarker:this.$props.currentTimeMarker,startTime:this.$props.startTime,endTime:this.$props.endTime,workDayStart:this.$props.workDayStart,workDayEnd:this.$props.workDayEnd,workWeekStart:this.$props.workWeekStart,workWeekEnd:this.$props.workWeekEnd,defaultShowWorkHours:this.$props.defaultShowWorkHours,timeHeaderCell:this.$props.timeHeaderCell,dateHeaderCell:this.$props.dateHeaderCell,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,resizeHint:this.$props.resizeHint,item:this.$props.item,viewItem:this.$props.viewItem,editable:this.$props.editable,onDataaction:this.handleDataAction},null)},methods:{handleDataAction(t){this.$emit("dataaction",t)}}});exports.DayView=s;

package/views/day/DayView.mjs

@@ -49,11 +49,11 @@ const h = /* @__PURE__ */ a({
     },
     selectedDateFormat: {
       type: String,
-      default: "{0:D}"
+      default: "{0:M}"
     },
     selectedShortDateFormat: {
       type: String,
-      default: "{0:d}"
+      default: "{0:m}"
     },
     currentTimeMarker: {
       type: Boolean,

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"),n=require("@progress/kendo-date-math"),N=require("../../components/BaseView.js"),I=require("../common/HorizontalResourceIterator.js"),R=require("./DayViewGroupRowContent.js"),k=require("../common/VerticalResourceIterator.js"),f=require("./DayViewAllDayRowContent.js"),M=require("./DayViewRowContent.js"),x=require("./DayViewMiddleRow.js"),q=require("./DayViewVerticalRow.js"),z=require("./DayViewHead.js"),H=require("./DayViewAllDaySlots.js"),i=require("../../utils/main.js"),g=require("@progress/kendo-vue-intl"),O=require("../../constants/main.js"),$=require("../common/SchedulerDrag.js"),W=require("../../slots/SchedulerEditSlot.js"),j=require("../../items/SchedulerEditItem.js"),F=require("../../components/CurrentTimeMarker.js"),_=require("../../components/CurrentTimeMarkerArrow.js"),v=require("../common/SchedulerResize.js"),E=require("../../services/itemsService.js"),P=require("../../services/occurrenceService.js"),V=require("../../services/slotsService.js"),T=require("../../services/rangeService.js"),b=0,B=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 C}},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:n.Day.Monday},workWeekEnd:{type:Number,default:n.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=g.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=g.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 T.toRanges(this.ks.dateRange,{step:n.MS_PER_DAY*this.numberOfDays,timezone:this.ks.timezone}).map(t=>({...t,isAllDay:!0}))},timeRanges(){return T.toRanges(this.ks.dateRange,{step:n.MS_PER_DAY,timezone:this.ks.timezone}).map(t=>({...t,isAllDay:!1}))},daySlots(){return V.toSlots(this.ks.dateRange,{step:n.MS_PER_DAY},{groups:this.ks.groups,ranges:this.dayRanges})},timeSlots(){const t=this;return V.toSlots(this.ks.dateRange,{step:this.slotDuration*O.MS_PER_MINUTE/this.slotDivisions},{groups:this.ks.groups,ranges:this.timeRanges}).filter(s=>t.viewEnd.getTime()===t.viewStart.getTime()||i.isInTimeRange(s.zonedStart,t.viewStart,t.viewEnd))},occurrences(){return P.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=E.toItems(this.dayOccurrences,{timezone:this.ks.timezone},{groups:this.ks.groups,ranges:this.dayRanges});return i.mapItemsToSlots(t,this.daySlots,!1),i.mapSlotsToItems(t,this.daySlots,!1),t},timeItems(){const t=E.toItems(this.timeOccurrences,{timezone:this.ks.timezone},{groups:this.ks.groups,ranges:this.timeRanges}).filter(s=>this.viewStart.getTime()===this.viewEnd.getTime()||i.isInTimeRange(s.zonedStart,this.viewStart,this.viewEnd)||i.isInTimeRange(s.zonedEnd,this.viewStart,this.viewEnd)||i.isInTimeRange(new Date(s.zonedEnd.getTime()-(s.zonedEnd.getTime()-s.zonedStart.getTime())/2),this.viewStart,this.viewEnd));return i.mapItemsToSlots(t,this.timeSlots,!1),i.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=g.provideIntlService(this)},beforeUpdate(){this.intl=g.provideIntlService(this)},render(){this.intl=g.provideIntlService(this);const t=this.$props.editItem||j.SchedulerEditItem;this.$props.editSlot||W.SchedulerEditSlot,this.$props.showWorkHours;const s=this.$props.numberOfDays,a=this.$props.slotDivisions;this.$props.slotDuration;const l=this.$props.workWeekStart,d=this.$props.workWeekEnd,m=this.intl.parseDate(this.$props.workDayStart),c=this.intl.parseDate(this.$props.workDayEnd),u=this.dayItems,D=this.timeItems,h=this.daySlots,p=this.timeSlots,A=this.ks.view.name==="workweek"||this.ks.view.name==="week",y=function(e){return this.compDragItem&&this.$props.editable.drag&&(Array.isArray(this.compDragItem)?this.compDragItem.map(function(o,S){return r.createVNode($.SchedulerDrag,{key:S,dataItem:o,vertical:e,item:this.$props.dataItem},null)},this):r.createVNode($.SchedulerDrag,{dataItem:this.compDragItem,vertical:e,item:this.$props.dataItem},null))},w=function(e){return this.compResizeItem&&this.editable.resize&&(Array.isArray(this.compResizeItem)?this.compResizeItem.map(function(o,S){return r.createVNode(v.SchedulerResize,{key:S,format:this.$props.format,dataItem:o,viewItem:this.$props.viewItem,item:this.$props.item,vertical:e},null)},this):r.createVNode(v.SchedulerResize,{format:this.$props.format,dataItem:this.compResizeItem,viewItem:this.$props.viewItem,item:this.$props.item,vertical:e},null))};return r.createVNode(N.BaseView,{id:this.$props.id,viewProps:{...this.$props},class:A?"k-scheduler-weekview":"k-scheduler-dayview",ranges:[...this.dayRanges,...this.timeRanges],baseSlots:[...h,...p]},{default:()=>[r.createVNode("div",{class:"k-scheduler-head"},[this.ks.orientation==="horizontal"?[r.createVNode(I.HorizontalResourceIterator,{nested:!0,group:this.ks.props.group,resources:this.ks.props.resources,rowContent:R.DayViewGroupRowContent,childRowContent:R.DayViewGroupRowContent},{default:()=>[r.createVNode(z.DayViewHead,{timeRanges:this.timeRanges,dateHeaderCell:this.$props.dateHeaderCell},null)]}),r.createVNode(I.HorizontalResourceIterator,{group:this.ks.props.group,resources:this.ks.props.resources,rowContent:f.DayViewAllDayRowContent,childRowContent:f.DayViewAllDayRowContent},{default:()=>[r.createVNode(H.DayViewAllDaySlots,{editable:this.$props.editable,dayRanges:this.dayRanges,daySlots:h,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,numberOfDays:s,workWeekStart:l,workWeekEnd:d,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,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),this.compDragItem&&this.compDragItem.isAllDay&&y.call(this,!1),this.compResizeItem&&this.compResizeItem.isAllDay&&w.call(this,!1)]:r.createVNode(k.VerticalResourceIterator,{group:this.ks.props.group,resources:this.ks.props.resources,emptyCell:!0,editable:this.$props.editable},{default:()=>[r.createVNode(z.DayViewHead,{timeRanges:this.timeRanges,dateHeaderCell:this.$props.dateHeaderCell},null)]})]),r.createVNode("div",{class:"k-scheduler-body"},[this.ks.orientation==="horizontal"?[p.filter(e=>e.group.index===b&&e.range.index===b).map(function(e,o){return r.createVNode(I.HorizontalResourceIterator,{key:e.index,nested:!1,group:this.ks.props.group,resources:this.ks.props.resources,rowContent:M.DayViewRowContent,rowContentProps:{timeHeaderCell:this.$props.timeHeaderCell,isMaster:o%a===0,isLast:(o+1)%a===0,contentSlot:e}},{default:()=>[r.createVNode(x.DayViewMiddleRow,{slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,timeRanges:this.timeRanges,timeSlots:p,slotDivisions:a,rootIndex:o,root:e,numberOfDays:s,workDayStart:m,workDayEnd:c,workWeekStart:l,workWeekEnd:d,onDataaction:this.handleDataAction,editable:this.$props.editable},null)]})},this),this.$props.currentTimeMarker&&i.intersects(i.first(this.timeRanges).start,i.last(this.timeRanges).end,new Date,new Date,!0)&&[r.createVNode(_.CurrentTimeMarkerArrow,null,null),r.createVNode(F.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:p,workDayStart:m,workDayEnd:c,numberOfDays:s,workWeekStart:l,workWeekEnd:d,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,editable:this.$props.editable,currentTimeMarker:this.$props.currentTimeMarker}},{default:()=>[r.createVNode(q.DayViewVerticalRow,{onDataaction:this.handleDataAction,daySlots:h,timeSlots:p,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,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.compDragItem&&this.compDragItem.isAllDay&&y.call(this,!0),this.compResizeItem&&this.compResizeItem.isAllDay&&w.call(this,!0)],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,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),this.compDragItem&&!this.compDragItem.isAllDay&&y.call(this,!0),this.compResizeItem&&!this.compResizeItem.isAllDay&&w.call(this,!0)])]})},methods:{handleDataAction(t){this.$emit("dataaction",t)},handleDragItemChange(t){this.currentDragItem=t},handleResizeItemChange(t){this.currentResizeItem=t}}}),C=({date:t,numberOfDays:s=1,timezone:a})=>{const l=n.ZonedDate.fromLocalDate(t,a),d=n.getDate(l),m=n.addDays(d,s),c=n.ZonedDate.fromUTCDate(i.toUTCDateTime(d),a),u=n.ZonedDate.fromUTCDate(i.toUTCDateTime(m),a),D=new Date(c.getTime()),h=new Date(u.getTime());return{start:D,end:h,zonedStart:c,zonedEnd:u}};exports.MultiDayView=B;exports.multiDayViewDateRange=C;
+"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;

package/views/day/MultiDayView.mjs

@@ -5,32 +5,30 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as V, createVNode as r } from "vue";
-import { Day as S, MS_PER_DAY as w, ZonedDate as k, getDate as F, addDays as j } from "@progress/kendo-date-math";
-import { BaseView as N } from "../../components/BaseView.mjs";
-import { HorizontalResourceIterator as I } from "../common/HorizontalResourceIterator.mjs";
-import { DayViewGroupRowContent as R } from "./DayViewGroupRowContent.mjs";
-import { VerticalResourceIterator as $ } from "../common/VerticalResourceIterator.mjs";
-import { DayViewAllDayRowContent as z } from "./DayViewAllDayRowContent.mjs";
-import { DayViewRowContent as B } from "./DayViewRowContent.mjs";
-import { DayViewMiddleRow as U } from "./DayViewMiddleRow.mjs";
-import { DayViewVerticalRow as _ } from "./DayViewVerticalRow.mjs";
-import { DayViewHead as v } from "./DayViewHead.mjs";
-import { DayViewAllDaySlots as P } from "./DayViewAllDaySlots.mjs";
-import { intersects as L, last as G, first as K, isInTimeRange as m, mapItemsToSlots as E, mapSlotsToItems as b, toUTCDateTime as T } from "../../utils/main.mjs";
+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 { 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 { provideIntlService as c } from "@progress/kendo-vue-intl";
-import { MS_PER_MINUTE as X } from "../../constants/main.mjs";
-import { SchedulerDrag as C } from "../common/SchedulerDrag.mjs";
-import { SchedulerEditSlot as Y } from "../../slots/SchedulerEditSlot.mjs";
-import { SchedulerEditItem as Z } from "../../items/SchedulerEditItem.mjs";
-import { CurrentTimeMarker as q } from "../../components/CurrentTimeMarker.mjs";
-import { CurrentTimeMarkerArrow as J } from "../../components/CurrentTimeMarkerArrow.mjs";
-import { SchedulerResize as A } from "../common/SchedulerResize.mjs";
-import { toItems as x } from "../../services/itemsService.mjs";
-import { toOccurrences as Q } from "../../services/occurrenceService.mjs";
-import { toSlots as O } from "../../services/slotsService.mjs";
-import { toRanges as W } from "../../services/rangeService.mjs";
-const H = 0, ve = /* @__PURE__ */ V({
+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({
   name: "KendoMultiDayView",
   props: {
     name: {
@@ -48,7 +46,7 @@ const H = 0, ve = /* @__PURE__ */ V({
     dateRange: {
       type: [Function, Object],
       default: function() {
-        return ee;
+        return Y;
       }
     },
     numberOfDays: {
@@ -73,11 +71,11 @@ const H = 0, ve = /* @__PURE__ */ V({
     },
     workWeekStart: {
       type: Number,
-      default: S.Monday
+      default: k.Monday
     },
     workWeekEnd: {
       type: Number,
-      default: S.Friday
+      default: k.Friday
     },
     step: {
       type: Number,
@@ -154,8 +152,8 @@ const H = 0, ve = /* @__PURE__ */ V({
       return (this.ks.showWorkHours !== void 0 ? this.ks.showWorkHours : this.showWorkHours) ? t : s;
     },
     dayRanges() {
-      return W(this.ks.dateRange, {
-        step: w * this.numberOfDays,
+      return T(this.ks.dateRange, {
+        step: f * this.numberOfDays,
         timezone: this.ks.timezone
       }).map((t) => ({
         ...t,
@@ -163,8 +161,8 @@ const H = 0, ve = /* @__PURE__ */ V({
       }));
     },
     timeRanges() {
-      return W(this.ks.dateRange, {
-        step: w,
+      return T(this.ks.dateRange, {
+        step: f,
         timezone: this.ks.timezone
       }).map((t) => ({
         ...t,
@@ -172,8 +170,8 @@ const H = 0, ve = /* @__PURE__ */ V({
       }));
     },
     daySlots() {
-      return O(this.ks.dateRange, {
-        step: w
+      return b(this.ks.dateRange, {
+        step: f
       }, {
         groups: this.ks.groups,
         ranges: this.dayRanges
@@ -181,15 +179,15 @@ const H = 0, ve = /* @__PURE__ */ V({
     },
     timeSlots() {
       const t = this;
-      return O(this.ks.dateRange, {
-        step: this.slotDuration * X / this.slotDivisions
+      return b(this.ks.dateRange, {
+        step: this.slotDuration * _ / this.slotDivisions
       }, {
         groups: this.ks.groups,
         ranges: this.timeRanges
-      }).filter((s) => t.viewEnd.getTime() === t.viewStart.getTime() || m(s.zonedStart, t.viewStart, t.viewEnd));
+      }).filter((s) => t.viewEnd.getTime() === t.viewStart.getTime() || h(s.zonedStart, t.viewStart, t.viewEnd));
     },
     occurrences() {
-      return Q(this.ks.dataItems, {
+      return X(this.ks.dataItems, {
         dateRange: this.ks.dateRange,
         fields: this.ks.fields,
         timezone: this.ks.timezone
@@ -202,22 +200,22 @@ const H = 0, ve = /* @__PURE__ */ V({
       return this.occurrences.filter((t) => !t.isAllDay);
     },
     dayItems() {
-      const t = x(this.dayOccurrences, {
+      const t = v(this.dayOccurrences, {
         timezone: this.ks.timezone
       }, {
         groups: this.ks.groups,
         ranges: this.dayRanges
       });
-      return E(t, this.daySlots, !1), b(t, this.daySlots, !1), t;
+      return $(t, this.daySlots, !1), z(t, this.daySlots, !1), t;
     },
     timeItems() {
-      const t = x(this.timeOccurrences, {
+      const t = v(this.timeOccurrences, {
         timezone: this.ks.timezone
       }, {
         groups: this.ks.groups,
         ranges: this.timeRanges
-      }).filter((s) => this.viewStart.getTime() === this.viewEnd.getTime() || m(s.zonedStart, this.viewStart, this.viewEnd) || m(s.zonedEnd, this.viewStart, this.viewEnd) || m(new Date(s.zonedEnd.getTime() - (s.zonedEnd.getTime() - s.zonedStart.getTime()) / 2), this.viewStart, this.viewEnd));
-      return E(t, this.timeSlots, !1), b(t, this.timeSlots, !1), t;
+      }).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;
     },
     compDragItem() {
       return this.dragItem !== void 0 ? this.dragItem : this.currentDragItem;
@@ -244,81 +242,51 @@ const H = 0, ve = /* @__PURE__ */ V({
   },
   render() {
     this.intl = c(this);
-    const t = this.$props.editItem || Z;
-    this.$props.editSlot || Y, this.$props.showWorkHours;
-    const s = this.$props.numberOfDays, i = this.$props.slotDivisions;
+    const t = this.$props.editItem || L;
+    this.$props.editSlot || P, this.$props.showWorkHours;
+    const s = this.$props.numberOfDays, n = this.$props.slotDivisions;
     this.$props.slotDuration;
-    const a = this.$props.workWeekStart, n = this.$props.workWeekEnd, h = this.intl.parseDate(this.$props.workDayStart), d = this.intl.parseDate(this.$props.workDayEnd), l = this.dayItems, g = this.timeItems, u = this.daySlots, p = this.timeSlots, M = this.ks.view.name === "workweek" || this.ks.view.name === "week", f = function(e) {
-      return this.compDragItem && this.$props.editable.drag && (Array.isArray(this.compDragItem) ? this.compDragItem.map(function(o, y) {
-        return r(C, {
-          key: y,
-          dataItem: o,
-          vertical: e,
-          item: this.$props.dataItem
-        }, null);
-      }, this) : r(C, {
-        dataItem: this.compDragItem,
-        vertical: e,
-        item: this.$props.dataItem
-      }, null));
-    }, D = function(e) {
-      return this.compResizeItem && this.editable.resize && (Array.isArray(this.compResizeItem) ? this.compResizeItem.map(function(o, y) {
-        return r(A, {
-          key: y,
-          format: this.$props.format,
-          dataItem: o,
-          viewItem: this.$props.viewItem,
-          item: this.$props.item,
-          vertical: e
-        }, null);
-      }, this) : r(A, {
-        format: this.$props.format,
-        dataItem: this.compResizeItem,
-        viewItem: this.$props.viewItem,
-        item: this.$props.item,
-        vertical: e
-      }, null));
-    };
-    return r(N, {
+    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, {
       id: this.$props.id,
       viewProps: {
         ...this.$props
       },
-      class: M ? "k-scheduler-weekview" : "k-scheduler-dayview",
+      class: x ? "k-scheduler-weekview" : "k-scheduler-dayview",
       ranges: [...this.dayRanges, ...this.timeRanges],
-      baseSlots: [...u, ...p]
+      baseSlots: [...l, ...u]
     }, {
       default: () => [r("div", {
         class: "k-scheduler-head"
-      }, [this.ks.orientation === "horizontal" ? [r(I, {
+      }, [this.ks.orientation === "horizontal" ? [r(D, {
         nested: !0,
         group: this.ks.props.group,
         resources: this.ks.props.resources,
-        rowContent: R,
-        childRowContent: R
+        rowContent: w,
+        childRowContent: w
       }, {
-        default: () => [r(v, {
+        default: () => [r(I, {
           timeRanges: this.timeRanges,
           dateHeaderCell: this.$props.dateHeaderCell
         }, null)]
-      }), r(I, {
+      }), r(D, {
         group: this.ks.props.group,
         resources: this.ks.props.resources,
-        rowContent: z,
-        childRowContent: z
+        rowContent: R,
+        childRowContent: R
       }, {
-        default: () => [r(P, {
+        default: () => [r(j, {
           editable: this.$props.editable,
           dayRanges: this.dayRanges,
-          daySlots: u,
+          daySlots: l,
           slotRender: this.$props.slotRender,
           viewSlot: this.$props.viewSlot,
           numberOfDays: s,
-          workWeekStart: a,
-          workWeekEnd: n,
+          workWeekStart: o,
+          workWeekEnd: i,
           onDataaction: this.handleDataAction
         }, null)]
-      }), this.hasMounted && l.map(function(e) {
+      }), this.hasMounted && d.map(function(e) {
         return r(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,
@@ -346,6 +314,7 @@ const H = 0, ve = /* @__PURE__ */ V({
           range: e.range,
           isException: e.isException,
           isRecurring: e.isRecurring,
+          readonly: e.readonly,
           form: this.$props.form,
           onDataaction: this.handleDataAction,
           onDragitemchange: this.handleDragItemChange,
@@ -355,76 +324,76 @@ const H = 0, ve = /* @__PURE__ */ V({
           editable: this.$props.editable,
           vertical: !1
         }, null);
-      }, this), this.compDragItem && this.compDragItem.isAllDay && f.call(this, !1), this.compResizeItem && this.compResizeItem.isAllDay && D.call(this, !1)] : r($, {
+      }, this)] : r(S, {
         group: this.ks.props.group,
         resources: this.ks.props.resources,
         emptyCell: !0,
         editable: this.$props.editable
       }, {
-        default: () => [r(v, {
+        default: () => [r(I, {
           timeRanges: this.timeRanges,
           dateHeaderCell: this.$props.dateHeaderCell
         }, null)]
       })]), r("div", {
         class: "k-scheduler-body"
-      }, [this.ks.orientation === "horizontal" ? [p.filter((e) => e.group.index === H && e.range.index === H).map(function(e, o) {
-        return r(I, {
+      }, [this.ks.orientation === "horizontal" ? [u.filter((e) => e.group.index === C && e.range.index === C).map(function(e, m) {
+        return r(D, {
           key: e.index,
           nested: !1,
           group: this.ks.props.group,
           resources: this.ks.props.resources,
-          rowContent: B,
+          rowContent: M,
           rowContentProps: {
             timeHeaderCell: this.$props.timeHeaderCell,
-            isMaster: o % i === 0,
-            isLast: (o + 1) % i === 0,
+            isMaster: m % n === 0,
+            isLast: (m + 1) % n === 0,
             contentSlot: e
           }
         }, {
-          default: () => [r(U, {
+          default: () => [r(V, {
             slotRender: this.$props.slotRender,
             viewSlot: this.$props.viewSlot,
             timeRanges: this.timeRanges,
-            timeSlots: p,
-            slotDivisions: i,
-            rootIndex: o,
+            timeSlots: u,
+            slotDivisions: n,
+            rootIndex: m,
             root: e,
             numberOfDays: s,
-            workDayStart: h,
-            workDayEnd: d,
-            workWeekStart: a,
-            workWeekEnd: n,
+            workDayStart: p,
+            workDayEnd: a,
+            workWeekStart: o,
+            workWeekEnd: i,
             onDataaction: this.handleDataAction,
             editable: this.$props.editable
           }, null)]
         });
-      }, this), this.$props.currentTimeMarker && L(K(this.timeRanges).start, G(this.timeRanges).end, /* @__PURE__ */ new Date(), /* @__PURE__ */ new Date(), !0) && [r(J, null, null), r(q, null, null)]] : [r($, {
+      }, 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, {
         nested: !0,
         group: this.ks.props.group,
         resources: this.ks.props.resources,
         onDataaction: this.handleDataAction,
         more: {
           timeRanges: this.timeRanges,
-          timeSlots: p,
-          workDayStart: h,
-          workDayEnd: d,
+          timeSlots: u,
+          workDayStart: p,
+          workDayEnd: a,
           numberOfDays: s,
-          workWeekStart: a,
-          workWeekEnd: n,
+          workWeekStart: o,
+          workWeekEnd: i,
           slotRender: this.$props.slotRender,
           viewSlot: this.$props.viewSlot,
           editable: this.$props.editable,
           currentTimeMarker: this.$props.currentTimeMarker
         }
       }, {
-        default: () => [r(_, {
+        default: () => [r(F, {
           onDataaction: this.handleDataAction,
-          daySlots: u,
-          timeSlots: p,
+          daySlots: l,
+          timeSlots: u,
           dayRanges: this.dayRanges,
           editable: this.$props.editable
         }, null)]
-      }), this.hasMounted && l.map(function(e) {
+      }), this.hasMounted && d.map(function(e) {
         return r(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,
@@ -452,6 +421,7 @@ const H = 0, ve = /* @__PURE__ */ V({
           range: e.range,
           isException: e.isException,
           isRecurring: e.isRecurring,
+          readonly: e.readonly,
           onDataaction: this.handleDataAction,
           onDragitemchange: this.handleDragItemChange,
           onResizeitemchange: this.handleResizeItemChange,
@@ -461,7 +431,7 @@ const H = 0, ve = /* @__PURE__ */ V({
           editable: this.$props.editable,
           vertical: !1
         }, null);
-      }, this), this.compDragItem && this.compDragItem.isAllDay && f.call(this, !0), this.compResizeItem && this.compResizeItem.isAllDay && D.call(this, !0)], this.hasMounted && g.map(function(e) {
+      }, this)], this.hasMounted && g.map(function(e) {
         return r(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,
@@ -489,6 +459,7 @@ const H = 0, ve = /* @__PURE__ */ V({
           range: e.range,
           isException: e.isException,
           isRecurring: e.isRecurring,
+          readonly: e.readonly,
           format: "t",
           onDataaction: this.handleDataAction,
           onDragitemchange: this.handleDragItemChange,
@@ -499,7 +470,7 @@ const H = 0, ve = /* @__PURE__ */ V({
           editable: this.$props.editable,
           vertical: !0
         }, null);
-      }, this), this.compDragItem && !this.compDragItem.isAllDay && f.call(this, !0), this.compResizeItem && !this.compResizeItem.isAllDay && D.call(this, !0)])]
+      }, this)])]
     });
   },
   methods: {
@@ -513,20 +484,20 @@ const H = 0, ve = /* @__PURE__ */ V({
       this.currentResizeItem = t;
     }
   }
-}), ee = ({
+}), Y = ({
   date: t,
   numberOfDays: s = 1,
-  timezone: i
+  timezone: n
 }) => {
-  const a = k.fromLocalDate(t, i), n = F(a), h = j(n, s), d = k.fromUTCDate(T(n), i), l = k.fromUTCDate(T(h), i), g = new Date(d.getTime()), u = new Date(l.getTime());
+  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());
   return {
     start: g,
-    end: u,
-    zonedStart: d,
-    zonedEnd: l
+    end: l,
+    zonedStart: a,
+    zonedEnd: d
   };
 };
 export {
-  ve as MultiDayView,
-  ee as multiDayViewDateRange
+  ke as MultiDayView,
+  Y 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, SchedulerViewDateRangeArgs } from '../../models/main';
+import { DateRange, SchedulerViewProps, Item, Slot, SchedulerViewDateRangeArgs } from '../../models/main';
 import { DataAction } from '../../Scheduler';
 import { PropType } from 'vue';
 export interface MonthViewProps extends SchedulerViewProps {
@@ -126,14 +126,20 @@ declare const MonthView: import('vue').DefineComponent<import('vue').ExtractProp
     hasMounted: boolean;
     currentDragItem: any;
     currentResizeItem: any;
+    popoverShow: boolean;
+    popoverAnchor: HTMLElement;
+    popoverSlot: Slot;
 }, {
     ranges(): import('../../models/Range').Range[];
-    monthSlots(): import('../../models/Slot').Slot[];
+    monthSlots(): Slot[];
     occurrences(): import('../../models/Occurrence').Occurrence[];
     items(): Item[];
     compDragItem(): any;
     compResizeItem(): any;
 }, {
+    handleShowMoreItemsClick({ event, slot }: any): void;
+    handlePopoverClose(): void;
+    handlePopoverDayClick(slot: Slot): void;
     handleDataAction(action: DataAction): void;
     handleDragItemChange(item: any): void;
     handleResizeItemChange(item: any): void;