@progress/kendo-vue-scheduler 3.1.2 → 3.1.3-dev.202203311441

package/dist/npm/recurrence/RecurrenceFrequencyEditor.js

@@ -29,18 +29,44 @@ var RecurrenceFrequencyEditorVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
+    var _this = this;
+
     var h = gh || createElement;
     var _a = this.$props,
         value = _a.value,
         dataItems = _a.dataItems;
-    return h(kendo_vue_buttons_1.ButtonGroup, {
-      width: '100%',
-      attrs: this.v3 ? undefined : {
-        width: '100%'
-      }
-    }, [dataItems.map(function (item) {
-      return (// @ts-ignore  function children
-        h(kendo_vue_buttons_1.Button, {
+    return (// @ts-ignore  function children
+      h(kendo_vue_buttons_1.ButtonGroup, {
+        width: '100%',
+        attrs: this.v3 ? undefined : {
+          width: '100%'
+        }
+      }, this.v3 ? function () {
+        return [dataItems.map(function (item) {
+          return (// @ts-ignore  function children
+            h(kendo_vue_buttons_1.Button, {
+              type: "button",
+              attrs: this.v3 ? undefined : {
+                type: "button",
+                selected: item.value === value,
+                "data-value": item.value,
+                togglable: true
+              },
+              key: item.value,
+              selected: item.value === value,
+              onClick: this.handleClick,
+              on: this.v3 ? undefined : {
+                "click": this.handleClick
+              },
+              "data-value": item.value,
+              togglable: true
+            }, this.v3 ? function () {
+              return [item.text];
+            } : [item.text])
+          );
+        }, _this)];
+      } : [dataItems.map(function (item) {
+        return h(kendo_vue_buttons_1.Button, {
           type: "button",
           attrs: this.v3 ? undefined : {
             type: "button",
@@ -58,13 +84,13 @@ var RecurrenceFrequencyEditorVue2 = {
           togglable: true
         }, this.v3 ? function () {
           return [item.text];
-        } : [item.text])
-      );
-    }, this)]);
+        } : [item.text]);
+      }, _this)])
+    );
   },
   methods: {
     handleClick: function handleClick(event) {
-      this.$emitd('change', event.currentTarget.dataset.value);
+      this.$emit('change', event.currentTarget.dataset.value);
     }
   }
 };

package/dist/npm/slots/SchedulerEditSlot.js

