@progress/kendo-vue-scheduler 3.2.4 → 3.2.6-dev.202204251505

package/dist/es/slots/SchedulerEditSlot.js

@@ -6,7 +6,6 @@ var inject = allVue.inject;
 import { getDefaultSlots, Keys } from '@progress/kendo-vue-common';
 import { DATA_ACTION } from '../Scheduler';
 import { setField, getField, findFirstItem, isGroupped } from '../utils';
-import { SchedulerForm } from '../components/SchedulerForm';
 import { SchedulerViewSlot } from './SchedulerViewSlot';
 import { SLOTS_FOCUS_ACTION, useEditable } from '../hooks';
 import { SLOTS_SELECT_ACTION } from '../hooks/use-slots-selection'; // tslint:enable:max-line-length
@@ -48,6 +47,13 @@ var SchedulerEditSlotVue2 = {
     this.slot = null;
     this.editableSlot = null;
   },
+  provide: function provide() {
+    return {
+      ksEditFormSubmit: this.handleEditFormSubmit,
+      ksEditFormCancel: this.handleEditFormCancel,
+      ksEditFormClose: this.handleEditFormClose
+    };
+  },
   inject: {
     bv: {
       default: null
@@ -68,6 +74,9 @@ var SchedulerEditSlotVue2 = {
     },
     computedEditable: function computedEditable() {
       return useEditable(this.$props.editable);
+    },
+    compFormItem: function compFormItem() {
+      return this.formItem !== undefined ? this.formItem : this.currentFormItem;
     }
   },
   // @ts-ignore
@@ -79,8 +88,6 @@ var SchedulerEditSlotVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _this2 = this;
-
     var _this = this;
 
     var h = gh || createElement;
@@ -136,7 +143,8 @@ var SchedulerEditSlotVue2 = {
           selected: selected,
           navDay: navDay,
           itemsPerSlot: itemsPerSlot,
-          tabIndex: this.currentTabIndex // Focus
+          tabIndex: this.currentTabIndex,
+          formItem: this.compFormItem // Focus
 
         },
         isAllDay: this.isAllDay,
@@ -158,6 +166,7 @@ var SchedulerEditSlotVue2 = {
         navDay: navDay,
         itemsPerSlot: itemsPerSlot,
         tabIndex: this.currentTabIndex,
+        formItem: this.compFormItem,
         onFocus: this.handleFocus // Mouse
         ,
         on: this.v3 ? undefined : {
@@ -171,34 +180,8 @@ var SchedulerEditSlotVue2 = {
         onKeydown: this.handleKeyDown,
         onShowmoreitems: this.handleShowMoreItemsClick
       }, this.v3 ? function () {
-        return [defaultSlot, _this2.currentFormItem && h(SchedulerForm, {
-          dataItem: _this2.currentFormItem,
-          attrs: _this2.v3 ? undefined : {
-            dataItem: _this2.currentFormItem
-          },
-          onSubmit: _this2.handleEditFormSubmit,
-          on: _this2.v3 ? undefined : {
-            "submit": _this2.handleEditFormSubmit,
-            "close": _this2.handleEditFormClose,
-            "cancel": _this2.handleEditFormCancel
-          },
-          onClose: _this2.handleEditFormClose,
-          onCancel: _this2.handleEditFormCancel
-        })];
-      } : [defaultSlot, _this2.currentFormItem && h(SchedulerForm, {
-        dataItem: _this2.currentFormItem,
-        attrs: _this2.v3 ? undefined : {
-          dataItem: _this2.currentFormItem
-        },
-        onSubmit: _this2.handleEditFormSubmit,
-        on: _this2.v3 ? undefined : {
-          "submit": _this2.handleEditFormSubmit,
-          "close": _this2.handleEditFormClose,
-          "cancel": _this2.handleEditFormCancel
-        },
-        onClose: _this2.handleEditFormClose,
-        onCancel: _this2.handleEditFormCancel
-      })])
+        return [defaultSlot];
+      } : [defaultSlot])
     );
   },
   methods: {

package/dist/es/slots/SchedulerSlot.d.ts

@@ -14,6 +14,8 @@ export interface SchedulerSlotProps extends Slot {
     navDay?: boolean;
     /** @hidden */
     itemsPerSlot?: number;
+    /** @hidden */
+    formItem?: object;
     /**
      * Specifies the `id` of the wrapping element of the SchedulerSlot.
      */

package/dist/es/slots/SchedulerSlot.js

@@ -23,6 +23,7 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 import { COLLECTION_ACTION, formatEventTime } from '../utils';
 import { provideIntlService } from '@progress/kendo-vue-intl';
 import { ShowMoreItemsButton } from '../components/ShowMoreItemsButton';
+import { SchedulerForm } from '../components/SchedulerForm';
 var DAY_FORMAT = {
   skeleton: 'dd'
 }; // tslint:enable:max-line-length
@@ -53,7 +54,8 @@ var SchedulerSlotVue2 = {
     isAllDay: Boolean,
     navDay: Boolean,
     editable: [Object, Boolean],
-    itemsPerSlot: Number
+    itemsPerSlot: Number,
+    formItem: Object
   },
   computed: {
     currentTabIndex: function currentTabIndex() {
@@ -82,6 +84,15 @@ var SchedulerSlotVue2 = {
     },
     slotDoubleClick: {
       default: null
+    },
+    ksEditFormSubmit: {
+      default: null
+    },
+    ksEditFormCancel: {
+      default: null
+    },
+    ksEditFormClose: {
+      default: null
     }
   },
   created: function created() {
@@ -179,7 +190,20 @@ var SchedulerSlotVue2 = {
       on: this.v3 ? undefined : {
         "click": this.handleShowMoreItemsClick
       }
-    }), defaultSlot]);
+    }), defaultSlot, this.formItem && h(SchedulerForm, {
+      dataItem: this.formItem,
+      attrs: this.v3 ? undefined : {
+        dataItem: this.formItem
+      },
+      onSubmit: this.ksEditFormSubmit,
+      on: this.v3 ? undefined : {
+        "submit": this.ksEditFormSubmit,
+        "close": this.ksEditFormClose,
+        "cancel": this.ksEditFormCancel
+      },
+      onClose: this.ksEditFormClose,
+      onCancel: this.ksEditFormCancel
+    })]);
   },
   methods: {
     handleShowMoreItemsClick: function handleShowMoreItemsClick(event) {

package/dist/es/slots/SchedulerViewSlot.js

@@ -35,7 +35,8 @@ var SchedulerViewSlotVue2 = {
     isAllDay: Boolean,
     navDay: Boolean,
     editable: [Object, Boolean],
-    itemsPerSlot: Number
+    itemsPerSlot: Number,
+    formItem: Object
   },
   created: function created() {
     this.viewSlot = null;
@@ -103,7 +104,8 @@ var SchedulerViewSlotVue2 = {
         zonedEnd: zonedEnd,
         navDay: navDay,
         itemsPerSlot: itemsPerSlot,
-        editable: editable
+        editable: editable,
+        formItem: this.formItem
       },
       items: items,
       row: row,
@@ -120,6 +122,7 @@ var SchedulerViewSlotVue2 = {
       navDay: navDay,
       itemsPerSlot: itemsPerSlot,
       editable: editable,
+      formItem: this.formItem,
       onShowmoreitems: this.handleShowMoreItemsClick,
       on: this.v3 ? undefined : {
         "showmoreitems": this.handleShowMoreItemsClick,

package/dist/es/tasks/SchedulerEditTask.js

@@ -20,8 +20,6 @@ import { SchedulerViewTask } from './SchedulerViewTask';
 import { useEditable } from '../hooks';
 import { findMaster } from '../utils';
 import { DATA_ACTION } from '../Scheduler';
-import { SchedulerRemoveDialog } from '../components/SchedulerRemoveDialog';
-import { SchedulerOccurrenceDialog } from '../components/SchedulerOccurrenceDialog';
 import { getDefaultSlots } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length
 
 var SchedulerEditTaskVue2 = {
@@ -89,7 +87,11 @@ var SchedulerEditTaskVue2 = {
       et: this.et,
       removeTask: this.handleRemoveItemChange,
       removeDialog: this.handleRemoveDialogChange,
-      occurrenceDialog: this.handleOccurrenceDialogChange
+      occurrenceDialog: this.handleOccurrenceDialogChange,
+      ksCancel: this.handleCancel,
+      ksSeriesClick: this.handleSeriesClick,
+      ksOccurrenceClick: this.handleOccurrenceClick,
+      ksRemoveConfirm: this.handleRemoveConfirm
     };
   },
   data: function data() {
@@ -129,8 +131,6 @@ var SchedulerEditTaskVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _this = this;
-
     var h = gh || createElement;
     var defaultSlot = getDefaultSlots(this);
 
@@ -178,8 +178,11 @@ var SchedulerEditTaskVue2 = {
           recurrenceRule: this.$props.recurrenceRule,
           recurrenceId: this.$props.recurrenceId,
           dataItem: this.$props.dataItem,
+          removeItem: this.compRemoveItem,
           task: this.$props.task,
-          editable: this.$props.editable
+          editable: this.$props.editable,
+          showOccurrenceDialog: this.compShowOccurrenceDialog,
+          showRemoveDialog: this.compShowRemoveDialog
         },
         tabIndex: this.$props.tabIndex,
         head: this.$props.head,
@@ -206,71 +209,18 @@ var SchedulerEditTaskVue2 = {
         recurrenceRule: this.$props.recurrenceRule,
         recurrenceId: this.$props.recurrenceId,
         dataItem: this.$props.dataItem,
+        removeItem: this.compRemoveItem,
         task: this.$props.task,
         editable: this.$props.editable,
+        showOccurrenceDialog: this.compShowOccurrenceDialog,
+        showRemoveDialog: this.compShowRemoveDialog,
         onRemoveclick: this.handleRemoveClick,
         on: this.v3 ? undefined : {
           "removeclick": this.handleRemoveClick
         }
       }, this.v3 ? function () {
-        return [defaultSlot, _this.compShowOccurrenceDialog && h(SchedulerOccurrenceDialog, {
-          dataItem: _this.compRemoveItem,
-          attrs: _this.v3 ? undefined : {
-            dataItem: _this.compRemoveItem,
-            isRemove: _this.compRemoveItem !== null
-          },
-          isRemove: _this.compRemoveItem !== null,
-          onClose: _this.handleCancel,
-          on: _this.v3 ? undefined : {
-            "close": _this.handleCancel,
-            "occurrenceclose": _this.handleOccurrenceClick,
-            "seriesclose": _this.handleSeriesClick
-          },
-          onOccurrenceclose: _this.handleOccurrenceClick,
-          onSeriesclose: _this.handleSeriesClick
-        }), _this.compShowRemoveDialog && h(SchedulerRemoveDialog, {
-          dataItem: _this.compRemoveItem,
-          attrs: _this.v3 ? undefined : {
-            dataItem: _this.compRemoveItem
-          },
-          onClose: _this.handleCancel,
-          on: _this.v3 ? undefined : {
-            "close": _this.handleCancel,
-            "cancel": _this.handleCancel,
-            "confirm": _this.handleRemoveConfirm
-          },
-          onCancel: _this.handleCancel,
-          onConfirm: _this.handleRemoveConfirm
-        })];
-      } : [defaultSlot, _this.compShowOccurrenceDialog && h(SchedulerOccurrenceDialog, {
-        dataItem: _this.compRemoveItem,
-        attrs: _this.v3 ? undefined : {
-          dataItem: _this.compRemoveItem,
-          isRemove: _this.compRemoveItem !== null
-        },
-        isRemove: _this.compRemoveItem !== null,
-        onClose: _this.handleCancel,
-        on: _this.v3 ? undefined : {
-          "close": _this.handleCancel,
-          "occurrenceclose": _this.handleOccurrenceClick,
-          "seriesclose": _this.handleSeriesClick
-        },
-        onOccurrenceclose: _this.handleOccurrenceClick,
-        onSeriesclose: _this.handleSeriesClick
-      }), _this.compShowRemoveDialog && h(SchedulerRemoveDialog, {
-        dataItem: _this.compRemoveItem,
-        attrs: _this.v3 ? undefined : {
-          dataItem: _this.compRemoveItem
-        },
-        onClose: _this.handleCancel,
-        on: _this.v3 ? undefined : {
-          "close": _this.handleCancel,
-          "cancel": _this.handleCancel,
-          "confirm": _this.handleRemoveConfirm
-        },
-        onCancel: _this.handleCancel,
-        onConfirm: _this.handleRemoveConfirm
-      })])
+        return [defaultSlot];
+      } : [defaultSlot])
     );
   },
   methods: {

package/dist/es/tasks/SchedulerTask.d.ts

@@ -8,8 +8,6 @@ import { Item, SchedulerTaskMouseEvent, EditableProp } from '../models';
  * Represents the props of the Kendo UI for Vue [SchedulerTask]({% slug api_scheduler_schedulertask %}) component.
  */
 export interface SchedulerTaskProps extends Item {
-    /** @hidden */
-    refTo: any;
     /**
      * Specifies the `id` of the wrapping element of the SchedulerTask.
      */
@@ -35,6 +33,18 @@ export interface SchedulerTaskProps extends Item {
      * The `delete` icon is rendered only when `props.editable` or `props.editable.remove` is `true`
      */
     onRemoveClick?: (event: SchedulerTaskMouseEvent) => void;
+    /** @hidden */
+    refTo: any;
+    /** @hidden */
+    removeDialog?: any;
+    /** @hidden */
+    occurrenceDialog?: any;
+    /** @hidden */
+    showRemoveDialog?: boolean;
+    /** @hidden */
+    showOccurrenceDialog?: boolean;
+    /** @hidden */
+    removeItem?: object;
 }
 /**
  * Represents the props of the Kendo UI for Vue [SchedulerTask]({% slug api_scheduler_schedulertask %}) component.

package/dist/es/tasks/SchedulerTask.js

@@ -22,7 +22,9 @@ var inject = allVue.inject;
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { deleteTitle, messages } from '../messages';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
-import { useEditable } from '../hooks'; // tslint:enable:max-line-length
+import { useEditable } from '../hooks';
+import { SchedulerOccurrenceDialog } from '../components/SchedulerOccurrenceDialog';
+import { SchedulerRemoveDialog } from '../components/SchedulerRemoveDialog'; // tslint:enable:max-line-length
 
 var SchedulerTaskVue2 = {
   name: 'KendoSchedulerTask',
@@ -54,7 +56,16 @@ var SchedulerTaskVue2 = {
     recurrenceRule: String,
     recurrenceId: [String, Number],
     dataItem: Object,
-    editable: [Object, Boolean]
+    removeItem: Object,
+    editable: [Object, Boolean],
+    showOccurrenceDialog: {
+      type: Boolean,
+      default: undefined
+    },
+    showRemoveDialog: {
+      type: Boolean,
+      default: undefined
+    }
   },
   inject: {
     kendoLocalizationService: {
@@ -65,6 +76,18 @@ var SchedulerTaskVue2 = {
     },
     taskDoubleClick: {
       default: null
+    },
+    ksCancel: {
+      default: null
+    },
+    ksSeriesClick: {
+      default: null
+    },
+    ksOccurrenceClick: {
+      default: null
+    },
+    ksRemoveConfirm: {
+      default: null
     }
   },
   created: function created() {
@@ -127,7 +150,35 @@ var SchedulerTaskVue2 = {
       }
     }, [h("span", {
       "class": "k-icon k-i-close"
-    })])]);
+    })]), this.showOccurrenceDialog && h(SchedulerOccurrenceDialog, {
+      dataItem: this.removeItem,
+      attrs: this.v3 ? undefined : {
+        dataItem: this.removeItem,
+        isRemove: this.removeItem !== null
+      },
+      isRemove: this.removeItem !== null,
+      onClose: this.ksCancel,
+      on: this.v3 ? undefined : {
+        "close": this.ksCancel,
+        "occurrenceclose": this.ksOccurrenceClick,
+        "seriesclose": this.ksSeriesClick
+      },
+      onOccurrenceclose: this.ksOccurrenceClick,
+      onSeriesclose: this.ksSeriesClick
+    }), this.showRemoveDialog && h(SchedulerRemoveDialog, {
+      dataItem: this.removeItem,
+      attrs: this.v3 ? undefined : {
+        dataItem: this.removeItem
+      },
+      onClose: this.ksCancel,
+      on: this.v3 ? undefined : {
+        "close": this.ksCancel,
+        "cancel": this.ksCancel,
+        "confirm": this.ksRemoveConfirm
+      },
+      onCancel: this.ksCancel,
+      onConfirm: this.ksRemoveConfirm
+    })]);
   },
   methods: {
     handleRemoveClick: function handleRemoveClick(event) {

package/dist/es/tasks/SchedulerViewTask.js

@@ -36,8 +36,17 @@ var SchedulerViewTaskVue2 = {
     recurrenceRule: String,
     recurrenceId: [String, Number],
     dataItem: Object,
+    removeItem: Object,
     task: [String, Function, Object],
-    editable: [Object, Boolean]
+    editable: [Object, Boolean],
+    showOccurrenceDialog: {
+      type: Boolean,
+      default: undefined
+    },
+    showRemoveDialog: {
+      type: Boolean,
+      default: undefined
+    }
   },
   // @ts-ignore
   setup: !gh ? undefined : function () {
@@ -81,7 +90,10 @@ var SchedulerViewTaskVue2 = {
         recurrenceRule: this.$props.recurrenceRule,
         recurrenceId: this.$props.recurrenceId,
         dataItem: this.$props.dataItem,
-        editable: this.$props.editable
+        removeItem: this.removeItem,
+        editable: this.$props.editable,
+        showOccurrenceDialog: this.showOccurrenceDialog,
+        showRemoveDialog: this.showRemoveDialog
       },
       tabIndex: this.$props.tabIndex,
       head: this.$props.head,
@@ -108,7 +120,10 @@ var SchedulerViewTaskVue2 = {
       recurrenceRule: this.$props.recurrenceRule,
       recurrenceId: this.$props.recurrenceId,
       dataItem: this.$props.dataItem,
+      removeItem: this.removeItem,
       editable: this.$props.editable,
+      showOccurrenceDialog: this.showOccurrenceDialog,
+      showRemoveDialog: this.showRemoveDialog,
       onRemoveclick: this.handleRemoveClick,
       on: this.v3 ? undefined : {
         "removeclick": this.handleRemoveClick
@@ -120,7 +135,10 @@ var SchedulerViewTaskVue2 = {
       h: h,
       template: this.$props.task,
       defaultRendering: taskRenderDefaultRendering,
-      defaultSlots: defaultSlot
+      defaultSlots: defaultSlot,
+      additionalListeners: {
+        'removeclick': this.handleRemoveClick
+      }
     });
     return taskRender;
   },

package/dist/es/views/common/SchedulerDrag.js

@@ -75,7 +75,8 @@ var SchedulerDragVue2 = {
     });
     mapItemsToSlots(this.items, slots);
     return (// fragment
-      h("div", [this.items.map(function (item, idx) {
+      // <div>
+      this.items.map(function (item, idx) {
         return h(SchedulerViewItem, {
           key: idx,
           uid: item.uid,
@@ -138,7 +139,8 @@ var SchedulerDragVue2 = {
           vertical: this.$props.vertical,
           ignoreIsAllDay: this.$props.ignoreIsAllDay
         });
-      }, this)])
+      }, this) // </div>
+
     );
   }
 };

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

@@ -102,6 +102,10 @@ export interface MultiDayViewProps extends SchedulerViewProps {
      * Overrides the `item` prop of the Scheduler for the specified view only.
      */
     item?: any;
+    /**
+     * Overrides the `dragItem` prop of the Scheduler for the specified view only.
+     */
+    dragItem?: any;
     /**
      * Overrides the `viewItem` prop of the Scheduler for the specified view only.
      */

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

@@ -47,6 +47,7 @@ import { mapItemsToSlots, mapSlotsToItems, isInTimeRange, toUTCDateTime, interse
 import { provideIntlService } from '@progress/kendo-vue-intl';
 import { MS_PER_MINUTE } from '../../constants';
 import { toRanges, toItems, toSlots, toOccurrences } from '../../services/';
+import { SchedulerDrag } from '../../views/common/SchedulerDrag';
 import { SchedulerEditSlot } from '../../slots/SchedulerEditSlot';
 import { SchedulerEditItem } from '../../items/SchedulerEditItem';
 import { CurrentTimeMarker } from '../../components/CurrentTimeMarket';
@@ -126,6 +127,12 @@ var MultiDayViewVue2 = {
       type: String,
       default: '{0:d} - {1:d}'
     },
+    dragItem: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
     // showCurrentTime: {
     //   type: Boolean,
     //   default: true
@@ -244,8 +251,16 @@ var MultiDayViewVue2 = {
       mapItemsToSlots(timeItems, this.timeSlots, false);
       mapSlotsToItems(timeItems, this.timeSlots, false);
       return timeItems;
+    },
+    compDragItem: function compDragItem() {
+      return this.dragItem !== undefined ? this.dragItem : this.currentDragItem;
     }
   },
+  data: function data() {
+    return {
+      currentDragItem: undefined
+    };
+  },
   created: function created() {
     this.intl = provideIntlService(this);
   },
@@ -279,6 +294,34 @@ var MultiDayViewVue2 = {
     var timeItems = this.timeItems;
     var daySlots = this.daySlots;
     var timeSlots = this.timeSlots;
+
+    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, {
+          key: idx //   ignoreIsAllDay={ignoreIsAllDay}
+          ,
+          dataItem: di,
+          attrs: this.v3 ? undefined : {
+            dataItem: di,
+            vertical: vertical,
+            item: this.$props.dataItem
+          },
+          vertical: vertical,
+          item: this.$props.dataItem
+        });
+      }, this) : h(SchedulerDrag //    ignoreIsAllDay={ignoreIsAllDay}
+      , {
+        dataItem: this.compDragItem,
+        attrs: this.v3 ? undefined : {
+          dataItem: this.compDragItem,
+          vertical: vertical,
+          item: this.$props.dataItem
+        },
+        vertical: vertical,
+        item: this.$props.dataItem
+      }));
+    };
+
     return (// @ts-ignore  function children
       h(BaseView, {
         id: this.$props.id,
@@ -451,7 +494,9 @@ var MultiDayViewVue2 = {
             editable: this.$props.editable,
             vertical: false
           });
-        }, _this2)] : // @ts-ignore  function children
+        }, _this2) // ,
+        // dragItemClue.call(this, false)
+        ] : // @ts-ignore  function children
         h(VerticalResourceIterator, {
           group: _this2.ks.props.group,
           attrs: _this2.v3 ? undefined : {
@@ -789,15 +834,17 @@ var MultiDayViewVue2 = {
             format: 't',
             onDataaction: this.handleDataAction,
             on: this.v3 ? undefined : {
-              "dataaction": this.handleDataAction
+              "dataaction": this.handleDataAction,
+              "dragitemchange": this.handleDragItemChange
             },
+            onDragitemchange: this.handleDragItemChange,
             viewItem: this.$props.viewItem,
             item: this.$props.item,
             form: this.$props.form,
             editable: this.$props.editable,
             vertical: true
           });
-        }, _this2)])];
+        }, _this2), dragItemClue.call(_this2, true)])];
       } : [h("div", {
         "class": "k-scheduler-head"
       }, [_this2.ks.orientation === 'horizontal' ? [h(HorizontalResourceIterator, {
@@ -1278,20 +1325,25 @@ var MultiDayViewVue2 = {
           format: 't',
           onDataaction: this.handleDataAction,
           on: this.v3 ? undefined : {
-            "dataaction": this.handleDataAction
+            "dataaction": this.handleDataAction,
+            "dragitemchange": this.handleDragItemChange
           },
+          onDragitemchange: this.handleDragItemChange,
           viewItem: this.$props.viewItem,
           item: this.$props.item,
           form: this.$props.form,
           editable: this.$props.editable,
           vertical: true
         });
-      }, _this2)])])
+      }, _this2), dragItemClue.call(_this2, true)])])
     );
   },
   methods: {
     handleDataAction: function handleDataAction(action) {
       this.$emit('dataaction', action);
+    },
+    handleDragItemChange: function handleDragItemChange(item) {
+      this.currentDragItem = item;
     }
   }
 };

