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

package/dist/es/recurrence/RecurrenceFrequencyEditor.js

@@ -20,18 +20,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(ButtonGroup, {
-      width: '100%',
-      attrs: this.v3 ? undefined : {
-        width: '100%'
-      }
-    }, [dataItems.map(function (item) {
-      return (// @ts-ignore  function children
-        h(Button, {
+    return (// @ts-ignore  function children
+      h(ButtonGroup, {
+        width: '100%',
+        attrs: this.v3 ? undefined : {
+          width: '100%'
+        }
+      }, this.v3 ? function () {
+        return [dataItems.map(function (item) {
+          return (// @ts-ignore  function children
+            h(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(Button, {
           type: "button",
           attrs: this.v3 ? undefined : {
             type: "button",
@@ -49,13 +75,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/es/slots/SchedulerEditSlot.js

@@ -41,6 +41,7 @@ var SchedulerEditSlotVue2 = {
     expandable: [Boolean, Object],
     slotRender: [String, Function, Object],
     navDay: Boolean,
+    editable: [Object, Boolean],
     itemsPerSlot: Number
   },
   created: function created() {
@@ -119,6 +120,7 @@ var SchedulerEditSlotVue2 = {
           slotRender: this.$props.slotRender,
           isAllDay: this.isAllDay,
           expandable: this.expandable,
+          editable: this.editable,
           items: items,
           row: row,
           group: group,
@@ -139,6 +141,7 @@ var SchedulerEditSlotVue2 = {
         },
         isAllDay: this.isAllDay,
         expandable: this.expandable,
+        editable: this.editable,
         items: items,
         row: row,
         group: group,
@@ -169,9 +172,9 @@ var SchedulerEditSlotVue2 = {
         onShowmoreitems: this.handleShowMoreItemsClick
       }, this.v3 ? function () {
         return [defaultSlot, _this2.currentFormItem && h(SchedulerForm, {
-          dataItem: _this2.formItem,
+          dataItem: _this2.currentFormItem,
           attrs: _this2.v3 ? undefined : {
-            dataItem: _this2.formItem
+            dataItem: _this2.currentFormItem
           },
           onSubmit: _this2.handleEditFormSubmit,
           on: _this2.v3 ? undefined : {
@@ -183,9 +186,9 @@ var SchedulerEditSlotVue2 = {
           onCancel: _this2.handleEditFormCancel
         })];
       } : [defaultSlot, _this2.currentFormItem && h(SchedulerForm, {
-        dataItem: _this2.formItem,
+        dataItem: _this2.currentFormItem,
         attrs: _this2.v3 ? undefined : {
-          dataItem: _this2.formItem
+          dataItem: _this2.currentFormItem
         },
         onSubmit: _this2.handleEditFormSubmit,
         on: _this2.v3 ? undefined : {
@@ -204,9 +207,9 @@ var SchedulerEditSlotVue2 = {
     },
     createDataItemFromSlot: function createDataItemFromSlot() {
       var dataItem = {};
-      setField(dataItem, this.fields.start, new Date(this.$props.start.getTime()));
-      setField(dataItem, this.fields.end, new Date(this.$props.end.getTime()));
-      setField(dataItem, this.fields.isAllDay, this.$props.isAllDay);
+      setField(dataItem, this.ks.fields.start, new Date(this.$props.start.getTime()));
+      setField(dataItem, this.ks.fields.end, new Date(this.$props.end.getTime()));
+      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/es/slots/SchedulerSlot.js

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

package/dist/es/slots/SchedulerViewSlot.js

@@ -34,6 +34,7 @@ var SchedulerViewSlotVue2 = {
     expandable: [Boolean, Object],
     isAllDay: Boolean,
     navDay: Boolean,
+    editable: [Object, Boolean],
     itemsPerSlot: Number
   },
   created: function created() {
@@ -80,7 +81,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, {
@@ -100,7 +102,8 @@ var SchedulerViewSlotVue2 = {
         zonedStart: zonedStart,
         zonedEnd: zonedEnd,
         navDay: navDay,
-        itemsPerSlot: itemsPerSlot
+        itemsPerSlot: itemsPerSlot,
+        editable: editable
       },
       items: items,
       row: row,
@@ -116,6 +119,7 @@ var SchedulerViewSlotVue2 = {
       zonedEnd: zonedEnd,
       navDay: navDay,
       itemsPerSlot: itemsPerSlot,
+      editable: editable,
       onShowmoreitems: this.handleShowMoreItemsClick,
       on: this.v3 ? undefined : {
         "showmoreitems": this.handleShowMoreItemsClick,

package/dist/es/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/es/views/agenda/AgendaView.js

@@ -58,7 +58,8 @@ var AgendaViewVue2 = {
       type: Number,
       default: DAYS_IN_WEEK_COUNT
     },
-    task: [String, Function, Object]
+    task: [String, Function, Object],
+    editable: [Object, Boolean]
   },
   inject: {
     ks: {
@@ -189,17 +190,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, {
           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"
@@ -226,19 +239,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, {
         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);
+    }
   }
 };
 

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

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

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

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

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

@@ -51,7 +51,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,
@@ -61,7 +62,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, {
           slotRender: more.slotRender,
@@ -71,7 +73,8 @@ var VerticalResourceIteratorVue2 = {
             groupIndex: currentGroupIndex,
             monthSlots: more.monthSlots,
             rangeIndex: rangeIndex,
-            itemsPerSlot: more.itemsPerSlot
+            itemsPerSlot: more.itemsPerSlot,
+            editable: more.editable
           },
           ranges: more.ranges,
           groupIndex: currentGroupIndex,
@@ -81,7 +84,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;
@@ -100,7 +104,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,
@@ -116,7 +121,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/es/views/day/DayView.js

@@ -153,8 +153,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);
+    }
   }
 };
 var DayView = DayViewVue2;

package/dist/es/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/es/views/day/DayViewMiddleRow.js

@@ -11,6 +11,7 @@ import { isInTimeRange } from '../../utils'; // tslint:enable:max-line-length
 var DayViewMiddleRowVue2 = {
   name: 'KendoDayViewMiddleRow',
   props: {
+    editable: [Object, Boolean],
     slotRender: [String, Function, Object],
     timeRanges: Array,
     timeSlots: Array,

package/dist/es/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/es/views/day/DayViewVerticalRow.js

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

package/dist/es/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/es/views/day/DayViewVerticalSlotsRow.js

@@ -11,6 +11,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/es/views/day/MultiDayView.js

@@ -457,10 +457,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, {
             timeRanges: _this2.timeRanges,
@@ -523,7 +525,8 @@ var MultiDayViewVue2 = {
                   workDayStart: workDayStart,
                   workDayEnd: workDayEnd,
                   workWeekStart: workWeekStart,
-                  workWeekEnd: workWeekEnd
+                  workWeekEnd: workWeekEnd,
+                  editable: _this3.$props.editable
                 },
                 timeRanges: _this3.timeRanges,
                 timeSlots: timeSlots,
@@ -538,7 +541,8 @@ var MultiDayViewVue2 = {
                 onDataaction: _this3.handleDataAction,
                 on: _this3.v3 ? undefined : {
                   "dataaction": _this3.handleDataAction
-                }
+                },
+                editable: _this3.$props.editable
               })];
             } : [h(DayViewMiddleRow, {
               slotRender: _this3.$props.slotRender,
@@ -553,7 +557,8 @@ var MultiDayViewVue2 = {
                 workDayStart: workDayStart,
                 workDayEnd: workDayEnd,
                 workWeekStart: workWeekStart,
-                workWeekEnd: workWeekEnd
+                workWeekEnd: workWeekEnd,
+                editable: _this3.$props.editable
               },
               timeRanges: _this3.timeRanges,
               timeSlots: timeSlots,
@@ -568,7 +573,8 @@ var MultiDayViewVue2 = {
               onDataaction: _this3.handleDataAction,
               on: _this3.v3 ? undefined : {
                 "dataaction": _this3.handleDataAction
-              }
+              },
+              editable: _this3.$props.editable
             })])
           );
         }, _this2), _this2.$props.currentTimeMarker && intersects(first(_this2.timeRanges).start, last(_this2.timeRanges).end, new Date(), new Date(), true) && h(CurrentTimeMarker)] : [// @ts-ignore  function children
@@ -586,7 +592,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,
@@ -603,7 +610,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, {
@@ -615,10 +623,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, {
           onDataaction: _this2.handleDataAction,
@@ -629,10 +639,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(
@@ -947,10 +959,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, {
           timeRanges: _this2.timeRanges,
@@ -1012,7 +1026,8 @@ var MultiDayViewVue2 = {
               workDayStart: workDayStart,
               workDayEnd: workDayEnd,
               workWeekStart: workWeekStart,
-              workWeekEnd: workWeekEnd
+              workWeekEnd: workWeekEnd,
+              editable: _this3.$props.editable
             },
             timeRanges: _this3.timeRanges,
             timeSlots: timeSlots,
@@ -1027,7 +1042,8 @@ var MultiDayViewVue2 = {
             onDataaction: _this3.handleDataAction,
             on: _this3.v3 ? undefined : {
               "dataaction": _this3.handleDataAction
-            }
+            },
+            editable: _this3.$props.editable
           })];
         } : [h(DayViewMiddleRow, {
           slotRender: _this3.$props.slotRender,
@@ -1042,7 +1058,8 @@ var MultiDayViewVue2 = {
             workDayStart: workDayStart,
             workDayEnd: workDayEnd,
             workWeekStart: workWeekStart,
-            workWeekEnd: workWeekEnd
+            workWeekEnd: workWeekEnd,
+            editable: _this3.$props.editable
           },
           timeRanges: _this3.timeRanges,
           timeSlots: timeSlots,
@@ -1057,7 +1074,8 @@ var MultiDayViewVue2 = {
           onDataaction: _this3.handleDataAction,
           on: _this3.v3 ? undefined : {
             "dataaction": _this3.handleDataAction
-          }
+          },
+          editable: _this3.$props.editable
         })]);
       }, _this2), _this2.$props.currentTimeMarker && intersects(first(_this2.timeRanges).start, last(_this2.timeRanges).end, new Date(), new Date(), true) && h(CurrentTimeMarker)] : [h(VerticalResourceIterator, {
         nested: true,
@@ -1073,7 +1091,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,
@@ -1090,7 +1109,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, {
@@ -1102,10 +1122,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, {
         onDataaction: _this2.handleDataAction,
@@ -1116,10 +1138,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,