@progress/kendo-vue-scheduler 3.8.3 → 3.8.4-dev.202302151437

package/dist/es/views/month/MonthViewBody.js

@@ -3,6 +3,7 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
+import { COLLECTION_ACTION } from '../../utils/main';
 import { SchedulerEditSlot } from '../../slots/SchedulerEditSlot';
 import { provideIntlService } from '@progress/kendo-vue-intl';
 /** @hidden */
@@ -31,10 +32,56 @@ var MonthViewBodyVue2 = {
     setActiveViewName: {
       default: null
     },
+    setSlots: {
+      default: null
+    },
     kendoIntlService: {
       default: null
     }
   },
+  provide: function provide() {
+    return {
+      ksSlots: this.ksSlots
+    };
+  },
+  data: function data() {
+    var _this = this;
+    var groupIndex = this.groupIndex !== undefined ? this.groupIndex : this.ri.groupIndex;
+    return {
+      ksSlots: {
+        cSlots: this.monthSlots.filter(function (slot) {
+          return slot.group.index === groupIndex && slot.range.index === _this.rangeIndex;
+        })
+      }
+    };
+  },
+  watch: {
+    currentCellSlots: function currentCellSlots(newValue) {
+      this.ksSlots.cSlots = newValue;
+    }
+  },
+  computed: {
+    currentCellSlots: function currentCellSlots() {
+      var _this = this;
+      var groupIndex = this.groupIndex !== undefined ? this.groupIndex : this.ri.groupIndex;
+      return this.monthSlots.filter(function (slot) {
+        return slot.group.index === groupIndex && slot.range.index === _this.rangeIndex;
+      });
+    }
+  },
+  destroyed: !!isV3 ? undefined : function () {
+    this.setSlots({
+      type: COLLECTION_ACTION.remove,
+      item: this
+    });
+  },
+  // @ts-ignore
+  unmounted: function unmounted() {
+    this.setSlots({
+      type: COLLECTION_ACTION.remove,
+      item: this
+    });
+  },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
     var v3 = !!isV3;
@@ -44,7 +91,6 @@ var MonthViewBodyVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _this = this;
     var h = gh || createElement;
     this.intl = provideIntlService(this);
     var EditSlot = this.$props.editSlot || SchedulerEditSlot;
