@progress/kendo-vue-scheduler 3.3.1-dev.202205110620 → 3.3.2

package/dist/npm/models/SchedulerView.d.ts

@@ -69,6 +69,14 @@ export interface SchedulerViewProps {
     workWeekEnd?: Day;
     /** @hidden */
     format?: string;
+    /**
+     * Overrides the `dragItem` prop of the Scheduler for the specified view only.
+     */
+    dragItem?: any;
+    /**
+     * Overrides the `resizeItem` prop of the Scheduler for the specified view only.
+     */
+    resizeItem?: any;
 }
 /**
  * Represents a single Scheduler view.

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: 1652249753,
+    publishDate: 1653315548,
     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/views/agenda/AgendaView.js

@@ -1,5 +1,21 @@
 "use strict";
 
+var __assign = undefined && undefined.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -181,12 +197,12 @@ var AgendaViewVue2 = {
         id: this.$props.id,
         attrs: this.v3 ? undefined : {
           id: this.$props.id,
-          props: this.$props,
+          viewProps: __assign({}, this.$props),
           baseSlots: this.items,
           ranges: this.ranges
         },
         "class": 'k-scheduler-agendaview',
-        props: this.$props,
+        viewProps: __assign({}, this.$props),
         baseSlots: this.items,
         ranges: this.ranges
       }, this.v3 ? function () {

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

@@ -102,6 +102,7 @@ var DayViewVue2 = {
     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: {
@@ -139,7 +140,7 @@ var DayViewVue2 = {
         selectedDateFormat: this.$props.selectedDateFormat,
         selectedShortDateFormat: this.$props.selectedShortDateFormat,
         showWorkHours: this.$props.showWorkHours,
-        title: this.$props.title,
+        title: title,
         currentTimeMarker: this.$props.currentTimeMarker,
         startTime: this.$props.startTime,
         endTime: this.$props.endTime,
@@ -152,6 +153,7 @@ var DayViewVue2 = {
         dateHeaderCell: this.$props.dateHeaderCell,
         slotRender: this.$props.slotRender,
         viewSlot: this.$props.viewSlot,
+        resizeHint: this.$props.resizeHint,
         item: this.$props.item,
         viewItem: this.$props.viewItem,
         slotItem: this.$props.slotItem,
@@ -165,7 +167,7 @@ var DayViewVue2 = {
       selectedDateFormat: this.$props.selectedDateFormat,
       selectedShortDateFormat: this.$props.selectedShortDateFormat,
       showWorkHours: this.$props.showWorkHours,
-      title: this.$props.title,
+      title: title,
       currentTimeMarker: this.$props.currentTimeMarker,
       startTime: this.$props.startTime,
       endTime: this.$props.endTime,
@@ -178,6 +180,7 @@ var DayViewVue2 = {
       dateHeaderCell: this.$props.dateHeaderCell,
       slotRender: this.$props.slotRender,
       viewSlot: this.$props.viewSlot,
+      resizeHint: this.$props.resizeHint,
       item: this.$props.item,
       viewItem: this.$props.viewItem,
       slotItem: this.$props.slotItem,

package/dist/npm/views/day/MultiDayView.d.ts

@@ -130,6 +130,10 @@ export interface MultiDayViewProps extends SchedulerViewProps {
      * Overrides the `editSlot` prop of the Scheduler for the specified view only.
      */
     editSlot?: any;
+    /**
+     * Overrides the `resizeHint` of the event.
+     */
+    resizeHint?: any;
     form?: any;
     /**
      * If set to `false` the "current time" marker of the scheduler would not be displayed.

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

@@ -182,6 +182,7 @@ var MultiDayViewVue2 = {
     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: {
@@ -406,11 +407,11 @@ var MultiDayViewVue2 = {
         id: this.$props.id,
         attrs: this.v3 ? undefined : {
           id: this.$props.id,
-          props: this.$props,
+          viewProps: __assign({}, this.$props),
           ranges: __spreadArrays(this.dayRanges, this.timeRanges),
           baseSlots: __spreadArrays(daySlots, timeSlots)
         },
-        props: this.$props,
+        viewProps: __assign({}, this.$props),
         "class": 'k-scheduler-day-view',
         ranges: __spreadArrays(this.dayRanges, this.timeRanges),
         baseSlots: __spreadArrays(daySlots, timeSlots)

package/dist/npm/views/month/MonthView.d.ts

@@ -58,6 +58,10 @@ export interface MonthViewProps extends SchedulerViewProps {
      * Overrides the `viewSlot` prop of the Scheduler for the specified view only.
      */
     viewSlot?: any;
