@progress/kendo-vue-scheduler 3.2.4-dev.202204201306 → 3.2.5

package/dist/es/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/es/Scheduler.js

@@ -103,6 +103,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],
@@ -133,7 +145,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/es/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 };

package/dist/es/components/SchedulerForm.js

@@ -39,13 +39,7 @@ var SchedulerFormVue2 = {
     dataItem: Object,
     renderForm: Object,
     editor: [String, Function, Object],
-    dialog: [String, Function, Object],
-    validator: {
-      type: Function,
-      default: function _default() {
-        return {};
-      }
-    }
+    dialog: [String, Function, Object]
   },
   inject: {
     ks: {
@@ -53,6 +47,12 @@ var SchedulerFormVue2 = {
     },
     kendoLocalizationService: {
       default: null
+    },
+    ksValidator: {
+      default: null
+    },
+    ksModifyInitialFormValues: {
+      default: null
     }
   },
   // @ts-ignore
@@ -100,9 +100,9 @@ var SchedulerFormVue2 = {
       }, this.v3 ? function () {
         return [// @ts-ignore  function children
         h(Form, {
-          initialValues: _this.$props.dataItem,
+          initialValues: _this.ksModifyInitialFormValues(_this.$props.dataItem),
           attrs: _this.v3 ? undefined : {
-            initialValues: _this.$props.dataItem,
+            initialValues: _this.ksModifyInitialFormValues(_this.$props.dataItem),
             validator: _this.formValidator
           },
           onSubmit: _this.handleSubmit,
@@ -112,12 +112,14 @@ var SchedulerFormVue2 = {
           validator: _this.formValidator
         }, _this.v3 ? function () {
           return [// @ts-ignore  function children
-          h(SchedulerFormEditor //   {...this.renderProps}
-          , {
-            as: Editor,
+          h(SchedulerFormEditor, {
+            renderForm: _this.renderForm //   {...this.renderProps}
+            ,
             attrs: _this.v3 ? undefined : {
+              renderForm: _this.renderForm,
               as: Editor
-            }
+            },
+            as: Editor
           }, _this.v3 ? function () {
             return [h(SchedulerActionButtons, {
               editSaveMessage: editSaveMessage,
@@ -144,10 +146,12 @@ var SchedulerFormVue2 = {
             }
           })])];
         } : [h(SchedulerFormEditor, {
-          as: Editor,
+          renderForm: _this.renderForm,
           attrs: _this.v3 ? undefined : {
+            renderForm: _this.renderForm,
             as: Editor
-          }
+          },
+          as: Editor
         }, _this.v3 ? function () {
           return [h(SchedulerActionButtons, {
             editSaveMessage: editSaveMessage,
@@ -174,9 +178,9 @@ var SchedulerFormVue2 = {
           }
         })])])];
       } : [h(Form, {
-        initialValues: _this.$props.dataItem,
+        initialValues: _this.ksModifyInitialFormValues(_this.$props.dataItem),
         attrs: _this.v3 ? undefined : {
-          initialValues: _this.$props.dataItem,
+          initialValues: _this.ksModifyInitialFormValues(_this.$props.dataItem),
           validator: _this.formValidator
         },
         onSubmit: _this.handleSubmit,
@@ -186,10 +190,12 @@ var SchedulerFormVue2 = {
         validator: _this.formValidator
       }, _this.v3 ? function () {
         return [h(SchedulerFormEditor, {
-          as: Editor,
+          renderForm: _this.renderForm,
           attrs: _this.v3 ? undefined : {
+            renderForm: _this.renderForm,
             as: Editor
-          }
+          },
+          as: Editor
         }, _this.v3 ? function () {
           return [h(SchedulerActionButtons, {
             editSaveMessage: editSaveMessage,
@@ -216,10 +222,12 @@ var SchedulerFormVue2 = {
           }
         })])];
       } : [h(SchedulerFormEditor, {
-        as: Editor,
+        renderForm: _this.renderForm,
         attrs: _this.v3 ? undefined : {
+          renderForm: _this.renderForm,
           as: Editor
-        }
+        },
+        as: Editor
       }, _this.v3 ? function () {
         return [h(SchedulerActionButtons, {
           editSaveMessage: editSaveMessage,
@@ -287,7 +295,7 @@ var SchedulerFormVue2 = {
       result[this.ks.fields.end] = [this.requiredValidator(formValueGetter(this.ks.fields.start)), this.endAfterStartValidator(formValueGetter(this.ks.fields.start), formValueGetter)].filter(Boolean).reduce(function (current, acc) {
         return current || acc;
       }, '');
-      var additionalValidator = this.$props.validator(_dataItem, formValueGetter);
+      var additionalValidator = this.ksValidator(_dataItem, formValueGetter);
       return __assign(__assign({}, result), additionalValidator);
     }
   }

package/dist/es/items/SchedulerEditItem.js

@@ -19,12 +19,8 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var inject = allVue.inject;
-import { SchedulerOccurrenceDialog } from '../components/SchedulerOccurrenceDialog';
-import { SchedulerForm } from '../components/SchedulerForm';
-import { SchedulerRemoveDialog } from '../components/SchedulerRemoveDialog';
 import { DATA_ACTION } from '../Scheduler';
 import { clone, Keys } from '@progress/kendo-vue-common';
-import { SchedulerDrag } from '../views/common/SchedulerDrag';
 import { SchedulerViewItem } from './SchedulerViewItem';
 import { ITEMS_FOCUS_ACTION, SLOTS_FOCUS_ACTION, useEditable } from '../hooks';
 import { FORM_ITEM_ACTION } from './hooks/use-form-item';
@@ -109,7 +105,12 @@ var SchedulerEditItemVue2 = {
   },
   provide: function provide() {
     return {
-      ei: this.ei
+      ei: this.ei,
+      ksCancel: this.handleCancel,
+      ksFormSubmit: this.handleFormSubmit,
+      ksOccurrenceClick: this.handleOccurrenceClick,
+      ksSeriesClick: this.handleSeriesClick,
+      ksRemoveConfirm: this.handleRemoveConfirm
     };
   },
   data: function data() {
@@ -179,8 +180,6 @@ var SchedulerEditItemVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _this2 = this;
-
     var _this = this;
 
     var h = gh || createElement; // tslint:enable:max-line-length
@@ -300,7 +299,13 @@ var SchedulerEditItemVue2 = {
           vertical: this.vertical,
           dragHint: this.dragHint,
           resizeHint: this.resizeHint,
-          format: this.format //   refTo={this}
+          format: this.format,
+          showOccurrenceDialog: this.compShowOccurrenceDialog,
+          showRemoveDialog: this.compShowRemoveDialog,
+          formItem: this.compFormItem,
+          dragItem: this.compDragItem,
+          resizeItem: this.compResizeItem,
+          removeItem: this.compRemoveItem //   refTo={this}
           ,
           itemRef: this.item,
           selected: selected,
@@ -340,6 +345,12 @@ var SchedulerEditItemVue2 = {
         dragHint: this.dragHint,
         resizeHint: this.resizeHint,
         format: this.format,
+        showOccurrenceDialog: this.compShowOccurrenceDialog,
+        showRemoveDialog: this.compShowRemoveDialog,
+        formItem: this.compFormItem,
+        dragItem: this.compDragItem,
+        resizeItem: this.compResizeItem,
+        removeItem: this.compRemoveItem,
         itemRef: this.item,
         selected: selected,
         tabIndex: this.tabIndex,
@@ -379,149 +390,7 @@ var SchedulerEditItemVue2 = {
         onResizeenddrag: this.handleResizeEndDrag,
         onResizestartdrag: this.handleResizeStartDrag,
         onResizeselease: this.handleResizeRelease
-      }, this.v3 ? function () {
-        return [_this2.compFormItem && !showOccurrenceDialog && editable.edit && h(SchedulerForm, {
-          dataItem: _this2.compFormItem,
-          attrs: _this2.v3 ? undefined : {
-            dataItem: _this2.compFormItem
-          },
-          onSubmit: _this2.handleFormSubmit,
-          on: _this2.v3 ? undefined : {
-            "submit": _this2.handleFormSubmit,
-            "close": _this2.handleCancel,
-            "cancel": _this2.handleCancel
-          },
-          onClose: _this2.handleCancel,
-          onCancel: _this2.handleCancel
-        }), _this2.compDragItem && editable.drag && (Array.isArray(_this2.compDragItem) ? _this2.compDragItem.map(function (di, idx) {
-          return h(SchedulerDrag, {
-            key: idx,
-            ignoreIsAllDay: ignoreIsAllDay,
-            attrs: this.v3 ? undefined : {
-              ignoreIsAllDay: ignoreIsAllDay,
-              dataItem: di,
-              vertical: this.$props.vertical,
-              viewItem: ViewItem,
-              item: this.$props.dataItem
-            },
-            dataItem: di,
-            vertical: this.$props.vertical,
-            viewItem: ViewItem,
-            item: this.$props.dataItem
-          });
-        }, _this2) : h(SchedulerDrag, {
-          ignoreIsAllDay: ignoreIsAllDay,
-          attrs: _this2.v3 ? undefined : {
-            ignoreIsAllDay: ignoreIsAllDay,
-            dataItem: _this2.compDragItem,
-            vertical: _this2.$props.vertical,
-            viewItem: ViewItem,
-            item: _this2.$props.dataItem
-          },
-          dataItem: _this2.compDragItem,
-          vertical: _this2.$props.vertical,
-          viewItem: ViewItem,
-          item: _this2.$props.dataItem
-        })), _this2.compShowOccurrenceDialog && h(SchedulerOccurrenceDialog, {
-          dataItem: _this2.compFormItem || _this2.compDragItem || _this2.compResizeItem || _this2.compRemoveItem,
-          attrs: _this2.v3 ? undefined : {
-            dataItem: _this2.compFormItem || _this2.compDragItem || _this2.compResizeItem || _this2.compRemoveItem,
-            isRemove: !!_this2.compRemoveItem
-          },
-          isRemove: !!_this2.compRemoveItem,
-          onClose: _this2.handleCancel,
-          on: _this2.v3 ? undefined : {
-            "close": _this2.handleCancel,
-            "occurrenceclose": _this2.handleOccurrenceClick,
-            "seriesclose": _this2.handleSeriesClick
-          },
-          onOccurrenceclose: _this2.handleOccurrenceClick,
-          onSeriesclose: _this2.handleSeriesClick
-        }), _this2.compShowRemoveDialog && _this2.compRemoveItem && editable.remove && h(SchedulerRemoveDialog, {
-          dataItem: _this2.compRemoveItem,
-          attrs: _this2.v3 ? undefined : {
-            dataItem: _this2.compRemoveItem
-          },
-          onClose: _this2.handleCancel,
-          on: _this2.v3 ? undefined : {
-            "close": _this2.handleCancel,
-            "cancel": _this2.handleCancel,
-            "confirm": _this2.handleRemoveConfirm
-          },
-          onCancel: _this2.handleCancel,
-          onConfirm: _this2.handleRemoveConfirm
-        })];
-      } : [_this2.compFormItem && !showOccurrenceDialog && editable.edit && h(SchedulerForm, {
-        dataItem: _this2.compFormItem,
-        attrs: _this2.v3 ? undefined : {
-          dataItem: _this2.compFormItem
-        },
-        onSubmit: _this2.handleFormSubmit,
-        on: _this2.v3 ? undefined : {
-          "submit": _this2.handleFormSubmit,
-          "close": _this2.handleCancel,
-          "cancel": _this2.handleCancel
-        },
-        onClose: _this2.handleCancel,
-        onCancel: _this2.handleCancel
-      }), _this2.compDragItem && editable.drag && (Array.isArray(_this2.compDragItem) ? _this2.compDragItem.map(function (di, idx) {
-        return h(SchedulerDrag, {
-          key: idx,
-          ignoreIsAllDay: ignoreIsAllDay,
-          attrs: this.v3 ? undefined : {
-            ignoreIsAllDay: ignoreIsAllDay,
-            dataItem: di,
-            vertical: this.$props.vertical,
-            viewItem: ViewItem,
-            item: this.$props.dataItem
-          },
-          dataItem: di,
-          vertical: this.$props.vertical,
-          viewItem: ViewItem,
-          item: this.$props.dataItem
-        });
-      }, _this2) : h(SchedulerDrag, {
-        ignoreIsAllDay: ignoreIsAllDay,
-        attrs: _this2.v3 ? undefined : {
-          ignoreIsAllDay: ignoreIsAllDay,
-          dataItem: _this2.compDragItem,
-          vertical: _this2.$props.vertical,
-          viewItem: ViewItem,
-          item: _this2.$props.dataItem
-        },
-        dataItem: _this2.compDragItem,
-        vertical: _this2.$props.vertical,
-        viewItem: ViewItem,
-        item: _this2.$props.dataItem
-      })), _this2.compShowOccurrenceDialog && h(SchedulerOccurrenceDialog, {
-        dataItem: _this2.compFormItem || _this2.compDragItem || _this2.compResizeItem || _this2.compRemoveItem,
-        attrs: _this2.v3 ? undefined : {
-          dataItem: _this2.compFormItem || _this2.compDragItem || _this2.compResizeItem || _this2.compRemoveItem,
-          isRemove: !!_this2.compRemoveItem
-        },
-        isRemove: !!_this2.compRemoveItem,
-        onClose: _this2.handleCancel,
-        on: _this2.v3 ? undefined : {
-          "close": _this2.handleCancel,
-          "occurrenceclose": _this2.handleOccurrenceClick,
-          "seriesclose": _this2.handleSeriesClick
-        },
-        onOccurrenceclose: _this2.handleOccurrenceClick,
-        onSeriesclose: _this2.handleSeriesClick
-      }), _this2.compShowRemoveDialog && _this2.compRemoveItem && editable.remove && h(SchedulerRemoveDialog, {
-        dataItem: _this2.compRemoveItem,
-        attrs: _this2.v3 ? undefined : {
-          dataItem: _this2.compRemoveItem
-        },
-        onClose: _this2.handleCancel,
-        on: _this2.v3 ? undefined : {
-          "close": _this2.handleCancel,
-          "cancel": _this2.handleCancel,
-          "confirm": _this2.handleRemoveConfirm
-        },
-        onCancel: _this2.handleCancel,
-        onConfirm: _this2.handleRemoveConfirm
-      })]) // {((resizeItem && editable.resize)) && (Array.isArray(resizeItem)
+      }) // {((resizeItem && editable.resize)) && (Array.isArray(resizeItem)
       //     ? (resizeItem as any).map((ri, idx) => (
       //     <Resize
       //         key={idx}

package/dist/es/items/SchedulerItem.d.ts

@@ -179,6 +179,18 @@ export interface SchedulerItemProps extends Item {
     maxSiblingsPerSlot?: number;
     /** @hidden */
     itemTitle?: string;
+    /** @hidden */
+    showRemoveDialog?: boolean;
+    /** @hidden */
+    showOccurrenceDialog?: boolean;
+    /** @hidden */
+    formItem?: object;
+    /** @hidden */
+    dragItem?: object;
+    /** @hidden */
+    resizeItem?: object;
+    /** @hidden */
+    removeItem?: object;
 }
 /**
  * Represents the object which is returned from the `ref` callback of the [SchedulerItem]({% slug api_scheduler_scheduleritem %}).

package/dist/es/items/SchedulerItem.js

@@ -24,7 +24,10 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 import { provideIntlService, provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages, deleteTitle } from '../messages';
 import { useEditable } from '../hooks';
-import { formatEventTime } from '../utils'; // tslint:enable:max-line-length
+import { formatEventTime } from '../utils';
+import { SchedulerOccurrenceDialog } from '../components/SchedulerOccurrenceDialog';
+import { SchedulerRemoveDialog } from '../components/SchedulerRemoveDialog';
+import { SchedulerForm } from '../components/SchedulerForm'; // tslint:enable:max-line-length
 
 var SchedulerItemVue2 = {
   name: 'KendoSchedulerItem',
@@ -88,7 +91,19 @@ var SchedulerItemVue2 = {
     resizeHint: Boolean,
     format: String,
     maxSiblingsPerSlot: Number,
-    itemTitle: String
+    itemTitle: String,
+    formItem: Object,
+    dragItem: Object,
+    resizeItem: Object,
+    removeItem: Object,
+    showOccurrenceDialog: {
+      type: Boolean,
+      default: undefined
+    },
+    showRemoveDialog: {
+      type: Boolean,
+      default: undefined
+    }
   },
   data: function data() {
     return {
@@ -113,6 +128,21 @@ var SchedulerItemVue2 = {
     },
     itemDoubleClick: {
       default: null
+    },
+    ksCancel: {
+      default: null
+    },
+    ksFormSubmit: {
+      default: null
+    },
+    ksOccurrenceClick: {
+      default: null
+    },
+    ksSeriesClick: {
+      default: null
+    },
+    ksRemoveConfirm: {
+      default: null
     }
   },
   computed: {
@@ -281,7 +311,48 @@ var SchedulerItemVue2 = {
         "class": "k-icon k-i-reload"
       }), !this.$props.isRecurring && this.$props.isException && h("span", {
         "class": "k-icon k-i-non-recurrence"
-      })]), defaultSlot, !this.$props.resizeHint && h("span", {
+      })]), this.formItem && !this.showOccurrenceDialog && editable.edit && h(SchedulerForm, {
+        dataItem: this.formItem,
+        attrs: this.v3 ? undefined : {
+          dataItem: this.formItem
+        },
+        onSubmit: this.ksFormSubmit,
+        on: this.v3 ? undefined : {
+          "submit": this.ksFormSubmit,
+          "close": this.ksCancel,
+          "cancel": this.ksCancel
+        },
+        onClose: this.ksCancel,
+        onCancel: this.ksCancel
+      }), this.showOccurrenceDialog && h(SchedulerOccurrenceDialog, {
+        dataItem: this.formItem || this.dragItem || this.resizeItem || this.removeItem,
+        attrs: this.v3 ? undefined : {
+          dataItem: this.formItem || this.dragItem || this.resizeItem || this.removeItem,
+          isRemove: !!this.removeItem
+        },
+        isRemove: !!this.removeItem,
+        onClose: this.ksCancel,
+        on: this.v3 ? undefined : {
+          "close": this.ksCancel,
+          "occurrenceclose": this.ksOccurrenceClick,
+          "seriesclose": this.ksSeriesClick
+        },
+        onOccurrenceclose: this.ksOccurrenceClick,
+        onSeriesclose: this.ksSeriesClick
+      }), this.showRemoveDialog && this.removeItem && editable.remove && 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
+      }), defaultSlot, !this.$props.resizeHint && h("span", {
         "class": "k-event-actions"
       }, [editable.remove && h("a", {
         tabIndex: -1,

package/dist/es/items/SchedulerViewItem.js

@@ -67,7 +67,18 @@ var SchedulerViewItemVue2 = {
     dragHint: Boolean,
     resizeHint: Boolean,
     format: String,
-    refTo: Function
+    showOccurrenceDialog: {
+      type: Boolean,
+      default: undefined
+    },
+    showRemoveDialog: {
+      type: Boolean,
+      default: undefined
+    },
+    formItem: Object,
+    dragItem: Object,
+    resizeItem: Object,
+    removeItem: Object
   },
   inject: {
     kendoIntlService: {
@@ -191,6 +202,12 @@ var SchedulerViewItemVue2 = {
         resizeHint: this.resizeHint,
         format: this.format,
         itemTitle: this.itemTitle,
+        showOccurrenceDialog: this.showOccurrenceDialog,
+        showRemoveDialog: this.showRemoveDialog,
+        formItem: this.formItem,
+        dragItem: this.dragItem,
+        resizeItem: this.resizeItem,
+        removeItem: this.removeItem,
         maxSiblingsPerSlot: this.maxSiblingsPerSlot
       },
       item: this.item,
@@ -229,6 +246,12 @@ var SchedulerViewItemVue2 = {
       resizeHint: this.resizeHint,
       format: this.format,
       itemTitle: this.itemTitle,
+      showOccurrenceDialog: this.showOccurrenceDialog,
+      showRemoveDialog: this.showRemoveDialog,
+      formItem: this.formItem,
+      dragItem: this.dragItem,
+      resizeItem: this.resizeItem,
+      removeItem: this.removeItem,
       maxSiblingsPerSlot: this.maxSiblingsPerSlot,
       style: __assign({
         visibility: this.visible ? undefined : 'hidden',
@@ -322,7 +345,28 @@ var SchedulerViewItemVue2 = {
       h: h,
       template: this.$props.item,
       defaultRendering: itemRenderDefaultRendering,
-      defaultSlots: defaultSlot
+      defaultSlots: defaultSlot,
+      additionalListeners: {
+        //   keydown: this.handleKeyDown,
+        // keyup: this.handleKeyUp,
+        // Focus
+        //  focus: this.handleFocus,
+        // Mouse
+        // mouseup: this.handleMouseUp,
+        // mousedown: this.handleMouseDown,
+        //  click: this.handleClick,
+        doubleclick: this.handleDoubleClick,
+        removeclick: this.handleRemoveClick,
+        // Drag
+        press: this.handlePress,
+        drag: this.handleDrag,
+        release: this.handleRelease,
+        // Resize
+        resizepress: this.handleResizePress,
+        resizeenddrag: this.handleResizeEndDrag,
+        resizestartdrag: this.handleResizeStartDrag,
+        resizeselease: this.handleResizeRelease
+      }
     });
     return itemRender;
   },

package/dist/es/package-metadata.js

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