@@ -53,9 +99,7 @@ var MonthViewBodyVue2 = {
     return h("div", {
       "class": "k-scheduler-row",
       key: this.rangeIndex
-    }, [this.monthSlots.filter(function (slot) {
-      return slot.group.index === groupIndex && slot.range.index === _this.rangeIndex;
-    }).map(function (slot, slotIndex, filtered) {
+    }, [this.currentCellSlots.map(function (slot, slotIndex, filtered) {
       return (
         // @ts-ignore  function children
         h(EditSlot, {
@@ -64,15 +108,7 @@ var MonthViewBodyVue2 = {
             slotRender: this.$props.slotRender,
             viewSlot: that.$props.viewSlot,
             form: that.$props.form,
-            index: slot.index,
-            start: slot.start,
-            end: slot.end,
-            zonedStart: slot.zonedStart,
-            zonedEnd: slot.zonedEnd,
-            items: slot.items,
-            group: slot.group,
-            range: slot.range,
-            isAllDay: slot.isAllDay,
+            index: slotIndex,
             navDay: true,
             itemsPerSlot: that.itemsPerSlot,
             expandable: {
@@ -84,17 +120,8 @@ var MonthViewBodyVue2 = {
             editable: that.$props.editable
           },
           viewSlot: that.$props.viewSlot,
-          key: slotIndex,
           form: that.$props.form,
-          index: slot.index,
-          start: slot.start,
-          end: slot.end,
-          zonedStart: slot.zonedStart,
-          zonedEnd: slot.zonedEnd,
-          items: slot.items,
-          group: slot.group,
-          range: slot.range,
-          isAllDay: slot.isAllDay,
+          index: slotIndex,
           navDay: true,
           itemsPerSlot: that.itemsPerSlot,
           expandable: {

package/dist/es/views/month/MonthViewHead.js

@@ -21,6 +21,34 @@ var MonthViewHeadVue2 = {
       default: null
     }
   },
+  provide: function provide() {
+    return {
+      ksSlots: this.ksSlots
+    };
+  },
+  data: function data() {
+    var _this = this;
+    return {
+      ksSlots: {
+        cSlots: this.monthSlots.filter(function (slot) {
+          return slot.group.index === _this.ri.groupIndex && slot.range.index === 0;
+        })
+      }
+    };
+  },
+  watch: {
+    currentCellSlots: function currentCellSlots(newValue) {
+      this.ksSlots.cSlots = newValue;
+    }
+  },
+  computed: {
+    currentCellSlots: function currentCellSlots() {
+      var _this = this;
+      return this.monthSlots.filter(function (slot) {
+        return slot.group.index === _this.ri.groupIndex && slot.range.index === 0;
+      });
+    }
+  },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
     var v3 = !!isV3;
@@ -30,14 +58,11 @@ var MonthViewHeadVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _this = this;
     var h = gh || createElement;
     return h("div", {
       "class": "k-scheduler-row",
       key: this.ri.groupIndex
-    }, [this.monthSlots.filter(function (slot) {
-      return slot.group.index === _this.ri.groupIndex && slot.range.index === 0;
-    }).map(function (slot, slotIndex) {
+    }, [this.currentCellSlots.map(function (slot, slotIndex) {
       return (
         // @ts-ignore  function children
         h(DateHeaderCell, {

package/dist/es/views/time/TimelineViewBody.js

@@ -3,7 +3,7 @@ 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 { COLLECTION_ACTION } from '../../utils/main';
 import { SchedulerEditSlot } from '../../slots/SchedulerEditSlot';
 import { isInTimeRange, intersects, first, last } from '../../utils/main';
 import { CurrentTimeMarker } from '../../components/CurrentTimeMarker';
@@ -30,8 +30,50 @@ var TimelineViewBodyVue2 = {
     },
     ks: {
       default: null
+    },
+    setSlots: {
+      default: null
     }
   },
+  provide: function provide() {
+    return {
+      ksSlots: this.ksSlots
+    };
+  },
+  data: function data() {
+    var timelineSlots = this.timelineSlots;
+    var groupIndex = this.groupIndex !== undefined ? this.groupIndex : this.ri.groupIndex;
+    return {
+      ksSlots: {
+        cSlots: this.calculateRanges(timelineSlots, groupIndex, this.ranges)
+      }
+    };
+  },
+  watch: {
+    currentCellSlots: function currentCellSlots(newValue) {
+      this.ksSlots.cSlots = newValue;
+    }
+  },
+  computed: {
+    currentCellSlots: function currentCellSlots() {
+      var timelineSlots = this.timelineSlots;
+      var groupIndex = this.groupIndex !== undefined ? this.groupIndex : this.ri.groupIndex;
+      return this.calculateRanges(timelineSlots, groupIndex, this.ranges);
+    }
+  },
+  destroyed: !!isV3 ? undefined : function () {
+    this.setSlots({
+      type: COLLECTION_ACTION.remove,
+      item: this
+    });
+  },
+  // @ts-ignore
+  unmounted: function unmounted() {
+    this.setSlots({
+      type: COLLECTION_ACTION.remove,
+      item: this
+    });
+  },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
     var v3 = !!isV3;
@@ -49,54 +91,33 @@ var TimelineViewBodyVue2 = {
     var editable = this.$props.editable;
     return h("div", {
       "class": "k-scheduler-row"
-    }, [this.ranges.map(function (_, rangeIndex) {
-      return this.timelineSlots.filter(function (s) {
-        return s.group.index === groupIndex && s.range.index === rangeIndex;
-      }).map(function (slot, slotIndex, filtered) {
-        return h(SchedulerEditSlot, {
-          key: "".concat(slot.start.getTime(), ":").concat(slot.group.index),
+    }, [this.currentCellSlots.map(function (cSlot, slotIndex, filtered) {
+      return h(SchedulerEditSlot, {
+        slotRender: that.$props.slotRender,
+        attrs: this.v3 ? undefined : {
           slotRender: that.$props.slotRender,
-          attrs: this.v3 ? undefined : {
-            slotRender: that.$props.slotRender,
-            viewSlot: that.$props.viewSlot,
-            index: slot.index,
-            start: slot.start,
-            end: slot.end,
-            zonedStart: slot.zonedStart,
-            zonedEnd: slot.zonedEnd,
-            items: slot.items,
-            group: slot.group,
-            range: slot.range,
-            isAllDay: slot.isAllDay,
-            form: that.$props.form,
-            isWorkHour: isInTimeRange(slot.zonedStart, that.workDayStart, that.workDayEnd),
-            col: orientation === 'horizontal' ? rangeIndex * filtered.length + slotIndex + filtered.length * ranges.length * (groupIndex || 0) : rangeIndex * filtered.length + slotIndex,
-            row: orientation === 'horizontal' ? 0 : groupIndex || 0,
-            expandable: true,
-            editable: editable
-          },
           viewSlot: that.$props.viewSlot,
-          index: slot.index,
-          start: slot.start,
-          end: slot.end,
-          zonedStart: slot.zonedStart,
-          zonedEnd: slot.zonedEnd,
-          items: slot.items,
-          group: slot.group,
-          range: slot.range,
-          isAllDay: slot.isAllDay,
+          index: slotIndex,
           form: that.$props.form,
-          onDataaction: that.handleDataAction,
-          on: this.v3 ? undefined : {
-            "dataaction": that.handleDataAction
-          },
-          isWorkHour: isInTimeRange(slot.zonedStart, that.workDayStart, that.workDayEnd),
-          col: orientation === 'horizontal' ? rangeIndex * filtered.length + slotIndex + filtered.length * ranges.length * (groupIndex || 0) : rangeIndex * filtered.length + slotIndex,
+          isWorkHour: isInTimeRange(cSlot.zonedStart, that.workDayStart, that.workDayEnd),
+          col: orientation === 'horizontal' ? cSlot.range.index * filtered.length + slotIndex + filtered.length * ranges.length * (groupIndex || 0) : cSlot.range.index * filtered.length + slotIndex,
           row: orientation === 'horizontal' ? 0 : groupIndex || 0,
           expandable: true,
           editable: editable
-        });
-      }, true);
+        },
+        viewSlot: that.$props.viewSlot,
+        index: slotIndex,
+        form: that.$props.form,
+        onDataaction: that.handleDataAction,
+        on: this.v3 ? undefined : {
+          "dataaction": that.handleDataAction
+        },
+        isWorkHour: isInTimeRange(cSlot.zonedStart, that.workDayStart, that.workDayEnd),
+        col: orientation === 'horizontal' ? cSlot.range.index * filtered.length + slotIndex + filtered.length * ranges.length * (groupIndex || 0) : cSlot.range.index * filtered.length + slotIndex,
+        row: orientation === 'horizontal' ? 0 : groupIndex || 0,
+        expandable: true,
+        editable: editable
+      });
     }, this), this.$props.currentTimeMarker && intersects(first(ranges).start, last(ranges).end, new Date(), new Date(), true) && h(CurrentTimeMarker, {
       groupIndex: groupIndex,
       attrs: this.v3 ? undefined : {
@@ -109,6 +130,13 @@ var TimelineViewBodyVue2 = {
   methods: {
     handleDataAction: function handleDataAction(action) {
       this.$emit('dataaction', action);
+    },
+    calculateRanges: function calculateRanges(timelineSlots, groupIndex, ranges) {
+      return ranges.map(function (_, rangeIndex) {
+        return timelineSlots.filter(function (s) {
+          return s.group.index === groupIndex && s.range.index === rangeIndex;
+        });
+      }).flat();
     }
   }
 };

package/dist/esm/components/BaseView.js

@@ -127,8 +127,7 @@ var BaseViewVue2 = {
           this.bv.slots.push(action.item);
           break;
         case COLLECTION_ACTION.remove:
-          var index = this.bv.slots.indexOf(action.item);
-          this.bv.slots.splice(index, 1);
+          this.bv.slots = [];
           break;
         default:
           break;

package/dist/esm/components/CurrentTimeMarker.js

@@ -114,8 +114,9 @@ var CurrentTimeMarkerVue2 = {
       if (!this.bv.slots) {
         return;
       }
+      var groupIndex = this.$props.groupIndex;
       var sameTimeSlots = this.bv.slots.filter(function (s) {
-        return (_this.$props.groupIndex === undefined || _this.$props.groupIndex === null || s.group.index === _this.$props.groupIndex) && (_this.$props.vertical ? intersects(new Date(), new Date(), s.start, s.end, true) : isInTimeRange(new Date(), s.start, s.end)) && !s.isAllDay;
+        return (groupIndex === undefined || groupIndex === null || s.cSlot.group.index === groupIndex) && (_this.$props.vertical ? intersects(new Date(), new Date(), s.cSlot.start, s.cSlot.end, true) : isInTimeRange(new Date(), s.cSlot.start, s.cSlot.end)) && !s.isAllDay;
       });
       if (sameTimeSlots && sameTimeSlots.length && this.line) {
         var firstSlot = first(sameTimeSlots);
@@ -125,8 +126,8 @@ var CurrentTimeMarkerVue2 = {
         var size = this.$props.vertical ? combineHeights(sameTimeSlots) : combineWidths(sameTimeSlots);
         var rect = getRect(firstSlot.$el);
         var arrowRect = getRect(this.arrowRef);
-        var pxPerMillisecond = (this.$props.vertical ? rect.width : rect.height) / (firstSlot.end.getTime() - firstSlot.start.getTime());
-        var offset = (Date.now() - setTime(new Date(), firstSlot.start).getTime()) * pxPerMillisecond;
+        var pxPerMillisecond = (this.$props.vertical ? rect.width : rect.height) / (firstSlot.cSlot.end.getTime() - firstSlot.cSlot.start.getTime());
+        var offset = (Date.now() - setTime(new Date(), firstSlot.cSlot.start).getTime()) * pxPerMillisecond;
         var rtl = this.$props.dir === 'rtl';
         var top_1 = this.$props.vertical ? rect.top : rect.top + offset - arrowRect.height / 2;
         var horizontalDimension = rtl ? 'right' : 'left';

package/dist/esm/components/CurrentTimeMarkerArrow.js

@@ -92,8 +92,9 @@ var CurrentTimeMarkerArrowVue2 = {
       if (!this.bv.slots) {
         return;
       }
+      var groupIndex = this.$props.groupIndex;
       var sameTimeSlots = this.bv.slots.filter(function (s) {
-        return (_this.$props.groupIndex === undefined || _this.$props.groupIndex === null || s.group.index === _this.$props.groupIndex) && (_this.$props.vertical ? intersects(new Date(), new Date(), s.start, s.end, true) : isInTimeRange(new Date(), s.start, s.end)) && !s.isAllDay;
+        return (groupIndex === undefined || groupIndex === null || s.cSlot.group.index === groupIndex) && (_this.$props.vertical ? intersects(new Date(), new Date(), s.cSlot.start, s.cSlot.end, true) : isInTimeRange(new Date(), s.cSlot.start, s.cSlot.end)) && !s.isAllDay;
       });
       if (sameTimeSlots && sameTimeSlots.length && this.$el) {
         var firstSlot = first(sameTimeSlots);
@@ -102,8 +103,8 @@ var CurrentTimeMarkerArrowVue2 = {
         }
         var rect = getRect(firstSlot.$el);
         var arrowRect = getRect(this.arrowRef);
-        var pxPerMillisecond = (this.$props.vertical ? rect.width : rect.height) / (firstSlot.end.getTime() - firstSlot.start.getTime());
-        var offset = (Date.now() - setTime(new Date(), firstSlot.start).getTime()) * pxPerMillisecond;
+        var pxPerMillisecond = (this.$props.vertical ? rect.width : rect.height) / (firstSlot.cSlot.end.getTime() - firstSlot.cSlot.start.getTime());
+        var offset = (Date.now() - setTime(new Date(), firstSlot.cSlot.start).getTime()) * pxPerMillisecond;
         var rtl = this.$props.dir === 'rtl';
         var top_1 = this.$props.vertical ? rect.top : rect.top + offset - arrowRect.height / 2;
         var horizontalDimension = rtl ? 'right' : 'left';

package/dist/esm/hooks/useSlotExpand.js

@@ -21,13 +21,12 @@ export var useSlotExpand = function useSlotExpand(slot, _scheduler, config) {
       return;
     }
     var element = slot.$el;
-    var props = slot.$props;
     if (!element || !slot.bv.items.length) {
       return;
     }
     var slotPadding = getPadding(element);
     var highest = 0;
-    var existing = props.items.filter(function (i) {
+    var existing = slot.cSlot.items.filter(function (i) {
       return i.refTo;
     });
     existing.forEach(function (item) {

package/dist/esm/items/SchedulerEditItem.js

@@ -956,7 +956,7 @@ var SchedulerEditItemVue2 = {
           }];
         case Keys.up:
           nextSlot = this.bv.slots.find(function (s) {
-            return compareSlots(s, props.slots[0]);
+            return compareSlots(s.cSlot, props.slots[0]);
           });
           return [Boolean(props.slots.length && nextSlot) && {
             type: SLOTS_FOCUS_ACTION.up,
@@ -964,7 +964,7 @@ var SchedulerEditItemVue2 = {
           }];
         case Keys.right:
           nextSlot = this.bv.slots.find(function (s) {
-            return compareSlots(s, props.slots[0]);
+            return compareSlots(s.cSlot, props.slots[0]);
           });
           return [Boolean(props.slots.length && nextSlot) && {
             type: SLOTS_FOCUS_ACTION.right,
@@ -972,7 +972,7 @@ var SchedulerEditItemVue2 = {
           }];
         case Keys.down:
           nextSlot = this.bv.slots.find(function (s) {
-            return compareSlots(s, props.slots[props.slots.length - 1]);
+            return compareSlots(s.cSlot, props.slots[props.slots.length - 1]);
           });
           return [Boolean(props.slots.length && nextSlot) && {
             type: SLOTS_FOCUS_ACTION.down,
@@ -980,7 +980,7 @@ var SchedulerEditItemVue2 = {
           }];
         case Keys.left:
           nextSlot = this.bv.slots.find(function (s) {
-            return compareSlots(s, props.slots[0]);
+            return compareSlots(s.cSlot.cSlot, props.slots[0]);
           });
           return [Boolean(props.slots.length && nextSlot) && {
             type: SLOTS_FOCUS_ACTION.left,

package/dist/esm/items/SchedulerViewItem.js

@@ -193,7 +193,10 @@ var SchedulerViewItemVue2 = {
         id: this.id,
         tabIndex: this.tabIndex,
         className: this.className,
-        itemStyle: this.itemStyle,
+        itemStyle: __assign({
+          visibility: this.visible ? undefined : 'hidden',
+          display: this.display ? undefined : 'none'
+        }, this.$props.itemStyle),
         editable: this.editable,
         selected: this.selected,
         vertical: this.vertical,
@@ -208,6 +211,7 @@ var SchedulerViewItemVue2 = {
         resizeItem: this.resizeItem,
         removeItem: this.removeItem,
         maxSiblingsPerSlot: this.maxSiblingsPerSlot
+        // Keyboard
       },
       item: this.item,
       uid: this.uid,
@@ -237,7 +241,10 @@ var SchedulerViewItemVue2 = {
       id: this.id,
       tabIndex: this.tabIndex,
       className: this.className,
-      itemStyle: this.itemStyle,
+      itemStyle: __assign({
+        visibility: this.visible ? undefined : 'hidden',
+        display: this.display ? undefined : 'none'
+      }, this.$props.itemStyle),
       editable: this.editable,
       selected: this.selected,
       vertical: this.vertical,
@@ -252,12 +259,6 @@ var SchedulerViewItemVue2 = {
       resizeItem: this.resizeItem,
       removeItem: this.removeItem,
       maxSiblingsPerSlot: this.maxSiblingsPerSlot,
-      style: __assign({
-        visibility: this.visible ? undefined : 'hidden',
-        display: this.display ? undefined : 'none'
-      }, this.$props.itemStyle)
-      // Keyboard
-      ,
       onKeydown: this.handleKeyDown,
       on: this.v3 ? undefined : {
         "keydown": this.handleKeyDown,
@@ -452,7 +453,7 @@ var SchedulerViewItemVue2 = {
       var most = 1;
       slots.forEach(function (slot) {
         var itemsInSlot = items.filter(function (i) {
-          return _this.inSlot(slot.$props, i.$props);
+          return _this.inSlot(slot.cSlot, i.$props);
         });
         if (itemsInSlot.length > most) {
           most = itemsInSlot.length;
@@ -464,7 +465,7 @@ var SchedulerViewItemVue2 = {
       var _this = this;
       var siblings = slots.map(function (slot) {
         return items.filter(function (i) {
-          return _this.inSlot(slot.$props, i.$props);
+          return _this.inSlot(slot.cSlot, i.$props);
         });
       });
       return siblings;
@@ -478,15 +479,15 @@ var SchedulerViewItemVue2 = {
         return;
       }
       var slots = (this.bv.slots || []).filter(function (slot) {
-        return slot && _this.inSlot(slot.$props, _this.$props);
+        return slot && _this.inSlot(slot.cSlot, _this.$props);
       });
       if (slots.length === 0) {
         this.display = false;
         return;
       }
       var firstSlot = first(slots.sort(function (a, b) {
-        if (a.$props.start && b.$props.start) {
-          return a.$props.start.getTime() - b.$props.start.getTime();
+        if (a.cSlot.start && b.start) {
+          return a.cSlot.start.getTime() - b.cSlot.start.getTime();
         }
         return true;
       }));
@@ -502,7 +503,7 @@ var SchedulerViewItemVue2 = {
         return;
       }
       var slots = (this.bv.slots || []).filter(function (slot) {
-        return slot && _this.inSlot(slot.$props, _this.$props);
+        return slot && _this.inSlot(slot.cSlot, _this.$props);
       });
       var items = [];
       var dragItems = [];

package/dist/esm/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-scheduler',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1675168959,
+    publishDate: 1676471569,
     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/esm/slots/SchedulerEditSlot.js

@@ -80,6 +80,9 @@ var SchedulerEditSlotVue2 = {
     },
     dispatchSelectedSlots: {
       default: null
+    },
+    ksSlots: {
+      default: {}
     }
   },
   data: function data() {
@@ -88,9 +91,12 @@ var SchedulerEditSlotVue2 = {
     };
   },
   computed: {
+    cSlot: function cSlot() {
+      return this.ksSlots.cSlots ? this.ksSlots.cSlots[this.index] : {};
+    },
     currentTabIndex: function currentTabIndex() {
-      var isFirst = this.bv.slots.length && compareSlots(this.bv.slots[0], this);
-      return this.$props.tabIndex !== undefined ? this.$props.tabIndex === null ? undefined : this.$props.tabIndex : this.bv.selectedSlots.length === 0 ? isFirst && this.items.length === 0 ? 0 : undefined : undefined;
+      var isFirst = this.bv.slots.length && compareSlots(this.bv.slots[0].cSlot, this.cSlot);
+      return this.$props.tabIndex !== undefined ? this.$props.tabIndex === null ? undefined : this.$props.tabIndex : this.bv.selectedSlots.length === 0 ? isFirst && this.cSlot.items.length === 0 ? 0 : undefined : undefined;
     },
     computedEditable: function computedEditable() {
       return useEditable(this.$props.editable);
@@ -132,7 +138,7 @@ var SchedulerEditSlotVue2 = {
       navDay = _a.navDay,
       itemsPerSlot = _a.itemsPerSlot;
     var selected = this.bv.selectedSlots.some(function (s) {
-      return compareSlots(s, _this);
+      return compareSlots(s.cSlot, _this.cSlot);
     });
     var editSlotRender;
     var editSlotRenderDefaultRendering =
@@ -222,14 +228,14 @@ var SchedulerEditSlotVue2 = {
     },
     createDataItemFromSlot: function createDataItemFromSlot() {
       var dataItem = {};
-      setField(dataItem, this.ks.fields.start, new Date(this.$props.start.getTime()));
-      setField(dataItem, this.ks.fields.end, new Date(this.$props.end.getTime()));
-      setField(dataItem, this.ks.fields.isAllDay, this.$props.isAllDay);
-      if (this.$props.group.resources.length) {
-        for (var idx = 0; idx < this.$props.group.resources.length; idx++) {
-          var resource = this.$props.group.resources[idx];
-          if (isGroupped(this.$props.group.resources)) {
-            var value = getField(this.$props.group.resources[idx], resource.valueField);
+      setField(dataItem, this.ks.fields.start, new Date(this.cSlot.start.getTime()));
+      setField(dataItem, this.ks.fields.end, new Date(this.cSlot.end.getTime()));
+      setField(dataItem, this.ks.fields.isAllDay, this.cSlot.isAllDay);
+      if (this.cSlot.group.resources.length) {
+        for (var idx = 0; idx < this.cSlot.group.resources.length; idx++) {
+          var resource = this.cSlot.group.resources[idx];
+          if (isGroupped(this.cSlot.group.resources)) {
+            var value = getField(this.cSlot.group.resources[idx], resource.valueField);
             setField(dataItem, resource.field, resource.multiple ? [value] : value);
           } else {
             setField(dataItem, resource.field, resource.multiple ? [] : undefined);