+    /**
+     * Overrides the `resizeHint` of the event.
+     */
+    resizeHint?: any;
     /**
      * Overrides the `editSlot` prop of the Scheduler for the specified view only.
      */

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

@@ -59,6 +59,10 @@ 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'
 }; // tslint:enable:max-line-length
@@ -92,6 +96,18 @@ var MonthViewVue2 = {
       type: Number,
       default: 31
     },
+    dragItem: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
+    resizeItem: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
     title: String,
     selectedDateFormat: {
       type: String,
@@ -104,6 +120,7 @@ var MonthViewVue2 = {
     dateHeaderCell: [String, Function, Object],
     slotRender: [String, Function, Object],
     viewSlot: [String, Function, Object],
+    resizeHint: [String, Function, Object],
     item: [String, Function, Object],
     viewItem: [String, Function, Object],
     editable: {
@@ -125,6 +142,12 @@ var MonthViewVue2 = {
   created: function created() {
     this.intl = kendo_vue_intl_1.provideIntlService(this);
   },
+  data: function data() {
+    return {
+      currentDragItem: undefined,
+      currentResizeItem: undefined
+    };
+  },
   computed: {
     ranges: function ranges() {
       return rangeService_1.toRanges(this.ks.dateRange, {
@@ -157,6 +180,12 @@ var MonthViewVue2 = {
       utils_1.mapItemsToSlots(items, this.monthSlots, true);
       utils_1.mapSlotsToItems(items, this.monthSlots, true);
       return items;
+    },
+    compDragItem: function compDragItem() {
+      return this.dragItem !== undefined ? this.dragItem : this.currentDragItem;
+    },
+    compResizeItem: function compResizeItem() {
+      return this.resizeItem !== undefined ? this.resizeItem : this.currentResizeItem;
     }
   },
   // @ts-ignore
@@ -170,18 +199,80 @@ var MonthViewVue2 = {
   render: function render(createElement) {
     var _this2 = this;
 
-    var h = gh || createElement; // const {
-    //     group,
-    //     timezone,
-    //     resources: propResources
-    // } = useSchedulerPropsContext();
-
+    var h = gh || createElement;
     this.localization = kendo_vue_intl_1.provideLocalizationService(this);
     var title = this.localization.toLanguageString(messages_1.monthViewTitle, messages_1.messages[messages_1.monthViewTitle]);
     var EditItem = this.$props.editItem || SchedulerEditItem_1.SchedulerEditItem;
     var EditSlot = this.$props.editSlot || SchedulerEditSlot_1.SchedulerEditSlot;
     var items = this.items;
     var monthSlots = this.monthSlots;
+
+    var dragItemClue = function dragItemClue(vertical) {
+      return this.compDragItem && this.$props.editable.drag && (Array.isArray(this.compDragItem) ? this.compDragItem.map(function (di, idx) {
+        return h(SchedulerDrag_1.SchedulerDrag, {
+          key: idx,
+          ignoreIsAllDay: true,
+          attrs: this.v3 ? undefined : {
+            ignoreIsAllDay: true,
+            dataItem: di,
+            vertical: vertical,
+            item: this.$props.dataItem
+          },
+          dataItem: di,
+          vertical: vertical,
+          item: this.$props.dataItem
+        });
+      }, this) : h(SchedulerDrag_1.SchedulerDrag, {
+        ignoreIsAllDay: true,
+        attrs: this.v3 ? undefined : {
+          ignoreIsAllDay: true,
+          dataItem: this.compDragItem,
+          vertical: vertical,
+          item: this.$props.dataItem
+        },
+        dataItem: this.compDragItem,
+        vertical: vertical,
+        item: this.$props.dataItem
+      }));
+    };
+
+    var resizeItemClue = function resizeItemClue(vertical) {
+      return this.compResizeItem && this.editable.resize && (Array.isArray(this.compResizeItem) ? this.compResizeItem.map(function (ri, idx) {
+        return h(SchedulerResize_1.SchedulerResize, {
+          key: idx,
+          format: this.$props.format,
+          attrs: this.v3 ? undefined : {
+            format: this.$props.format,
+            ignoreIsAllDay: true,
+            dataItem: ri,
+            viewItem: this.$props.viewItem,
+            item: this.$props.item,
+            vertical: vertical
+          },
+          ignoreIsAllDay: true,
+          dataItem: ri,
+          viewItem: this.$props.viewItem,
+          item: this.$props.item,
+          vertical: vertical
+        });
+      }, this) : h(SchedulerResize_1.SchedulerResize, {
+        format: this.$props.format,
+        attrs: this.v3 ? undefined : {
+          format: this.$props.format,
+          ignoreIsAllDay: true,
+          dataItem: this.compResizeItem,
+          viewItem: this.$props.viewItem,
+          item: this.$props.item,
+          vertical: vertical
+        },
+        ignoreIsAllDay: true,
+        dataItem: this.compResizeItem,
+        viewItem: this.$props.viewItem,
+        item: this.$props.item,
+        vertical: vertical
+      }));
+    };
+
     this.intl = kendo_vue_intl_1.provideIntlService(this);
     var itemsPerSlot = this.$props.itemsPerSlot;
     var body = this.ks.orientation === 'horizontal' ? this.ranges.map(function (_, rangeIndex) {
@@ -270,9 +361,9 @@ var MonthViewVue2 = {
     });
     return (// @ts-ignore  function children
       h(BaseView_1.BaseView, {
-        props: __assign({}, this.$props),
+        viewProps: __assign({}, this.$props),
         attrs: this.v3 ? undefined : {
-          props: __assign({}, this.$props),
+          viewProps: __assign({}, this.$props),
           baseSlots: monthSlots,
           ranges: this.ranges
         },
@@ -400,10 +491,14 @@ var MonthViewVue2 = {
             range: item.range,
             isException: item.isException,
             isRecurring: item.isRecurring,
-            onDataaction: this.handleDataAction,
+            onDragitemchange: this.handleDragItemChange,
             on: this.v3 ? undefined : {
+              "dragitemchange": this.handleDragItemChange,
+              "resizeitemchange": this.handleResizeItemChange,
               "dataaction": this.handleDataAction
             },
+            onResizeitemchange: this.handleResizeItemChange,
+            onDataaction: this.handleDataAction,
             style: {
               transform: 'translateY(30px)'
             },
@@ -411,7 +506,7 @@ var MonthViewVue2 = {
             editable: this.$props.editable,
             ignoreIsAllDay: true
           });
-        }, _this2)])];
+        }, _this2), _this2.compDragItem && dragItemClue.call(_this2, false), _this2.compResizeItem && resizeItemClue.call(_this2, false)])];
       } : [h("div", {
         "class": "k-scheduler-head"
       }, [_this2.ks.orientation === 'horizontal' ? h(HorizontalResourceIterator_1.HorizontalResourceIterator, {
@@ -530,10 +625,14 @@ var MonthViewVue2 = {
           range: item.range,
           isException: item.isException,
           isRecurring: item.isRecurring,
-          onDataaction: this.handleDataAction,
+          onDragitemchange: this.handleDragItemChange,
           on: this.v3 ? undefined : {
+            "dragitemchange": this.handleDragItemChange,
+            "resizeitemchange": this.handleResizeItemChange,
             "dataaction": this.handleDataAction
           },
+          onResizeitemchange: this.handleResizeItemChange,
+          onDataaction: this.handleDataAction,
           style: {
             transform: 'translateY(30px)'
           },
@@ -541,12 +640,18 @@ var MonthViewVue2 = {
           editable: this.$props.editable,
           ignoreIsAllDay: true
         });
-      }, _this2)])])
+      }, _this2), _this2.compDragItem && dragItemClue.call(_this2, false), _this2.compResizeItem && resizeItemClue.call(_this2, false)])])
     );
   },
   methods: {
     handleDataAction: function handleDataAction(action) {
       this.$emit('dataaction', action);
+    },
+    handleDragItemChange: function handleDragItemChange(item) {
+      this.currentDragItem = item;
+    },
+    handleResizeItemChange: function handleResizeItemChange(item) {
+      this.currentResizeItem = item;
     }
   }
 };

