@progress/kendo-vue-scheduler 3.1.1 → 3.1.2-dev.202203221454

package/dist/es/components/SchedulerForm.js

@@ -108,16 +108,7 @@ var SchedulerFormVue2 = {
         })]), // @ts-ignore  function children
         h(DialogActionsBar, _this.v3 ? function () {
           return [// @ts-ignore  function children
-          h(Button, {
-            disabled: !_this.renderProps.allowSubmit,
-            attrs: _this.v3 ? undefined : {
-              disabled: !_this.renderProps.allowSubmit
-            },
-            onClick: _this.renderProps.onSubmit,
-            on: _this.v3 ? undefined : {
-              "click": _this.renderProps.onSubmit
-            }
-          }, _this.v3 ? function () {
+          h(Button, _this.v3 ? function () {
             return [editSaveMessage];
           } : [editSaveMessage]), // @ts-ignore  function children
           h(Button, {
@@ -128,16 +119,7 @@ var SchedulerFormVue2 = {
           }, _this.v3 ? function () {
             return [editCancelMessage];
           } : [editCancelMessage])];
-        } : [h(Button, {
-          disabled: !_this.renderProps.allowSubmit,
-          attrs: _this.v3 ? undefined : {
-            disabled: !_this.renderProps.allowSubmit
-          },
-          onClick: _this.renderProps.onSubmit,
-          on: _this.v3 ? undefined : {
-            "click": _this.renderProps.onSubmit
-          }
-        }, _this.v3 ? function () {
+        } : [h(Button, _this.v3 ? function () {
           return [editSaveMessage];
         } : [editSaveMessage]), h(Button, {
           onClick: _this.handleCancel,
@@ -171,16 +153,7 @@ var SchedulerFormVue2 = {
           as: Editor
         }
       })]), h(DialogActionsBar, _this.v3 ? function () {
-        return [h(Button, {
-          disabled: !_this.renderProps.allowSubmit,
-          attrs: _this.v3 ? undefined : {
-            disabled: !_this.renderProps.allowSubmit
-          },
-          onClick: _this.renderProps.onSubmit,
-          on: _this.v3 ? undefined : {
-            "click": _this.renderProps.onSubmit
-          }
-        }, _this.v3 ? function () {
+        return [h(Button, _this.v3 ? function () {
           return [editSaveMessage];
         } : [editSaveMessage]), h(Button, {
           onClick: _this.handleCancel,
@@ -190,16 +163,7 @@ var SchedulerFormVue2 = {
         }, _this.v3 ? function () {
           return [editCancelMessage];
         } : [editCancelMessage])];
-      } : [h(Button, {
-        disabled: !_this.renderProps.allowSubmit,
-        attrs: _this.v3 ? undefined : {
-          disabled: !_this.renderProps.allowSubmit
-        },
-        onClick: _this.renderProps.onSubmit,
-        on: _this.v3 ? undefined : {
-          "click": _this.renderProps.onSubmit
-        }
-      }, _this.v3 ? function () {
+      } : [h(Button, _this.v3 ? function () {
         return [editSaveMessage];
       } : [editSaveMessage]), h(Button, {
         onClick: _this.handleCancel,

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: 1647354431,
+    publishDate: 1647960632,
     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/slots/SchedulerEditSlot.js

@@ -6,6 +6,7 @@ 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
@@ -77,6 +78,8 @@ var SchedulerEditSlotVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
+    var _this2 = this;
+
     var _this = this;
 
     var h = gh || createElement;
@@ -165,15 +168,34 @@ var SchedulerEditSlotVue2 = {
         onKeydown: this.handleKeyDown,
         onShowmoreitems: this.handleShowMoreItemsClick
       }, this.v3 ? function () {
-        return [defaultSlot];
-      } : [defaultSlot]) // (this.formItem && <SchedulerForm
-      //     dataItem={this.formItem}
-      //     onSubmit={this.handleEditFormSubmit}
-      //     onClose={this.handleEditFormClose}
-      //     onCancel={this.handleEditFormCancel}
-      // />
-      // </SchedulerEditSlotContext>
-
+        return [defaultSlot, _this2.currentFormItem && h(SchedulerForm, {
+          dataItem: _this2.formItem,
+          attrs: _this2.v3 ? undefined : {
+            dataItem: _this2.formItem
+          },
+          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.formItem,
+        attrs: _this2.v3 ? undefined : {
+          dataItem: _this2.formItem
+        },
+        onSubmit: _this2.handleEditFormSubmit,
+        on: _this2.v3 ? undefined : {
+          "submit": _this2.handleEditFormSubmit,
+          "close": _this2.handleEditFormClose,
+          "cancel": _this2.handleEditFormCancel
+        },
+        onClose: _this2.handleEditFormClose,
+        onCancel: _this2.handleEditFormCancel
+      })])
     );
   },
   methods: {
@@ -316,6 +338,10 @@ var SchedulerEditSlotVue2 = {
       }
 
       this.setFormItem(value, event);
+    },
+    setFormItem: function setFormItem(dataItem, event) {
+      this.currentFormItem = dataItem;
+      this.$emit('formitemchange', event);
     }
   }
 };

package/dist/es/slots/SchedulerViewSlot.js

@@ -118,8 +118,10 @@ var SchedulerViewSlotVue2 = {
       itemsPerSlot: itemsPerSlot,
       onShowmoreitems: this.handleShowMoreItemsClick,
       on: this.v3 ? undefined : {
-        "showmoreitems": this.handleShowMoreItemsClick
-      }
+        "showmoreitems": this.handleShowMoreItemsClick,
+        "doubleclick": this.handleDoubleClick
+      },
+      onDoubleclick: this.handleDoubleClick
     }, this.v3 ? function () {
       return [defaultSlot];
     } : [defaultSlot]);
@@ -137,6 +139,9 @@ var SchedulerViewSlotVue2 = {
   methods: {
     handleShowMoreItemsClick: function handleShowMoreItemsClick(event) {
       this.$emit('showmoreitems', event);
+    },
+    handleDoubleClick: function handleDoubleClick(args) {
+      this.$emit('doubleclick', args);
     }
   }
 };

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

@@ -84,7 +84,11 @@ var DayViewVue2 = {
     },
     timeHeaderCell: String,
     slotRender: [String, Function, Object],
-    item: [String, Function, Object]
+    item: [String, Function, Object],
+    editable: {
+      type: [Boolean, Object],
+      default: false
+    }
   },
   inject: {
     kendoLocalizationService: {
@@ -126,7 +130,8 @@ var DayViewVue2 = {
         defaultShowWorkHours: this.$props.defaultShowWorkHours,
         timeHeaderCell: this.$props.timeHeaderCell,
         slotRender: this.$props.slotRender,
-        item: this.$props.item
+        item: this.$props.item,
+        editable: this.$props.editable
       },
       dateRange: this.$props.dateRange,
       step: this.$props.step,
@@ -147,7 +152,8 @@ var DayViewVue2 = {
       defaultShowWorkHours: this.$props.defaultShowWorkHours,
       timeHeaderCell: this.$props.timeHeaderCell,
       slotRender: this.$props.slotRender,
-      item: this.$props.item
+      item: this.$props.item,
+      editable: this.$props.editable
     });
   }
 };

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

@@ -11,6 +11,7 @@ export interface DayViewAllDaySlotsProps {
     numberOfDays: number;
     workWeekStart: number;
     workWeekEnd: number;
+    editable?: boolean | object;
 }
 /**
  * @hidden

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

@@ -13,7 +13,11 @@ var DayViewAllDaySlotsVue2 = {
     daySlots: Array,
     numberOfDays: Number,
     workWeekStart: Number,
-    workWeekEnd: Number
+    workWeekEnd: Number,
+    editable: {
+      type: [Boolean, Object],
+      default: false
+    }
   },
   inject: {
     ri: {
@@ -64,7 +68,8 @@ var DayViewAllDaySlotsVue2 = {
             row: 0,
             col: this.ks.orientation === 'horizontal' ? filtered.length * (this.ri.groupIndex || 0) + slotIndex : slotIndex,
             isWorkDay: 0 <= slot.zonedStart.getDay() + (numberOfDays - workWeekStart) && (slot.zonedStart.getDay() + (numberOfDays - workWeekStart)) % numberOfDays <= workWeekEnd + (numberOfDays - workWeekStart),
-            expandable: true
+            expandable: true,
+            editable: this.$props.editable
           },
           start: slot.start,
           end: slot.end,
@@ -85,7 +90,8 @@ var DayViewAllDaySlotsVue2 = {
           row: 0,
           col: this.ks.orientation === 'horizontal' ? filtered.length * (this.ri.groupIndex || 0) + slotIndex : slotIndex,
           isWorkDay: 0 <= slot.zonedStart.getDay() + (numberOfDays - workWeekStart) && (slot.zonedStart.getDay() + (numberOfDays - workWeekStart)) % numberOfDays <= workWeekEnd + (numberOfDays - workWeekStart),
-          expandable: true
+          expandable: true,
+          editable: this.$props.editable
         });
       }, this);
     }, this)]);

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

@@ -136,7 +136,11 @@ var MultiDayViewVue2 = {
     },
     timeHeaderCell: String,
     slotRender: [String, Function, Object],
-    item: [String, Function, Object]
+    item: [String, Function, Object],
+    editable: {
+      type: [Boolean, Object],
+      default: false
+    }
   },
   inject: {
     kendoIntlService: {
@@ -335,8 +339,9 @@ var MultiDayViewVue2 = {
           childRowContent: DayViewAllDayRowContent
         }, _this2.v3 ? function () {
           return [h(DayViewAllDaySlots, {
-            dayRanges: _this2.dayRanges,
+            editable: _this2.$props.editable,
             attrs: _this2.v3 ? undefined : {
+              editable: _this2.$props.editable,
               dayRanges: _this2.dayRanges,
               daySlots: daySlots,
               slotRender: _this2.$props.slotRender,
@@ -344,6 +349,7 @@ var MultiDayViewVue2 = {
               workWeekStart: workWeekStart,
               workWeekEnd: workWeekEnd
             },
+            dayRanges: _this2.dayRanges,
             daySlots: daySlots,
             slotRender: _this2.$props.slotRender,
             numberOfDays: numberOfDays,
@@ -355,8 +361,9 @@ var MultiDayViewVue2 = {
             }
           })];
         } : [h(DayViewAllDaySlots, {
-          dayRanges: _this2.dayRanges,
+          editable: _this2.$props.editable,
           attrs: _this2.v3 ? undefined : {
+            editable: _this2.$props.editable,
             dayRanges: _this2.dayRanges,
             daySlots: daySlots,
             slotRender: _this2.$props.slotRender,
@@ -364,6 +371,7 @@ var MultiDayViewVue2 = {
             workWeekStart: workWeekStart,
             workWeekEnd: workWeekEnd
           },
+          dayRanges: _this2.dayRanges,
           daySlots: daySlots,
           slotRender: _this2.$props.slotRender,
           numberOfDays: numberOfDays,
@@ -822,8 +830,9 @@ var MultiDayViewVue2 = {
         childRowContent: DayViewAllDayRowContent
       }, _this2.v3 ? function () {
         return [h(DayViewAllDaySlots, {
-          dayRanges: _this2.dayRanges,
+          editable: _this2.$props.editable,
           attrs: _this2.v3 ? undefined : {
+            editable: _this2.$props.editable,
             dayRanges: _this2.dayRanges,
             daySlots: daySlots,
             slotRender: _this2.$props.slotRender,
@@ -831,6 +840,7 @@ var MultiDayViewVue2 = {
             workWeekStart: workWeekStart,
             workWeekEnd: workWeekEnd
           },
+          dayRanges: _this2.dayRanges,
           daySlots: daySlots,
           slotRender: _this2.$props.slotRender,
           numberOfDays: numberOfDays,
@@ -842,8 +852,9 @@ var MultiDayViewVue2 = {
           }
         })];
       } : [h(DayViewAllDaySlots, {
-        dayRanges: _this2.dayRanges,
+        editable: _this2.$props.editable,
         attrs: _this2.v3 ? undefined : {
+          editable: _this2.$props.editable,
           dayRanges: _this2.dayRanges,
           daySlots: daySlots,
           slotRender: _this2.$props.slotRender,
@@ -851,6 +862,7 @@ var MultiDayViewVue2 = {
           workWeekStart: workWeekStart,
           workWeekEnd: workWeekEnd
         },
+        dayRanges: _this2.dayRanges,
         daySlots: daySlots,
         slotRender: _this2.$props.slotRender,
         numberOfDays: numberOfDays,

package/dist/npm/components/SchedulerForm.js

@@ -122,16 +122,7 @@ var SchedulerFormVue2 = {
         })]), // @ts-ignore  function children
         h(kendo_vue_dialogs_1.DialogActionsBar, _this.v3 ? function () {
           return [// @ts-ignore  function children
-          h(kendo_vue_buttons_1.Button, {
-            disabled: !_this.renderProps.allowSubmit,
-            attrs: _this.v3 ? undefined : {
-              disabled: !_this.renderProps.allowSubmit
-            },
-            onClick: _this.renderProps.onSubmit,
-            on: _this.v3 ? undefined : {
-              "click": _this.renderProps.onSubmit
-            }
-          }, _this.v3 ? function () {
+          h(kendo_vue_buttons_1.Button, _this.v3 ? function () {
             return [editSaveMessage];
           } : [editSaveMessage]), // @ts-ignore  function children
           h(kendo_vue_buttons_1.Button, {
@@ -142,16 +133,7 @@ var SchedulerFormVue2 = {
           }, _this.v3 ? function () {
             return [editCancelMessage];
           } : [editCancelMessage])];
-        } : [h(kendo_vue_buttons_1.Button, {
-          disabled: !_this.renderProps.allowSubmit,
-          attrs: _this.v3 ? undefined : {
-            disabled: !_this.renderProps.allowSubmit
-          },
-          onClick: _this.renderProps.onSubmit,
-          on: _this.v3 ? undefined : {
-            "click": _this.renderProps.onSubmit
-          }
-        }, _this.v3 ? function () {
+        } : [h(kendo_vue_buttons_1.Button, _this.v3 ? function () {
           return [editSaveMessage];
         } : [editSaveMessage]), h(kendo_vue_buttons_1.Button, {
           onClick: _this.handleCancel,
@@ -185,16 +167,7 @@ var SchedulerFormVue2 = {
           as: Editor
         }
       })]), h(kendo_vue_dialogs_1.DialogActionsBar, _this.v3 ? function () {
-        return [h(kendo_vue_buttons_1.Button, {
-          disabled: !_this.renderProps.allowSubmit,
-          attrs: _this.v3 ? undefined : {
-            disabled: !_this.renderProps.allowSubmit
-          },
-          onClick: _this.renderProps.onSubmit,
-          on: _this.v3 ? undefined : {
-            "click": _this.renderProps.onSubmit
-          }
-        }, _this.v3 ? function () {
+        return [h(kendo_vue_buttons_1.Button, _this.v3 ? function () {
           return [editSaveMessage];
         } : [editSaveMessage]), h(kendo_vue_buttons_1.Button, {
           onClick: _this.handleCancel,
@@ -204,16 +177,7 @@ var SchedulerFormVue2 = {
         }, _this.v3 ? function () {
           return [editCancelMessage];
         } : [editCancelMessage])];
-      } : [h(kendo_vue_buttons_1.Button, {
-        disabled: !_this.renderProps.allowSubmit,
-        attrs: _this.v3 ? undefined : {
-          disabled: !_this.renderProps.allowSubmit
-        },
-        onClick: _this.renderProps.onSubmit,
-        on: _this.v3 ? undefined : {
-          "click": _this.renderProps.onSubmit
-        }
-      }, _this.v3 ? function () {
+      } : [h(kendo_vue_buttons_1.Button, _this.v3 ? function () {
         return [editSaveMessage];
       } : [editSaveMessage]), h(kendo_vue_buttons_1.Button, {
         onClick: _this.handleCancel,

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: 1647354431,
+    publishDate: 1647960632,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/npm/slots/SchedulerEditSlot.js

@@ -17,6 +17,8 @@ var Scheduler_1 = require("../Scheduler");
 
 var utils_1 = require("../utils");
 
+var SchedulerForm_1 = require("../components/SchedulerForm");
+
 var SchedulerViewSlot_1 = require("./SchedulerViewSlot");
 
 var hooks_1 = require("../hooks");
@@ -91,6 +93,8 @@ var SchedulerEditSlotVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
+    var _this2 = this;
+
     var _this = this;
 
     var h = gh || createElement;
@@ -179,15 +183,34 @@ var SchedulerEditSlotVue2 = {
         onKeydown: this.handleKeyDown,
         onShowmoreitems: this.handleShowMoreItemsClick
       }, this.v3 ? function () {
-        return [defaultSlot];
-      } : [defaultSlot]) // (this.formItem && <SchedulerForm
-      //     dataItem={this.formItem}
-      //     onSubmit={this.handleEditFormSubmit}
-      //     onClose={this.handleEditFormClose}
-      //     onCancel={this.handleEditFormCancel}
-      // />
-      // </SchedulerEditSlotContext>
-
+        return [defaultSlot, _this2.currentFormItem && h(SchedulerForm_1.SchedulerForm, {
+          dataItem: _this2.formItem,
+          attrs: _this2.v3 ? undefined : {
+            dataItem: _this2.formItem
+          },
+          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_1.SchedulerForm, {
+        dataItem: _this2.formItem,
+        attrs: _this2.v3 ? undefined : {
+          dataItem: _this2.formItem
+        },
+        onSubmit: _this2.handleEditFormSubmit,
+        on: _this2.v3 ? undefined : {
+          "submit": _this2.handleEditFormSubmit,
+          "close": _this2.handleEditFormClose,
+          "cancel": _this2.handleEditFormCancel
+        },
+        onClose: _this2.handleEditFormClose,
+        onCancel: _this2.handleEditFormCancel
+      })])
     );
   },
   methods: {
@@ -330,6 +353,10 @@ var SchedulerEditSlotVue2 = {
       }
 
       this.setFormItem(value, event);
+    },
+    setFormItem: function setFormItem(dataItem, event) {
+      this.currentFormItem = dataItem;
+      this.$emit('formitemchange', event);
     }
   }
 };

package/dist/npm/slots/SchedulerViewSlot.js

@@ -129,8 +129,10 @@ var SchedulerViewSlotVue2 = {
       itemsPerSlot: itemsPerSlot,
       onShowmoreitems: this.handleShowMoreItemsClick,
       on: this.v3 ? undefined : {
-        "showmoreitems": this.handleShowMoreItemsClick
-      }
+        "showmoreitems": this.handleShowMoreItemsClick,
+        "doubleclick": this.handleDoubleClick
+      },
+      onDoubleclick: this.handleDoubleClick
     }, this.v3 ? function () {
       return [defaultSlot];
     } : [defaultSlot]);
@@ -148,6 +150,9 @@ var SchedulerViewSlotVue2 = {
   methods: {
     handleShowMoreItemsClick: function handleShowMoreItemsClick(event) {
       this.$emit('showmoreitems', event);
+    },
+    handleDoubleClick: function handleDoubleClick(args) {
+      this.$emit('doubleclick', args);
     }
   }
 };

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

@@ -96,7 +96,11 @@ var DayViewVue2 = {
     },
     timeHeaderCell: String,
     slotRender: [String, Function, Object],
-    item: [String, Function, Object]
+    item: [String, Function, Object],
+    editable: {
+      type: [Boolean, Object],
+      default: false
+    }
   },
   inject: {
     kendoLocalizationService: {
@@ -138,7 +142,8 @@ var DayViewVue2 = {
         defaultShowWorkHours: this.$props.defaultShowWorkHours,
         timeHeaderCell: this.$props.timeHeaderCell,
         slotRender: this.$props.slotRender,
-        item: this.$props.item
+        item: this.$props.item,
+        editable: this.$props.editable
       },
       dateRange: this.$props.dateRange,
       step: this.$props.step,
@@ -159,7 +164,8 @@ var DayViewVue2 = {
       defaultShowWorkHours: this.$props.defaultShowWorkHours,
       timeHeaderCell: this.$props.timeHeaderCell,
       slotRender: this.$props.slotRender,
-      item: this.$props.item
+      item: this.$props.item,
+      editable: this.$props.editable
     });
   }
 };

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

@@ -11,6 +11,7 @@ export interface DayViewAllDaySlotsProps {
     numberOfDays: number;
     workWeekStart: number;
     workWeekEnd: number;
+    editable?: boolean | object;
 }
 /**
  * @hidden

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

@@ -22,7 +22,11 @@ var DayViewAllDaySlotsVue2 = {
     daySlots: Array,
     numberOfDays: Number,
     workWeekStart: Number,
-    workWeekEnd: Number
+    workWeekEnd: Number,
+    editable: {
+      type: [Boolean, Object],
+      default: false
+    }
   },
   inject: {
     ri: {
@@ -73,7 +77,8 @@ var DayViewAllDaySlotsVue2 = {
             row: 0,
             col: this.ks.orientation === 'horizontal' ? filtered.length * (this.ri.groupIndex || 0) + slotIndex : slotIndex,
             isWorkDay: 0 <= slot.zonedStart.getDay() + (numberOfDays - workWeekStart) && (slot.zonedStart.getDay() + (numberOfDays - workWeekStart)) % numberOfDays <= workWeekEnd + (numberOfDays - workWeekStart),
-            expandable: true
+            expandable: true,
+            editable: this.$props.editable
           },
           start: slot.start,
           end: slot.end,
@@ -94,7 +99,8 @@ var DayViewAllDaySlotsVue2 = {
           row: 0,
           col: this.ks.orientation === 'horizontal' ? filtered.length * (this.ri.groupIndex || 0) + slotIndex : slotIndex,
           isWorkDay: 0 <= slot.zonedStart.getDay() + (numberOfDays - workWeekStart) && (slot.zonedStart.getDay() + (numberOfDays - workWeekStart)) % numberOfDays <= workWeekEnd + (numberOfDays - workWeekStart),
-          expandable: true
+          expandable: true,
+          editable: this.$props.editable
         });
       }, this);
     }, this)]);

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

@@ -162,7 +162,11 @@ var MultiDayViewVue2 = {
     },
     timeHeaderCell: String,
     slotRender: [String, Function, Object],
-    item: [String, Function, Object]
+    item: [String, Function, Object],
+    editable: {
+      type: [Boolean, Object],
+      default: false
+    }
   },
   inject: {
     kendoIntlService: {
@@ -361,8 +365,9 @@ var MultiDayViewVue2 = {
           childRowContent: DayViewAllDayRowContent_1.DayViewAllDayRowContent
         }, _this2.v3 ? function () {
           return [h(DayViewAllDaySlots_1.DayViewAllDaySlots, {
-            dayRanges: _this2.dayRanges,
+            editable: _this2.$props.editable,
             attrs: _this2.v3 ? undefined : {
+              editable: _this2.$props.editable,
               dayRanges: _this2.dayRanges,
               daySlots: daySlots,
               slotRender: _this2.$props.slotRender,
@@ -370,6 +375,7 @@ var MultiDayViewVue2 = {
               workWeekStart: workWeekStart,
               workWeekEnd: workWeekEnd
             },
+            dayRanges: _this2.dayRanges,
             daySlots: daySlots,
             slotRender: _this2.$props.slotRender,
             numberOfDays: numberOfDays,
@@ -381,8 +387,9 @@ var MultiDayViewVue2 = {
             }
           })];
         } : [h(DayViewAllDaySlots_1.DayViewAllDaySlots, {
-          dayRanges: _this2.dayRanges,
+          editable: _this2.$props.editable,
           attrs: _this2.v3 ? undefined : {
+            editable: _this2.$props.editable,
             dayRanges: _this2.dayRanges,
             daySlots: daySlots,
             slotRender: _this2.$props.slotRender,
@@ -390,6 +397,7 @@ var MultiDayViewVue2 = {
             workWeekStart: workWeekStart,
             workWeekEnd: workWeekEnd
           },
+          dayRanges: _this2.dayRanges,
           daySlots: daySlots,
           slotRender: _this2.$props.slotRender,
           numberOfDays: numberOfDays,
@@ -848,8 +856,9 @@ var MultiDayViewVue2 = {
         childRowContent: DayViewAllDayRowContent_1.DayViewAllDayRowContent
       }, _this2.v3 ? function () {
         return [h(DayViewAllDaySlots_1.DayViewAllDaySlots, {
-          dayRanges: _this2.dayRanges,
+          editable: _this2.$props.editable,
           attrs: _this2.v3 ? undefined : {
+            editable: _this2.$props.editable,
             dayRanges: _this2.dayRanges,
             daySlots: daySlots,
             slotRender: _this2.$props.slotRender,
@@ -857,6 +866,7 @@ var MultiDayViewVue2 = {
             workWeekStart: workWeekStart,
             workWeekEnd: workWeekEnd
           },
+          dayRanges: _this2.dayRanges,
           daySlots: daySlots,
           slotRender: _this2.$props.slotRender,
           numberOfDays: numberOfDays,
@@ -868,8 +878,9 @@ var MultiDayViewVue2 = {
           }
         })];
       } : [h(DayViewAllDaySlots_1.DayViewAllDaySlots, {
-        dayRanges: _this2.dayRanges,
+        editable: _this2.$props.editable,
         attrs: _this2.v3 ? undefined : {
+          editable: _this2.$props.editable,
           dayRanges: _this2.dayRanges,
           daySlots: daySlots,
           slotRender: _this2.$props.slotRender,
@@ -877,6 +888,7 @@ var MultiDayViewVue2 = {
           workWeekStart: workWeekStart,
           workWeekEnd: workWeekEnd
         },
+        dayRanges: _this2.dayRanges,
         daySlots: daySlots,
         slotRender: _this2.$props.slotRender,
         numberOfDays: numberOfDays,