@progress/kendo-vue-scheduler 3.7.4-dev.202211100847 → 3.7.4-dev.202211301436

package/dist/esm/views/day/MultiDayView.js

@@ -265,10 +265,14 @@ var MultiDayViewVue2 = {
   },
   data: function data() {
     return {
+      hasMounted: false,
       currentDragItem: undefined,
       currentResizeItem: undefined
     };
   },
+  mounted: function mounted() {
+    this.hasMounted = true;
+  },
   created: function created() {
     this.intl = provideIntlService(this);
   },
@@ -474,7 +478,7 @@ var MultiDayViewVue2 = {
           on: _this2.v3 ? undefined : {
             "dataaction": _this2.handleDataAction
           }
-        })]), dayItems.map(function (item) {
+        })]), _this2.hasMounted && dayItems.map(function (item) {
           return h(EditItem, {
             key: item.isRecurring ? "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index, ":").concat(item.originalStart) : "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index),
             uid: item.uid,
@@ -752,7 +756,7 @@ var MultiDayViewVue2 = {
           timeSlots: timeSlots,
           dayRanges: _this2.dayRanges,
           editable: _this2.$props.editable
-        })]), dayItems.map(function (item) {
+        })]), _this2.hasMounted && dayItems.map(function (item) {
           return h(EditItem, {
             key: item.isRecurring ? "".concat(item.uid, ":").concat(item.group.index, " : ").concat(item.range.index, " : ").concat(item.originalStart) : "".concat(item.uid, ":").concat(item.group.index, " : ").concat(item.range.index),
             uid: item.uid,
@@ -826,7 +830,7 @@ var MultiDayViewVue2 = {
             editable: this.$props.editable,
             vertical: false
           });
-        }, _this2), _this2.compDragItem && _this2.compDragItem.isAllDay && dragItemClue.call(_this2, true), _this2.compResizeItem && _this2.compResizeItem.isAllDay && resizeItemClue.call(_this2, true)], timeItems.map(function (item) {
+        }, _this2), _this2.compDragItem && _this2.compDragItem.isAllDay && dragItemClue.call(_this2, true), _this2.compResizeItem && _this2.compResizeItem.isAllDay && resizeItemClue.call(_this2, true)], _this2.hasMounted && timeItems.map(function (item) {
           return h(EditItem, {
             key: item.isRecurring ? "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index, ":").concat(item.originalStart) : "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index),
             uid: item.uid,
@@ -993,7 +997,7 @@ var MultiDayViewVue2 = {
         on: _this2.v3 ? undefined : {
           "dataaction": _this2.handleDataAction
         }
-      })]), dayItems.map(function (item) {
+      })]), _this2.hasMounted && dayItems.map(function (item) {
         return h(EditItem, {
           key: item.isRecurring ? "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index, ":").concat(item.originalStart) : "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index),
           uid: item.uid,
@@ -1264,7 +1268,7 @@ var MultiDayViewVue2 = {
         timeSlots: timeSlots,
         dayRanges: _this2.dayRanges,
         editable: _this2.$props.editable
-      })]), dayItems.map(function (item) {
+      })]), _this2.hasMounted && dayItems.map(function (item) {
         return h(EditItem, {
           key: item.isRecurring ? "".concat(item.uid, ":").concat(item.group.index, " : ").concat(item.range.index, " : ").concat(item.originalStart) : "".concat(item.uid, ":").concat(item.group.index, " : ").concat(item.range.index),
           uid: item.uid,
@@ -1338,7 +1342,7 @@ var MultiDayViewVue2 = {
           editable: this.$props.editable,
           vertical: false
         });
-      }, _this2), _this2.compDragItem && _this2.compDragItem.isAllDay && dragItemClue.call(_this2, true), _this2.compResizeItem && _this2.compResizeItem.isAllDay && resizeItemClue.call(_this2, true)], timeItems.map(function (item) {
+      }, _this2), _this2.compDragItem && _this2.compDragItem.isAllDay && dragItemClue.call(_this2, true), _this2.compResizeItem && _this2.compResizeItem.isAllDay && resizeItemClue.call(_this2, true)], _this2.hasMounted && timeItems.map(function (item) {
         return h(EditItem, {
           key: item.isRecurring ? "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index, ":").concat(item.originalStart) : "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index),
           uid: item.uid,

package/dist/esm/views/month/MonthView.js

@@ -15,7 +15,6 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-var inject = allVue.inject;
 import { BaseView } from '../../components/BaseView.js';
 import { MS_PER_DAY, firstDayInWeek, firstDayOfMonth, getDate, addDays, lastDayOfMonth, ZonedDate } from '@progress/kendo-date-math';
 import { VerticalResourceIterator } from '../common/VerticalResourceIterator.js';
@@ -34,9 +33,6 @@ import { MonthViewBody } from './MonthViewBody.js';
 import { SchedulerEditItem } from '../../items/SchedulerEditItem.js';
 import { SchedulerResize } from '../common/SchedulerResize.js';
 import { SchedulerDrag } from '../../views/common/SchedulerDrag.js';
-var DAY_FORMAT = {
-  skeleton: 'dd'
-};
 /** @hidden */
 var MonthViewVue2 = {
   name: 'KendoMonthView',
@@ -113,8 +109,12 @@ var MonthViewVue2 = {
   created: function created() {
     this.intl = provideIntlService(this);
   },
+  mounted: function mounted() {
+    this.hasMounted = true;
+  },
   data: function data() {
     return {
+      hasMounted: false,
       currentDragItem: undefined,
       currentResizeItem: undefined
     };
@@ -396,7 +396,7 @@ var MonthViewVue2 = {
           dateHeaderCell: _this2.$props.dateHeaderCell
         })])]), h("div", {
           "class": "k-scheduler-body"
-        }, [body, items.filter(function (item) {
+        }, [body, _this2.hasMounted && items.filter(function (item) {
           return item.order === null || item.order < itemsPerSlot;
         }).sort(orderSort).map(function (item) {
           return h(EditItem, {
@@ -530,7 +530,7 @@ var MonthViewVue2 = {
         dateHeaderCell: _this2.$props.dateHeaderCell
       })])]), h("div", {
         "class": "k-scheduler-body"
-      }, [body, items.filter(function (item) {
+      }, [body, _this2.hasMounted && items.filter(function (item) {
         return item.order === null || item.order < itemsPerSlot;
       }).sort(orderSort).map(function (item) {
         return h(EditItem, {

package/dist/esm/views/time/MultiDayTimelineView.js

@@ -24,7 +24,6 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-var inject = allVue.inject;
 import { BaseView } from '../../components/BaseView.js';
 import { useCellSync, useRowSync } from '../../hooks/main.js';
 import { Day, MS_PER_DAY, MS_PER_MINUTE, getDate, ZonedDate, addDays } from '@progress/kendo-date-math';
@@ -155,6 +154,7 @@ var MultiDayTimelineViewVue2 = {
   },
   data: function data() {
     return {
+      hasMounted: false,
       currentDragItem: undefined,
       currentResizeItem: undefined
     };
@@ -229,6 +229,7 @@ var MultiDayTimelineViewVue2 = {
   mounted: function mounted() {
     this.timeRef = null;
     this.bodyRef = null;
+    this.hasMounted = true;
     useCellSync({
       element: this.$el,
       selector: '.k-resource-cell',
@@ -270,8 +271,6 @@ var MultiDayTimelineViewVue2 = {
     var _this2 = this;
     var h = gh || createElement;
     var intl = provideIntlService(this);
-    var showWorkHours = this.$props.showWorkHours;
-    var slotDivisions = this.$props.slotDivisions;
     var slotDuration = this.$props.slotDuration;
     var workDayStart = intl.parseDate(this.$props.workDayStart);
     var workDayEnd = intl.parseDate(this.$props.workDayEnd);
@@ -530,7 +529,7 @@ var MultiDayTimelineViewVue2 = {
             viewSlot: _this2.$props.viewSlot,
             currentTimeMarker: _this2.$props.currentTimeMarker
           }
-        }), items.sort(orderSort).map(function (item) {
+        }), _this2.hasMounted && items.sort(orderSort).map(function (item) {
           return h(SchedulerEditItem, {
             key: item.isRecurring ? "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index, ":").concat(item.originalStart) : "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index),
             uid: item.uid,
@@ -730,7 +729,7 @@ var MultiDayTimelineViewVue2 = {
           viewSlot: _this2.$props.viewSlot,
           currentTimeMarker: _this2.$props.currentTimeMarker
         }
-      }), items.sort(orderSort).map(function (item) {
+      }), _this2.hasMounted && items.sort(orderSort).map(function (item) {
         return h(SchedulerEditItem, {
           key: item.isRecurring ? "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index, ":").concat(item.originalStart) : "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index),
           uid: item.uid,

package/dist/npm/Scheduler.js

@@ -375,7 +375,7 @@ var SchedulerVue2 = {
         "focusout": this.handleBlur
       },
       onFocusout: this.handleBlur
-    }, [headerRender, view && h(viewComponent, __assign({
+    }, [headerRender, h(viewComponent, __assign({
       key: this.ks.view.name,
       onDataaction: this.handleDataAction,
       on: this.v3 ? undefined : {

package/dist/npm/components/header/navigation/NavigationDatePicker.js

@@ -54,6 +54,7 @@ var NavigationDatePickerVue2 = {
   },
   data: function data() {
     return {
+      hasMounted: false,
       show: false,
       focused: false,
       media: 'desktop'
@@ -64,6 +65,7 @@ var NavigationDatePickerVue2 = {
     this.calculateMedia();
     this.observer = new window.ResizeObserver(this.calculateMedia);
     this.observer.observe(this.ks.scheduler.$el);
+    this.hasMounted = true;
   },
   destroyed: !!isV3 ? undefined : function () {
     if (this.observer) {
@@ -137,7 +139,7 @@ var NavigationDatePickerVue2 = {
           anchor: _this2.buttonId,
           show: show
         }, _this2.v3 ? function () {
-          return [h(kendo_vue_dateinputs_1.Calendar, {
+          return [_this2.hasMounted && h(kendo_vue_dateinputs_1.Calendar, {
             ref: 'calendar',
             onBlur: _this2.onCalendarBlur,
             on: _this2.v3 ? undefined : {
@@ -152,7 +154,7 @@ var NavigationDatePickerVue2 = {
               value: value
             }
           })];
-        } : [h(kendo_vue_dateinputs_1.Calendar, {
+        } : [_this2.hasMounted && h(kendo_vue_dateinputs_1.Calendar, {
           ref: 'calendar',
           onBlur: _this2.onCalendarBlur,
           on: _this2.v3 ? undefined : {
@@ -177,7 +179,7 @@ var NavigationDatePickerVue2 = {
         anchor: _this2.buttonId,
         show: show
       }, _this2.v3 ? function () {
-        return [h(kendo_vue_dateinputs_1.Calendar, {
+        return [_this2.hasMounted && h(kendo_vue_dateinputs_1.Calendar, {
           ref: 'calendar',
           onBlur: _this2.onCalendarBlur,
           on: _this2.v3 ? undefined : {
@@ -192,7 +194,7 @@ var NavigationDatePickerVue2 = {
             value: value
           }
         })];
-      } : [h(kendo_vue_dateinputs_1.Calendar, {
+      } : [_this2.hasMounted && h(kendo_vue_dateinputs_1.Calendar, {
         ref: 'calendar',
         onBlur: _this2.onCalendarBlur,
         on: _this2.v3 ? undefined : {

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-scheduler',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1668069761,
+    publishDate: 1669818714,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/npm/slots/SchedulerSlot.js

@@ -125,6 +125,14 @@ var SchedulerSlotVue2 = {
       item: this
     });
   },
+  data: function data() {
+    return {
+      hasMounted: false
+    };
+  },
+  mounted: function mounted() {
+    this.hasMounted = true;
+  },
   destroyed: !!isV3 ? undefined : function () {
     this.setSlots({
       type: main_1.COLLECTION_ACTION.remove,
@@ -214,7 +222,7 @@ var SchedulerSlotVue2 = {
       "data-slot-index": this.$props.index
     }, [this.navDay && h("span", {
       "class": "k-link k-nav-day"
-    }, [this.intl.formatDate(new Date(this.end.getTime() - (this.end.getTime() - this.start.getTime()) / 2), DAY_FORMAT)]), this.itemsPerSlot < this.items.length && h(ShowMoreItemsButton_1.ShowMoreItemsButton, {
+    }, [this.intl.formatDate(new Date(this.end.getTime() - (this.end.getTime() - this.start.getTime()) / 2), DAY_FORMAT)]), this.hasMounted && this.itemsPerSlot < this.items.length && h(ShowMoreItemsButton_1.ShowMoreItemsButton, {
       onClick: this.handleShowMoreItemsClick,
       on: this.v3 ? undefined : {
         "click": this.handleShowMoreItemsClick

package/dist/npm/views/agenda/AgendaViewBody.js

@@ -9,14 +9,10 @@ var Vue = require("vue");
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-var inject = allVue.inject;
 var SchedulerEditSlot_1 = require("../../slots/SchedulerEditSlot");
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 var SchedulerEditTask_1 = require("../../tasks/SchedulerEditTask");
 var main_1 = require("../../messages/main");
-var DAY_FORMAT = {
-  skeleton: 'dd'
-};
 /**
  * @hidden
  */
@@ -44,6 +40,14 @@ var AgendaViewBodyVue2 = {
       default: null
     }
   },
+  data: function data() {
+    return {
+      hasMounted: false
+    };
+  },
+  mounted: function mounted() {
+    this.hasMounted = true;
+  },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
     var v3 = !!isV3;
@@ -61,7 +65,7 @@ var AgendaViewBodyVue2 = {
     var localization = (0, kendo_vue_intl_1.provideLocalizationService)(this);
     return h("div", {
       "class": "k-scheduler-body"
-    }, [(this.items.length || true) && this.agendaSlots.filter(function (slot) {
+    }, [this.items.length && this.agendaSlots.filter(function (slot) {
       return slot.group.index === (_this.ri.groupIndex || 0);
     }).map(function (slot, slotIndex, filtered) {
       var _this2 = this;
@@ -120,7 +124,7 @@ var AgendaViewBodyVue2 = {
         "class": "k-scheduler-agendadate"
       }, [_this2.intl.formatDate(slot.zonedStart, 'y')])])]), h("div", {
         "class": "k-scheduler-cell k-group-content"
-      }, [slot.items.length ? slot.items.map(function (item, itemIndex) {
+      }, [this.hasMounted && slot.items.length ? slot.items.map(function (item, itemIndex) {
         return h("div", {
           "class": "k-scheduler-row",
           key: itemIndex

package/dist/npm/views/common/HorizontalResourceIterator.js

@@ -42,6 +42,7 @@ var HorizontalResourceIteratorVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var h = gh || createElement;
+    var that = this;
     var _a = this.$props,
       nested = _a.nested,
       rowContentProps = _a.rowContentProps;
@@ -51,7 +52,6 @@ var HorizontalResourceIteratorVue2 = {
     var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
     var groupIndex = 0;
     var renderResources = function renderResources(args) {
-      var children = args.children;
       var deepestResources = (0, utils_1.expandResources)(args.resources, args.resources.length - 1);
       var ChildRowContent = args.childRowContent;
       var hasGroups = args.resources.length > 0;
@@ -82,8 +82,8 @@ var HorizontalResourceIteratorVue2 = {
             },
             groupIndex: hasGroups ? cGroupIndex : 0
           }, this.v3 ? function () {
-            return [defaultSlot];
-          } : [defaultSlot])
+            return [(0, kendo_vue_common_1.getDefaultSlots)(that)];
+          } : [(0, kendo_vue_common_1.getDefaultSlots)(that)])
         );
       }, this)]);
     };

package/dist/npm/views/common/VerticalResourceIterator.js

@@ -39,6 +39,7 @@ var VerticalResourceIteratorVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var h = gh || createElement;
+    var that = this;
     var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
     var _a = this.$props,
       nested = _a.nested,
@@ -175,8 +176,8 @@ var VerticalResourceIteratorVue2 = {
           resource: args.resources[args.depth],
           groupIndex: hasGroups ? args.groupIndex : 0
         }, this.v3 ? function () {
-          return [children];
-        } : [children]), renderMore.call(this, args.resources[args.depth], hasGroups ? args.groupIndex : 0)];
+          return [(0, kendo_vue_common_1.getDefaultSlots)(that)];
+        } : [(0, kendo_vue_common_1.getDefaultSlots)(that)]), renderMore.call(this, args.resources[args.depth], hasGroups ? args.groupIndex : 0)];
       }
       var dataLength = args.resources[args.depth].data.length;
       return args.resources[args.depth].data.map(function (dataItem, dataIndex) {

package/dist/npm/views/day/DayViewAllDaySlots.js

@@ -49,13 +49,13 @@ var DayViewAllDaySlotsVue2 = {
       numberOfDays = _a.numberOfDays,
       workWeekStart = _a.workWeekStart,
       workWeekEnd = _a.workWeekEnd;
+    var groupIndex = this.ri.groupIndex;
     return h("div", {
-      key: this.ri.groupIndex,
+      key: groupIndex,
       "class": "k-scheduler-row"
     }, [this.dayRanges.map(function (_, rangeIndex) {
-      var _this = this;
       return this.daySlots.filter(function (s) {
-        return s.group.index === _this.ri.groupIndex && s.range.index === rangeIndex;
+        return s.group.index === groupIndex && s.range.index === rangeIndex;
       }).map(function (slot, slotIndex, filtered) {
         return h(SchedulerEditSlot_1.SchedulerEditSlot, {
           index: slot.index,
@@ -73,7 +73,7 @@ var DayViewAllDaySlotsVue2 = {
             slotRender: this.$props.slotRender,
             viewSlot: this.$props.viewSlot,
             row: 0,
-            col: this.ks.orientation === 'horizontal' ? filtered.length * (this.ri.groupIndex || 0) + slotIndex : slotIndex,
+            col: this.ks.orientation === 'horizontal' ? filtered.length * (groupIndex || 0) + slotIndex : slotIndex,
             isWorkDay: 0 <= slot.zonedStart.getDay() + (numberOfDays - workWeekStart) && (slot.zonedStart.getDay() + (numberOfDays - workWeekStart)) % numberOfDays <= workWeekEnd + (numberOfDays - workWeekStart),
             expandable: true,
             editable: this.$props.editable
@@ -95,7 +95,7 @@ var DayViewAllDaySlotsVue2 = {
           viewSlot: this.$props.viewSlot,
           key: "".concat(slot.start.getTime(), ":").concat(slot.group.index),
           row: 0,
-          col: this.ks.orientation === 'horizontal' ? filtered.length * (this.ri.groupIndex || 0) + slotIndex : slotIndex,
+          col: this.ks.orientation === 'horizontal' ? filtered.length * (groupIndex || 0) + slotIndex : slotIndex,
           isWorkDay: 0 <= slot.zonedStart.getDay() + (numberOfDays - workWeekStart) && (slot.zonedStart.getDay() + (numberOfDays - workWeekStart)) % numberOfDays <= workWeekEnd + (numberOfDays - workWeekStart),
           expandable: true,
           editable: this.$props.editable

package/dist/npm/views/day/MultiDayView.js

@@ -271,10 +271,14 @@ var MultiDayViewVue2 = {
   },
   data: function data() {
     return {
+      hasMounted: false,
       currentDragItem: undefined,
       currentResizeItem: undefined
     };
   },
+  mounted: function mounted() {
+    this.hasMounted = true;
+  },
   created: function created() {
     this.intl = (0, kendo_vue_intl_1.provideIntlService)(this);
   },
@@ -479,7 +483,7 @@ var MultiDayViewVue2 = {
           on: _this2.v3 ? undefined : {
             "dataaction": _this2.handleDataAction
           }
-        })]), dayItems.map(function (item) {
+        })]), _this2.hasMounted && dayItems.map(function (item) {
           return h(EditItem, {
             key: item.isRecurring ? "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index, ":").concat(item.originalStart) : "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index),
             uid: item.uid,
@@ -757,7 +761,7 @@ var MultiDayViewVue2 = {
           timeSlots: timeSlots,
           dayRanges: _this2.dayRanges,
           editable: _this2.$props.editable
-        })]), dayItems.map(function (item) {
+        })]), _this2.hasMounted && dayItems.map(function (item) {
           return h(EditItem, {
             key: item.isRecurring ? "".concat(item.uid, ":").concat(item.group.index, " : ").concat(item.range.index, " : ").concat(item.originalStart) : "".concat(item.uid, ":").concat(item.group.index, " : ").concat(item.range.index),
             uid: item.uid,
@@ -831,7 +835,7 @@ var MultiDayViewVue2 = {
             editable: this.$props.editable,
             vertical: false
           });
-        }, _this2), _this2.compDragItem && _this2.compDragItem.isAllDay && dragItemClue.call(_this2, true), _this2.compResizeItem && _this2.compResizeItem.isAllDay && resizeItemClue.call(_this2, true)], timeItems.map(function (item) {
+        }, _this2), _this2.compDragItem && _this2.compDragItem.isAllDay && dragItemClue.call(_this2, true), _this2.compResizeItem && _this2.compResizeItem.isAllDay && resizeItemClue.call(_this2, true)], _this2.hasMounted && timeItems.map(function (item) {
           return h(EditItem, {
             key: item.isRecurring ? "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index, ":").concat(item.originalStart) : "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index),
             uid: item.uid,
@@ -998,7 +1002,7 @@ var MultiDayViewVue2 = {
         on: _this2.v3 ? undefined : {
           "dataaction": _this2.handleDataAction
         }
-      })]), dayItems.map(function (item) {
+      })]), _this2.hasMounted && dayItems.map(function (item) {
         return h(EditItem, {
           key: item.isRecurring ? "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index, ":").concat(item.originalStart) : "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index),
           uid: item.uid,
@@ -1269,7 +1273,7 @@ var MultiDayViewVue2 = {
         timeSlots: timeSlots,
         dayRanges: _this2.dayRanges,
         editable: _this2.$props.editable
-      })]), dayItems.map(function (item) {
+      })]), _this2.hasMounted && dayItems.map(function (item) {
         return h(EditItem, {
           key: item.isRecurring ? "".concat(item.uid, ":").concat(item.group.index, " : ").concat(item.range.index, " : ").concat(item.originalStart) : "".concat(item.uid, ":").concat(item.group.index, " : ").concat(item.range.index),
           uid: item.uid,
@@ -1343,7 +1347,7 @@ var MultiDayViewVue2 = {
           editable: this.$props.editable,
           vertical: false
         });
-      }, _this2), _this2.compDragItem && _this2.compDragItem.isAllDay && dragItemClue.call(_this2, true), _this2.compResizeItem && _this2.compResizeItem.isAllDay && resizeItemClue.call(_this2, true)], timeItems.map(function (item) {
+      }, _this2), _this2.compDragItem && _this2.compDragItem.isAllDay && dragItemClue.call(_this2, true), _this2.compResizeItem && _this2.compResizeItem.isAllDay && resizeItemClue.call(_this2, true)], _this2.hasMounted && timeItems.map(function (item) {
         return h(EditItem, {
           key: item.isRecurring ? "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index, ":").concat(item.originalStart) : "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index),
           uid: item.uid,

package/dist/npm/views/month/MonthView.js

@@ -21,7 +21,6 @@ var Vue = require("vue");
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-var inject = allVue.inject;
 var BaseView_1 = require("../../components/BaseView");
 var kendo_date_math_1 = require("@progress/kendo-date-math");
 var VerticalResourceIterator_1 = require("../common/VerticalResourceIterator");
@@ -40,9 +39,6 @@ var MonthViewBody_1 = require("./MonthViewBody");
 var SchedulerEditItem_1 = require("../../items/SchedulerEditItem");
 var SchedulerResize_1 = require("../common/SchedulerResize");
 var SchedulerDrag_1 = require("../../views/common/SchedulerDrag");
-var DAY_FORMAT = {
-  skeleton: 'dd'
-};
 /** @hidden */
 var MonthViewVue2 = {
   name: 'KendoMonthView',
@@ -119,8 +115,12 @@ var MonthViewVue2 = {
   created: function created() {
     this.intl = (0, kendo_vue_intl_1.provideIntlService)(this);
   },
+  mounted: function mounted() {
+    this.hasMounted = true;
+  },
   data: function data() {
     return {
+      hasMounted: false,
       currentDragItem: undefined,
       currentResizeItem: undefined
     };
@@ -402,7 +402,7 @@ var MonthViewVue2 = {
           dateHeaderCell: _this2.$props.dateHeaderCell
         })])]), h("div", {
           "class": "k-scheduler-body"
-        }, [body, items.filter(function (item) {
+        }, [body, _this2.hasMounted && items.filter(function (item) {
           return item.order === null || item.order < itemsPerSlot;
         }).sort(main_1.orderSort).map(function (item) {
           return h(EditItem, {
@@ -536,7 +536,7 @@ var MonthViewVue2 = {
         dateHeaderCell: _this2.$props.dateHeaderCell
       })])]), h("div", {
         "class": "k-scheduler-body"
-      }, [body, items.filter(function (item) {
+      }, [body, _this2.hasMounted && items.filter(function (item) {
         return item.order === null || item.order < itemsPerSlot;
       }).sort(main_1.orderSort).map(function (item) {
         return h(EditItem, {

package/dist/npm/views/time/MultiDayTimelineView.js

@@ -30,7 +30,6 @@ var Vue = require("vue");
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-var inject = allVue.inject;
 var BaseView_1 = require("../../components/BaseView");
 var main_1 = require("../../hooks/main");
 var kendo_date_math_1 = require("@progress/kendo-date-math");
@@ -161,6 +160,7 @@ var MultiDayTimelineViewVue2 = {
   },
   data: function data() {
     return {
+      hasMounted: false,
       currentDragItem: undefined,
       currentResizeItem: undefined
     };
@@ -235,6 +235,7 @@ var MultiDayTimelineViewVue2 = {
   mounted: function mounted() {
     this.timeRef = null;
     this.bodyRef = null;
+    this.hasMounted = true;
     (0, main_1.useCellSync)({
       element: this.$el,
       selector: '.k-resource-cell',
@@ -276,8 +277,6 @@ var MultiDayTimelineViewVue2 = {
     var _this2 = this;
     var h = gh || createElement;
     var intl = (0, kendo_vue_intl_1.provideIntlService)(this);
-    var showWorkHours = this.$props.showWorkHours;
-    var slotDivisions = this.$props.slotDivisions;
     var slotDuration = this.$props.slotDuration;
     var workDayStart = intl.parseDate(this.$props.workDayStart);
     var workDayEnd = intl.parseDate(this.$props.workDayEnd);
@@ -536,7 +535,7 @@ var MultiDayTimelineViewVue2 = {
             viewSlot: _this2.$props.viewSlot,
             currentTimeMarker: _this2.$props.currentTimeMarker
           }
-        }), items.sort(main_2.orderSort).map(function (item) {
+        }), _this2.hasMounted && items.sort(main_2.orderSort).map(function (item) {
           return h(SchedulerEditItem_1.SchedulerEditItem, {
             key: item.isRecurring ? "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index, ":").concat(item.originalStart) : "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index),
             uid: item.uid,
@@ -736,7 +735,7 @@ var MultiDayTimelineViewVue2 = {
           viewSlot: _this2.$props.viewSlot,
           currentTimeMarker: _this2.$props.currentTimeMarker
         }
-      }), items.sort(main_2.orderSort).map(function (item) {
+      }), _this2.hasMounted && items.sort(main_2.orderSort).map(function (item) {
         return h(SchedulerEditItem_1.SchedulerEditItem, {
           key: item.isRecurring ? "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index, ":").concat(item.originalStart) : "".concat(item.uid, ":").concat(item.group.index, ":").concat(item.range.index),
           uid: item.uid,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-scheduler",
   "description": "Kendo UI for Vue Scheduler package",
-  "version": "3.7.4-dev.202211100847",
+  "version": "3.7.4-dev.202211301436",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -49,7 +49,7 @@
     "@progress/kendo-data-query": "^1.5.1",
     "@progress/kendo-draggable": "^3.0.1",
     "@progress/kendo-recurrence": "^1.0.1",
-    "@progress/kendo-vue-common": "3.7.4-dev.202211100847"
+    "@progress/kendo-vue-common": "3.7.4-dev.202211301436"
   },
   "@progress": {
     "friendlyName": "Scheduler",
@@ -64,16 +64,16 @@
     "@progress/kendo-date-math": "^1.4.1",
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.0.1",
-    "@progress/kendo-vue-buttons": "3.7.4-dev.202211100847",
-    "@progress/kendo-vue-dateinputs": "3.7.4-dev.202211100847",
-    "@progress/kendo-vue-dialogs": "3.7.4-dev.202211100847",
-    "@progress/kendo-vue-dropdowns": "3.7.4-dev.202211100847",
-    "@progress/kendo-vue-form": "3.7.4-dev.202211100847",
-    "@progress/kendo-vue-inputs": "3.7.4-dev.202211100847",
-    "@progress/kendo-vue-intl": "3.7.4-dev.202211100847",
-    "@progress/kendo-vue-labels": "3.7.4-dev.202211100847",
-    "@progress/kendo-vue-popup": "3.7.4-dev.202211100847",
-    "@progress/kendo-vue-progressbars": "3.7.4-dev.202211100847",
+    "@progress/kendo-vue-buttons": "3.7.4-dev.202211301436",
+    "@progress/kendo-vue-dateinputs": "3.7.4-dev.202211301436",
+    "@progress/kendo-vue-dialogs": "3.7.4-dev.202211301436",
+    "@progress/kendo-vue-dropdowns": "3.7.4-dev.202211301436",
+    "@progress/kendo-vue-form": "3.7.4-dev.202211301436",
+    "@progress/kendo-vue-inputs": "3.7.4-dev.202211301436",
+    "@progress/kendo-vue-intl": "3.7.4-dev.202211301436",
+    "@progress/kendo-vue-labels": "3.7.4-dev.202211301436",
+    "@progress/kendo-vue-popup": "3.7.4-dev.202211301436",
+    "@progress/kendo-vue-progressbars": "3.7.4-dev.202211301436",
     "cldr-core": "^41.0.0",
     "cldr-dates-full": "^41.0.0",
     "cldr-numbers-full": "^41.0.0"