package/dist/npm/views/time/MultiDayTimelineView.d.ts

@@ -121,6 +121,10 @@ export interface MultiDayTimelineViewProps extends SchedulerViewProps {
      * Overrides the `viewSlot` prop of the Scheduler for the specified view only.
      */
     viewSlot?: any;
+    /**
+     * Overrides the `resizeHint` of the event.
+     */
+    resizeHint?: any;
     /**
      * Overrides the `editSlot` prop of the Scheduler for the specified view only.
      */

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

@@ -1,5 +1,21 @@
 "use strict";
 
+var __assign = undefined && undefined.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
 var __spreadArrays = undefined && undefined.__spreadArrays || function () {
   for (var s = 0, i = 0, il = arguments.length; i < il; i++) {
     s += arguments[i].length;
@@ -57,6 +73,10 @@ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 
 var SchedulerEditItem_1 = require("../../items/SchedulerEditItem");
 
+var SchedulerResize_1 = require("../common/SchedulerResize");
+
+var SchedulerDrag_1 = require("../../views/common/SchedulerDrag");
+
 var DateHeaderCell_1 = require("../../components/DateHeaderCell");
 
 var TimeHeaderCell_1 = require("../../components/TimeHeaderCell");
@@ -79,6 +99,18 @@ var MultiDayTimelineViewVue2 = {
       type: Boolean,
       default: true
     },
+    dragItem: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
+    resizeItem: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
     showWorkHours: {
       type: Boolean,
       default: true
@@ -149,6 +181,7 @@ var MultiDayTimelineViewVue2 = {
     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: {
@@ -156,6 +189,12 @@ var MultiDayTimelineViewVue2 = {
       default: false
     }
   },
+  data: function data() {
+    return {
+      currentDragItem: undefined,
+      currentResizeItem: undefined
+    };
+  },
   inject: {
     ks: {
       default: null
@@ -217,6 +256,12 @@ var MultiDayTimelineViewVue2 = {
       utils_1.mapItemsToSlots(items, this.timelineSlots, true);
       utils_1.mapSlotsToItems(items, this.timelineSlots, true);
       return items;
+    },
+    compDragItem: function compDragItem() {
+      return this.dragItem !== undefined ? this.dragItem : this.currentDragItem;
+    },
+    compResizeItem: function compResizeItem() {
+      return this.resizeItem !== undefined ? this.resizeItem : this.currentResizeItem;
     }
   },
   mounted: function mounted() {
@@ -275,6 +320,73 @@ var MultiDayTimelineViewVue2 = {
     var timelineSlots = __spreadArrays(this.timelineSlots);
 
     var width = (this.ks.orientation === 'horizontal' ? timelineSlots.length : timelineSlots.length / this.ks.groups.length) * (this.$props.columnWidth + constants_1.BORDER_WIDTH);
+
+    var dragItemClue = function dragItemClue(vertical) {
+      return this.compDragItem && this.$props.editable.drag && (Array.isArray(this.compDragItem) ? this.compDragItem.map(function (di, idx) {
+        return h(SchedulerDrag_1.SchedulerDrag, {
+          key: idx,
+          ignoreIsAllDay: true,
+          attrs: this.v3 ? undefined : {
+            ignoreIsAllDay: true,
+            dataItem: di,
+            vertical: vertical,
+            item: this.$props.dataItem
+          },
+          dataItem: di,
+          vertical: vertical,
+          item: this.$props.dataItem
+        });
+      }, this) : h(SchedulerDrag_1.SchedulerDrag, {
+        ignoreIsAllDay: true,
+        attrs: this.v3 ? undefined : {
+          ignoreIsAllDay: true,
+          dataItem: this.compDragItem,
+          vertical: vertical,
+          item: this.$props.dataItem
+        },
+        dataItem: this.compDragItem,
+        vertical: vertical,
+        item: this.$props.dataItem
+      }));
+    };
+
+    var resizeItemClue = function resizeItemClue(vertical) {
+      return this.compResizeItem && this.editable.resize && (Array.isArray(this.compResizeItem) ? this.compResizeItem.map(function (ri, idx) {
+        return h(SchedulerResize_1.SchedulerResize, {
+          key: idx,
+          format: this.$props.format,
+          attrs: this.v3 ? undefined : {
+            format: this.$props.format,
+            ignoreIsAllDay: true,
+            dataItem: ri,
+            viewItem: this.$props.viewItem,
+            item: this.$props.item,
+            vertical: vertical
+          },
+          ignoreIsAllDay: true,
+          dataItem: ri,
+          viewItem: this.$props.viewItem,
+          item: this.$props.item,
+          vertical: vertical
+        });
+      }, this) : h(SchedulerResize_1.SchedulerResize, {
+        format: this.$props.format,
+        attrs: this.v3 ? undefined : {
+          format: this.$props.format,
+          ignoreIsAllDay: true,
+          dataItem: this.compResizeItem,
+          viewItem: this.$props.viewItem,
+          item: this.$props.item,
+          vertical: vertical
+        },
+        ignoreIsAllDay: true,
+        dataItem: this.compResizeItem,
+        viewItem: this.$props.viewItem,
+        item: this.$props.item,
+        vertical: vertical
+      }));
+    };
+
     var head = [h("div", {
       "class": "k-scheduler-row"
     }, [this.ranges.map(function (range, rangeIndex) {
@@ -301,15 +413,16 @@ var MultiDayTimelineViewVue2 = {
         return s.group.index === FIRST_INDEX && s.range.index === rangeIndex;
       }).map(function (slot) {
         return slot.zonedStart.getMinutes() % slotDuration === 0 ? h(TimeHeaderCell_1.TimeHeaderCell, {
-          key: slot.index //     as={this.$props.timeHeaderCell}
-          ,
-          format: TIME_FORMAT,
+          key: slot.index,
+          as: this.$props.timeHeaderCell,
           attrs: this.v3 ? undefined : {
+            as: this.$props.timeHeaderCell,
             format: TIME_FORMAT,
             date: slot.zonedStart,
             start: slot.zonedStart,
             end: slot.zonedEnd
           },
+          format: TIME_FORMAT,
           date: slot.zonedStart,
           start: slot.zonedStart,
           end: slot.zonedEnd
@@ -321,12 +434,12 @@ var MultiDayTimelineViewVue2 = {
         id: this.$props.id,
         attrs: this.v3 ? undefined : {
           id: this.$props.id,
-          props: this.$props,
+          viewProps: __assign({}, this.$props),
           baseSlots: timelineSlots,
           ranges: this.ranges
         },
         "class": 'k-scheduler-timeline-view',
-        props: this.$props,
+        viewProps: __assign({}, this.$props),
         baseSlots: timelineSlots,
         ranges: this.ranges
       }, this.v3 ? function () {
@@ -520,17 +633,21 @@ var MultiDayTimelineViewVue2 = {
             isRecurring: item.isRecurring,
             format: 't',
             form: this.$props.form,
-            onDataaction: this.handleDataAction,
+            onDragitemchange: this.handleDragItemChange,
             on: this.v3 ? undefined : {
+              "dragitemchange": this.handleDragItemChange,
+              "resizeitemchange": this.handleResizeItemChange,
               "dataaction": this.handleDataAction
             },
+            onResizeitemchange: this.handleResizeItemChange,
+            onDataaction: this.handleDataAction,
             item: this.$props.item,
             viewItem: this.$props.viewItem,
             editable: this.$props.editable,
             ignoreIsAllDay: true,
             vertical: false
           });
-        }, _this2)])];
+        }, _this2), _this2.compDragItem && dragItemClue.call(_this2, false), _this2.compResizeItem && resizeItemClue.call(_this2, false)])];
       } : [h("div", {
         "class": 'k-scheduler-head',
         style: {
@@ -716,22 +833,32 @@ var MultiDayTimelineViewVue2 = {
           isRecurring: item.isRecurring,
           format: 't',
           form: this.$props.form,
-          onDataaction: this.handleDataAction,
+          onDragitemchange: this.handleDragItemChange,
           on: this.v3 ? undefined : {
+            "dragitemchange": this.handleDragItemChange,
+            "resizeitemchange": this.handleResizeItemChange,
             "dataaction": this.handleDataAction
           },
+          onResizeitemchange: this.handleResizeItemChange,
+          onDataaction: this.handleDataAction,
           item: this.$props.item,
           viewItem: this.$props.viewItem,
           editable: this.$props.editable,
           ignoreIsAllDay: true,
           vertical: false
         });
-      }, _this2)])])
+      }, _this2), _this2.compDragItem && dragItemClue.call(_this2, false), _this2.compResizeItem && resizeItemClue.call(_this2, false)])])
     );
   },
   methods: {
     handleDataAction: function handleDataAction(action) {
       this.$emit('dataaction', action);
+    },
+    handleDragItemChange: function handleDragItemChange(item) {
+      this.currentDragItem = item;
+    },
+    handleResizeItemChange: function handleResizeItemChange(item) {
+      this.currentResizeItem = item;
     }
   }
 };

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

@@ -101,10 +101,23 @@ var TimelineViewVue2 = {
       type: Number,
       default: 100
     },
+    dragItem: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
+    resizeItem: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
     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: [Object, Boolean]
@@ -123,6 +136,8 @@ var TimelineViewVue2 = {
       name: this.$props.name,
       attrs: this.v3 ? undefined : {
         name: this.$props.name,
+        dragItem: this.$props.dragItem,
+        resizeItem: this.$props.resizeItem,
         dateRange: this.$props.dateRange,
         step: this.$props.step,
         numberOfDays: this.$props.numberOfDays,
@@ -144,10 +159,13 @@ var TimelineViewVue2 = {
         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
       },
+      dragItem: this.$props.dragItem,
+      resizeItem: this.$props.resizeItem,
       dateRange: this.$props.dateRange,
       step: this.$props.step,
       numberOfDays: this.$props.numberOfDays,
@@ -169,6 +187,7 @@ var TimelineViewVue2 = {
       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,