@@ -56,6 +56,7 @@ var SchedulerEditSlotVue2 = {
     expandable: [Boolean, Object],
     slotRender: [String, Function, Object],
     navDay: Boolean,
+    editable: [Object, Boolean],
     itemsPerSlot: Number
   },
   created: function created() {
@@ -134,6 +135,7 @@ var SchedulerEditSlotVue2 = {
           slotRender: this.$props.slotRender,
           isAllDay: this.isAllDay,
           expandable: this.expandable,
+          editable: this.editable,
           items: items,
           row: row,
           group: group,
@@ -154,6 +156,7 @@ var SchedulerEditSlotVue2 = {
         },
         isAllDay: this.isAllDay,
         expandable: this.expandable,
+        editable: this.editable,
         items: items,
         row: row,
         group: group,
@@ -184,9 +187,9 @@ var SchedulerEditSlotVue2 = {
         onShowmoreitems: this.handleShowMoreItemsClick
       }, this.v3 ? function () {
         return [defaultSlot, _this2.currentFormItem && h(SchedulerForm_1.SchedulerForm, {
-          dataItem: _this2.formItem,
+          dataItem: _this2.currentFormItem,
           attrs: _this2.v3 ? undefined : {
-            dataItem: _this2.formItem
+            dataItem: _this2.currentFormItem
           },
           onSubmit: _this2.handleEditFormSubmit,
           on: _this2.v3 ? undefined : {
@@ -198,9 +201,9 @@ var SchedulerEditSlotVue2 = {
           onCancel: _this2.handleEditFormCancel
         })];
       } : [defaultSlot, _this2.currentFormItem && h(SchedulerForm_1.SchedulerForm, {
-        dataItem: _this2.formItem,
+        dataItem: _this2.currentFormItem,
         attrs: _this2.v3 ? undefined : {
-          dataItem: _this2.formItem
+          dataItem: _this2.currentFormItem
         },
         onSubmit: _this2.handleEditFormSubmit,
         on: _this2.v3 ? undefined : {
@@ -219,9 +222,9 @@ var SchedulerEditSlotVue2 = {
     },
     createDataItemFromSlot: function createDataItemFromSlot() {
       var dataItem = {};
-      utils_1.setField(dataItem, this.fields.start, new Date(this.$props.start.getTime()));
-      utils_1.setField(dataItem, this.fields.end, new Date(this.$props.end.getTime()));
-      utils_1.setField(dataItem, this.fields.isAllDay, this.$props.isAllDay);
+      utils_1.setField(dataItem, this.ks.fields.start, new Date(this.$props.start.getTime()));
+      utils_1.setField(dataItem, this.ks.fields.end, new Date(this.$props.end.getTime()));
+      utils_1.setField(dataItem, this.ks.fields.isAllDay, this.$props.isAllDay);
 
       if (this.$props.group.resources.length) {
         for (var idx = 0; idx < this.$props.group.resources.length; idx++) {

package/dist/npm/slots/SchedulerSlot.js

@@ -64,6 +64,7 @@ var SchedulerSlotVue2 = {
     zonedEnd: Object,
     isAllDay: Boolean,
     navDay: Boolean,
+    editable: [Object, Boolean],
     itemsPerSlot: Number
   },
   computed: {

package/dist/npm/slots/SchedulerViewSlot.js

@@ -45,6 +45,7 @@ var SchedulerViewSlotVue2 = {
     expandable: [Boolean, Object],
     isAllDay: Boolean,
     navDay: Boolean,
+    editable: [Object, Boolean],
     itemsPerSlot: Number
   },
   created: function created() {
@@ -91,7 +92,8 @@ var SchedulerViewSlotVue2 = {
         zonedStart = _a.zonedStart,
         zonedEnd = _a.zonedEnd,
         navDay = _a.navDay,
-        itemsPerSlot = _a.itemsPerSlot;
+        itemsPerSlot = _a.itemsPerSlot,
+        editable = _a.editable;
     var slotRender;
     var slotRenderDefaultRendering = // @ts-ignore  function children
     h(SchedulerSlot_1.SchedulerSlot, {
@@ -111,7 +113,8 @@ var SchedulerViewSlotVue2 = {
         zonedStart: zonedStart,
         zonedEnd: zonedEnd,
         navDay: navDay,
-        itemsPerSlot: itemsPerSlot
+        itemsPerSlot: itemsPerSlot,
+        editable: editable
       },
       items: items,
       row: row,
@@ -127,6 +130,7 @@ var SchedulerViewSlotVue2 = {
       zonedEnd: zonedEnd,
       navDay: navDay,
       itemsPerSlot: itemsPerSlot,
+      editable: editable,
       onShowmoreitems: this.handleShowMoreItemsClick,
       on: this.v3 ? undefined : {
         "showmoreitems": this.handleShowMoreItemsClick,

package/dist/npm/views/agenda/AgendaView.d.ts

@@ -47,7 +47,7 @@ export interface AgendaViewProps extends SchedulerViewProps {
     /**
      * Overrides the general `editable` prop of the Scheduler for the specified view only.
      */
-    editable?: EditableProp;
+    editable?: EditableProp | boolean;
     /**
      * Overrides the `task` prop of the Scheduler for the specified view only.
      */

package/dist/npm/views/agenda/AgendaView.js

@@ -81,7 +81,8 @@ var AgendaViewVue2 = {
       type: Number,
       default: constants_1.DAYS_IN_WEEK_COUNT
     },
-    task: [String, Function, Object]
+    task: [String, Function, Object],
+    editable: [Object, Boolean]
   },
   inject: {
     ks: {
@@ -212,17 +213,29 @@ var AgendaViewVue2 = {
             agendaSlots: _this.agendaSlots,
             attrs: _this.v3 ? undefined : {
               agendaSlots: _this.agendaSlots,
-              task: _this.$props.task
+              task: _this.$props.task,
+              editable: _this.$props.editable
             },
-            task: _this.$props.task
+            task: _this.$props.task,
+            editable: _this.$props.editable,
+            onDataaction: _this.handleDataAction,
+            on: _this.v3 ? undefined : {
+              "dataaction": _this.handleDataAction
+            }
           })];
         } : [h(AgendaViewBody_1.AgendaViewBody, {
           agendaSlots: _this.agendaSlots,
           attrs: _this.v3 ? undefined : {
             agendaSlots: _this.agendaSlots,
-            task: _this.$props.task
+            task: _this.$props.task,
+            editable: _this.$props.editable
           },
-          task: _this.$props.task
+          task: _this.$props.task,
+          editable: _this.$props.editable,
+          onDataaction: _this.handleDataAction,
+          on: _this.v3 ? undefined : {
+            "dataaction": _this.handleDataAction
+          }
         })])];
       } : [h("div", {
         "class": "k-scheduler-head"
@@ -249,19 +262,36 @@ var AgendaViewVue2 = {
           agendaSlots: _this.agendaSlots,
           attrs: _this.v3 ? undefined : {
             agendaSlots: _this.agendaSlots,
-            task: _this.$props.task
+            task: _this.$props.task,
+            editable: _this.$props.editable
           },
-          task: _this.$props.task
+          task: _this.$props.task,
+          editable: _this.$props.editable,
+          onDataaction: _this.handleDataAction,
+          on: _this.v3 ? undefined : {
+            "dataaction": _this.handleDataAction
+          }
         })];
       } : [h(AgendaViewBody_1.AgendaViewBody, {
         agendaSlots: _this.agendaSlots,
         attrs: _this.v3 ? undefined : {
           agendaSlots: _this.agendaSlots,
-          task: _this.$props.task
+          task: _this.$props.task,
+          editable: _this.$props.editable
         },
-        task: _this.$props.task
+        task: _this.$props.task,
+        editable: _this.$props.editable,
+        onDataaction: _this.handleDataAction,
+        on: _this.v3 ? undefined : {
+          "dataaction": _this.handleDataAction
+        }
       })])])
     );
+  },
+  methods: {
+    handleDataAction: function handleDataAction(action) {
+      this.$emit('dataaction', action);
+    }
   }
 };
 exports.AgendaViewVue2 = AgendaViewVue2;

package/dist/npm/views/agenda/AgendaViewBody.d.ts

@@ -9,6 +9,7 @@ export interface AgendaViewBodyProps {
     itemsPerSlot: number;
     agendaSlots: any[];
     task: any;
+    editable?: boolean | object;
 }
 /**
  * @hidden

package/dist/npm/views/agenda/AgendaViewBody.js

@@ -29,7 +29,8 @@ var AgendaViewBodyVue2 = {
     rangeIndex: Number,
     itemsPerSlot: Number,
     agendaSlots: Array,
-    task: [String, Function, Object]
+    task: [String, Function, Object],
+    editable: [Object, Boolean]
   },
   inject: {
     ri: {

package/dist/npm/views/common/VerticalResourceIterator.js

@@ -65,7 +65,8 @@ var VerticalResourceIteratorVue2 = {
           ranges: more.ranges,
           workDayStart: more.workDayStart,
           workDayEnd: more.workDayEnd,
-          timelineSlots: more.timelineSlots
+          timelineSlots: more.timelineSlots,
+          editable: more.editable
         },
         groupIndex: currentGroupIndex,
         ranges: more.ranges,
@@ -75,7 +76,8 @@ var VerticalResourceIteratorVue2 = {
         onDataaction: this.handleDataAction,
         on: this.v3 ? undefined : {
           "dataaction": this.handleDataAction
-        }
+        },
+        editable: more.editable
       }) : more.monthSlots ? more.ranges.map(function (_, rangeIndex) {
         return h(MonthViewBody_1.MonthViewBody, {
           slotRender: more.slotRender,
@@ -85,7 +87,8 @@ var VerticalResourceIteratorVue2 = {
             groupIndex: currentGroupIndex,
             monthSlots: more.monthSlots,
             rangeIndex: rangeIndex,
-            itemsPerSlot: more.itemsPerSlot
+            itemsPerSlot: more.itemsPerSlot,
+            editable: more.editable
           },
           ranges: more.ranges,
           groupIndex: currentGroupIndex,
@@ -95,7 +98,8 @@ var VerticalResourceIteratorVue2 = {
           onDataaction: this.handleDataAction,
           on: this.v3 ? undefined : {
             "dataaction": this.handleDataAction
-          }
+          },
+          editable: more.editable
         });
       }, this) : more.timeSlots.filter(function (s) {
         return s.group.index === currentGroupIndex && s.range.index === FIRST_INDEX;
@@ -114,7 +118,8 @@ var VerticalResourceIteratorVue2 = {
             workDayEnd: more.workDayEnd,
             numberOfDays: more.numberOfDays,
             workWeekStart: more.workWeekStart,
-            workWeekEnd: more.workWeekEnd
+            workWeekEnd: more.workWeekEnd,
+            editable: this.$props.editable
           },
           groupIndex: currentGroupIndex,
           onDataaction: this.handleDataAction,
@@ -130,7 +135,8 @@ var VerticalResourceIteratorVue2 = {
           workDayEnd: more.workDayEnd,
           numberOfDays: more.numberOfDays,
           workWeekStart: more.workWeekStart,
-          workWeekEnd: more.workWeekEnd
+          workWeekEnd: more.workWeekEnd,
+          editable: this.$props.editable
         });
       }, this) : null;
     };

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

@@ -165,8 +165,17 @@ var DayViewVue2 = {
       timeHeaderCell: this.$props.timeHeaderCell,
       slotRender: this.$props.slotRender,
       item: this.$props.item,
-      editable: this.$props.editable
+      editable: this.$props.editable,
+      onDataaction: this.handleDataAction,
+      on: this.v3 ? undefined : {
+        "dataaction": this.handleDataAction
+      }
     });
+  },
+  methods: {
+    handleDataAction: function handleDataAction(action) {
+      this.$emit('dataaction', action);
+    }
   }
 };
 exports.DayViewVue2 = DayViewVue2;

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

@@ -5,6 +5,18 @@ declare type DefaultMethods<V> = {
 };
 /** @hidden */
 export interface DayViewMiddleRowProps {
+    editable?: boolean | object;
+    slotRender?: any;
+    timeRanges?: any[];
+    timeSlots?: any[];
+    slotDivisions: number;
+    rootIndex: number;
+    root: object;
+    numberOfDays: number;
+    workDayStart: Date;
+    workDayEnd: Date;
+    workWeekStart: number;
+    workWeekEnd: number;
 }
 /**
  * @hidden

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

@@ -23,6 +23,7 @@ var utils_1 = require("../../utils"); // tslint:enable:max-line-length
 var DayViewMiddleRowVue2 = {
   name: 'KendoDayViewMiddleRow',
   props: {
+    editable: [Object, Boolean],
     slotRender: [String, Function, Object],
     timeRanges: Array,
     timeSlots: Array,

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

@@ -5,6 +5,7 @@ declare type DefaultMethods<V> = {
 };
 /** @hidden */
 export interface DayViewVerticalRowProps {
+    editable?: boolean | object;
     daySlots: any[];
     dayRanges: any[];
     timeSlots: any[];

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

@@ -21,6 +21,7 @@ var FIRST_INDEX = 0; // tslint:enable:max-line-length
 var DayViewVerticalRowVue2 = {
   name: 'KendoDayViewVerticalRow',
   props: {
+    editable: [Object, Boolean],
     dayRanges: Array,
     daySlots: Array,
     timeSlots: Array
@@ -76,7 +77,8 @@ var DayViewVerticalRowVue2 = {
             isAllDay: slot.isAllDay,
             row: groupOffset * (groupIndex || 0) + (groupIndex || 0) * MultiDayView_1.GRID_OFFSET,
             col: slotIndex,
-            expandable: true
+            expandable: true,
+            editable: this.$props.editable
           },
           viewSlot: this.$props.viewSlot,
           form: this.$props.form,
@@ -97,7 +99,8 @@ var DayViewVerticalRowVue2 = {
           "class": 'k-scheduler-alldays-slot',
           row: groupOffset * (groupIndex || 0) + (groupIndex || 0) * MultiDayView_1.GRID_OFFSET,
           col: slotIndex,
-          expandable: true
+          expandable: true,
+          editable: this.$props.editable
         });
       }, this);
     }, this)]);

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

@@ -5,6 +5,7 @@ declare type DefaultMethods<V> = {
 };
 /** @hidden */
 export interface DayViewVerticalSlotsRowProps {
+    editable?: boolean | object;
     groupIndex: number;
     root: any;
     rootIndex: number;

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

@@ -23,6 +23,7 @@ var FIRST_INDEX = 0; // tslint:enable:max-line-length
 var DayViewVerticalSlotsRowVue2 = {
   name: 'KendoDayViewVerticalSlotsRow',
   props: {
+    editable: [Object, Boolean],
     groupIndex: Number,
     root: Object,
     rootIndex: Number,

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

@@ -483,10 +483,12 @@ var MultiDayViewVue2 = {
           attrs: _this2.v3 ? undefined : {
             group: _this2.ks.props.group,
             resources: _this2.ks.props.resources,
-            emptyCell: true
+            emptyCell: true,
+            editable: _this2.$props.editable
           },
           resources: _this2.ks.props.resources,
-          emptyCell: true
+          emptyCell: true,
+          editable: _this2.$props.editable
         }, _this2.v3 ? function () {
           return [h(DayViewHead_1.DayViewHead, {
             timeRanges: _this2.timeRanges,
@@ -549,7 +551,8 @@ var MultiDayViewVue2 = {
                   workDayStart: workDayStart,
                   workDayEnd: workDayEnd,
                   workWeekStart: workWeekStart,
-                  workWeekEnd: workWeekEnd
+                  workWeekEnd: workWeekEnd,
+                  editable: _this3.$props.editable
                 },
                 timeRanges: _this3.timeRanges,
                 timeSlots: timeSlots,
@@ -564,7 +567,8 @@ var MultiDayViewVue2 = {
                 onDataaction: _this3.handleDataAction,
                 on: _this3.v3 ? undefined : {
                   "dataaction": _this3.handleDataAction
-                }
+                },
+                editable: _this3.$props.editable
               })];
             } : [h(DayViewMiddleRow_1.DayViewMiddleRow, {
               slotRender: _this3.$props.slotRender,
@@ -579,7 +583,8 @@ var MultiDayViewVue2 = {
                 workDayStart: workDayStart,
                 workDayEnd: workDayEnd,
                 workWeekStart: workWeekStart,
-                workWeekEnd: workWeekEnd
+                workWeekEnd: workWeekEnd,
+                editable: _this3.$props.editable
               },
               timeRanges: _this3.timeRanges,
               timeSlots: timeSlots,
@@ -594,7 +599,8 @@ var MultiDayViewVue2 = {
               onDataaction: _this3.handleDataAction,
               on: _this3.v3 ? undefined : {
                 "dataaction": _this3.handleDataAction
-              }
+              },
+              editable: _this3.$props.editable
             })])
           );
         }, _this2), _this2.$props.currentTimeMarker && utils_1.intersects(utils_1.first(_this2.timeRanges).start, utils_1.last(_this2.timeRanges).end, new Date(), new Date(), true) && h(CurrentTimeMarket_1.CurrentTimeMarker)] : [// @ts-ignore  function children
@@ -612,7 +618,8 @@ var MultiDayViewVue2 = {
               numberOfDays: numberOfDays,
               workWeekStart: workWeekStart,
               workWeekEnd: workWeekEnd,
-              slotRender: _this2.$props.slotRender
+              slotRender: _this2.$props.slotRender,
+              editable: _this2.$props.editable
             }
           },
           group: _this2.ks.props.group,
@@ -629,7 +636,8 @@ var MultiDayViewVue2 = {
             numberOfDays: numberOfDays,
             workWeekStart: workWeekStart,
             workWeekEnd: workWeekEnd,
-            slotRender: _this2.$props.slotRender
+            slotRender: _this2.$props.slotRender,
+            editable: _this2.$props.editable
           }
         }, _this2.v3 ? function () {
           return [h(DayViewVerticalRow_1.DayViewVerticalRow, {
@@ -641,10 +649,12 @@ var MultiDayViewVue2 = {
             attrs: _this2.v3 ? undefined : {
               daySlots: daySlots,
               timeSlots: timeSlots,
-              dayRanges: _this2.dayRanges
+              dayRanges: _this2.dayRanges,
+              editable: _this2.$props.editable
             },
             timeSlots: timeSlots,
-            dayRanges: _this2.dayRanges
+            dayRanges: _this2.dayRanges,
+            editable: _this2.$props.editable
           })];
         } : [h(DayViewVerticalRow_1.DayViewVerticalRow, {
           onDataaction: _this2.handleDataAction,
@@ -655,10 +665,12 @@ var MultiDayViewVue2 = {
           attrs: _this2.v3 ? undefined : {
             daySlots: daySlots,
             timeSlots: timeSlots,
-            dayRanges: _this2.dayRanges
+            dayRanges: _this2.dayRanges,
+            editable: _this2.$props.editable
           },
           timeSlots: timeSlots,
-          dayRanges: _this2.dayRanges
+          dayRanges: _this2.dayRanges,
+          editable: _this2.$props.editable
         })]), //          { (
         //            (this.$props.currentTimeMarker
         //                && intersects(
@@ -973,10 +985,12 @@ var MultiDayViewVue2 = {
         attrs: _this2.v3 ? undefined : {
           group: _this2.ks.props.group,
           resources: _this2.ks.props.resources,
-          emptyCell: true
+          emptyCell: true,
+          editable: _this2.$props.editable
         },
         resources: _this2.ks.props.resources,
-        emptyCell: true
+        emptyCell: true,
+        editable: _this2.$props.editable
       }, _this2.v3 ? function () {
         return [h(DayViewHead_1.DayViewHead, {
           timeRanges: _this2.timeRanges,
@@ -1038,7 +1052,8 @@ var MultiDayViewVue2 = {
               workDayStart: workDayStart,
               workDayEnd: workDayEnd,
               workWeekStart: workWeekStart,
-              workWeekEnd: workWeekEnd
+              workWeekEnd: workWeekEnd,
+              editable: _this3.$props.editable
             },
             timeRanges: _this3.timeRanges,
             timeSlots: timeSlots,
@@ -1053,7 +1068,8 @@ var MultiDayViewVue2 = {
             onDataaction: _this3.handleDataAction,
             on: _this3.v3 ? undefined : {
               "dataaction": _this3.handleDataAction
-            }
+            },
+            editable: _this3.$props.editable
           })];
         } : [h(DayViewMiddleRow_1.DayViewMiddleRow, {
           slotRender: _this3.$props.slotRender,
@@ -1068,7 +1084,8 @@ var MultiDayViewVue2 = {
             workDayStart: workDayStart,
             workDayEnd: workDayEnd,
             workWeekStart: workWeekStart,
-            workWeekEnd: workWeekEnd
+            workWeekEnd: workWeekEnd,
+            editable: _this3.$props.editable
           },
           timeRanges: _this3.timeRanges,
           timeSlots: timeSlots,
@@ -1083,7 +1100,8 @@ var MultiDayViewVue2 = {
           onDataaction: _this3.handleDataAction,
           on: _this3.v3 ? undefined : {
             "dataaction": _this3.handleDataAction
-          }
+          },
+          editable: _this3.$props.editable
         })]);
       }, _this2), _this2.$props.currentTimeMarker && utils_1.intersects(utils_1.first(_this2.timeRanges).start, utils_1.last(_this2.timeRanges).end, new Date(), new Date(), true) && h(CurrentTimeMarket_1.CurrentTimeMarker)] : [h(VerticalResourceIterator_1.VerticalResourceIterator, {
         nested: true,
@@ -1099,7 +1117,8 @@ var MultiDayViewVue2 = {
             numberOfDays: numberOfDays,
             workWeekStart: workWeekStart,
             workWeekEnd: workWeekEnd,
-            slotRender: _this2.$props.slotRender
+            slotRender: _this2.$props.slotRender,
+            editable: _this2.$props.editable
           }
         },
         group: _this2.ks.props.group,
@@ -1116,7 +1135,8 @@ var MultiDayViewVue2 = {
           numberOfDays: numberOfDays,
           workWeekStart: workWeekStart,
           workWeekEnd: workWeekEnd,
-          slotRender: _this2.$props.slotRender
+          slotRender: _this2.$props.slotRender,
+          editable: _this2.$props.editable
         }
       }, _this2.v3 ? function () {
         return [h(DayViewVerticalRow_1.DayViewVerticalRow, {
@@ -1128,10 +1148,12 @@ var MultiDayViewVue2 = {
           attrs: _this2.v3 ? undefined : {
             daySlots: daySlots,
             timeSlots: timeSlots,
-            dayRanges: _this2.dayRanges
+            dayRanges: _this2.dayRanges,
+            editable: _this2.$props.editable
           },
           timeSlots: timeSlots,
-          dayRanges: _this2.dayRanges
+          dayRanges: _this2.dayRanges,
+          editable: _this2.$props.editable
         })];
       } : [h(DayViewVerticalRow_1.DayViewVerticalRow, {
         onDataaction: _this2.handleDataAction,
@@ -1142,10 +1164,12 @@ var MultiDayViewVue2 = {
         attrs: _this2.v3 ? undefined : {
           daySlots: daySlots,
           timeSlots: timeSlots,
-          dayRanges: _this2.dayRanges
+          dayRanges: _this2.dayRanges,
+          editable: _this2.$props.editable
         },
         timeSlots: timeSlots,
-        dayRanges: _this2.dayRanges
+        dayRanges: _this2.dayRanges,
+        editable: _this2.$props.editable
       })]), dayItems.map(function (item) {
         return h(EditItem, {
           key: item.isRecurring ? item.uid + ":" + item.group.index + " : " + item.range.index + " : " + item.originalStart : item.uid + ":" + item.group.index + " : " + item.range.index,