package/dist/npm/Scheduler.d.ts

@@ -168,6 +168,14 @@ export interface SchedulerProps {
      * Sets a default selected `Date`. The `defaultDate` property is used to specify the initial rendered date, while still remaining in an uncontrolled mode.
      */
     defaultDate?: Date;
+    /**
+     * Function that returns custom validator for the form.
+     */
+    validator?: Function;
+    /**
+     * Function that returns custom initial values for the fields of the form.
+     */
+    modifyInitialFormValues?: Function;
     /**
      * Force a `rtl` mode. For more information refer to [RTL Support]({% slug globalization_scheduler %}#toc-right-to-left-support)
      */

package/dist/npm/Scheduler.js

@@ -127,6 +127,18 @@ var SchedulerVue2 = {
       type: Date,
       default: new Date()
     },
+    validator: {
+      type: Function,
+      default: function _default() {
+        return {};
+      }
+    },
+    modifyInitialFormValues: {
+      type: Function,
+      default: function _default(i) {
+        return i;
+      }
+    },
     header: [String, Function, Object],
     footer: [String, Function, Object],
     slotRender: [String, Function, Object],
@@ -157,7 +169,9 @@ var SchedulerVue2 = {
       slotDoubleClick: this.handleSlotDoubleClick,
       slotClick: this.handleSlotClick,
       taskDoubleClick: this.handleTaskDoubleClick,
-      taskClick: this.handleTaskClick
+      taskClick: this.handleTaskClick,
+      ksValidator: this.validator,
+      ksModifyInitialFormValues: this.modifyInitialFormValues
     };
   },
   data: function data() {

package/dist/npm/additionalTypes.ts

@@ -6,4 +6,5 @@ import * as Vue from 'vue';
 type Vue2type = Vue.default;
 // @ts-ignore
 import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+// @ts-ignore
 export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type };