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

package/dist/es/slots/SchedulerViewSlot.js

@@ -5,7 +5,7 @@ var gh = allVue.h;
 var inject = allVue.inject;
 import { SchedulerSlot } from './SchedulerSlot';
 import { useSlotExpand } from '../hooks';
-import { getDefaultSlots } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length
+import { getDefaultSlots, getTemplate } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length
 
 var SchedulerViewSlotVue2 = {
   name: 'KendoSchedulerViewSlot',
@@ -30,9 +30,11 @@ var SchedulerViewSlotVue2 = {
     end: Date,
     zonedStart: Object,
     zonedEnd: Object,
-    renderSlot: [String, Function, Object],
+    slotRender: [String, Function, Object],
     expandable: [Boolean, Object],
-    isAllDay: Boolean
+    isAllDay: Boolean,
+    navDay: Boolean,
+    itemsPerSlot: Number
   },
   created: function created() {
     this.viewSlot = null;
@@ -64,7 +66,6 @@ var SchedulerViewSlotVue2 = {
     var h = gh || createElement;
     var defaultSlot = getDefaultSlots(this);
     var _a = this.$props,
-        renderSlot = _a.renderSlot,
         refTo = _a.refTo,
         items = _a.items,
         row = _a.row,
@@ -77,27 +78,14 @@ var SchedulerViewSlotVue2 = {
         start = _a.start,
         end = _a.end,
         zonedStart = _a.zonedStart,
-        zonedEnd = _a.zonedEnd;
-    return (// @ts-ignore  function children
-      h(SchedulerSlot, {
-        renderSlot: renderSlot //  refTo={refTo}
-        ,
-        attrs: this.v3 ? undefined : {
-          renderSlot: renderSlot,
-          isAllDay: this.isAllDay,
-          items: items,
-          row: row,
-          group: group,
-          range: range,
-          isWorkDay: isWorkDay,
-          isWorkHour: isWorkHour,
-          col: col,
-          index: index,
-          start: start,
-          end: end,
-          zonedStart: zonedStart,
-          zonedEnd: zonedEnd
-        },
+        zonedEnd = _a.zonedEnd,
+        navDay = _a.navDay,
+        itemsPerSlot = _a.itemsPerSlot;
+    var slotRender;
+    var slotRenderDefaultRendering = // @ts-ignore  function children
+    h(SchedulerSlot, {
+      isAllDay: this.isAllDay,
+      attrs: this.v3 ? undefined : {
         isAllDay: this.isAllDay,
         items: items,
         row: row,
@@ -110,11 +98,51 @@ var SchedulerViewSlotVue2 = {
         start: start,
         end: end,
         zonedStart: zonedStart,
-        zonedEnd: zonedEnd
-      }, this.v3 ? function () {
-        return [defaultSlot];
-      } : [defaultSlot])
-    );
+        zonedEnd: zonedEnd,
+        navDay: navDay,
+        itemsPerSlot: itemsPerSlot
+      },
+      items: items,
+      row: row,
+      group: group,
+      range: range,
+      isWorkDay: isWorkDay,
+      isWorkHour: isWorkHour,
+      col: col,
+      index: index,
+      start: start,
+      end: end,
+      zonedStart: zonedStart,
+      zonedEnd: zonedEnd,
+      navDay: navDay,
+      itemsPerSlot: itemsPerSlot,
+      onShowmoreitems: this.handleShowMoreItemsClick,
+      on: this.v3 ? undefined : {
+        "showmoreitems": this.handleShowMoreItemsClick,
+        "doubleclick": this.handleDoubleClick
+      },
+      onDoubleclick: this.handleDoubleClick
+    }, this.v3 ? function () {
+      return [defaultSlot];
+    } : [defaultSlot]);
+    slotRender = getTemplate.call(this, {
+      h: h,
+      template: this.$props.slotRender,
+      defaultRendering: slotRenderDefaultRendering,
+      defaultSlots: defaultSlot,
+      additionalListeners: {
+        showmoreitems: this.handleShowMoreItemsClick
+      }
+    });
+    return slotRender;
+  },
+  methods: {
+    handleShowMoreItemsClick: function handleShowMoreItemsClick(event) {
+      this.$emit('showmoreitems', event);
+    },
+    handleDoubleClick: function handleDoubleClick(args) {
+      this.$emit('doubleclick', args);
+    }
   }
 };
 var SchedulerViewSlot = SchedulerViewSlotVue2;

package/dist/es/tasks/SchedulerEditTask.js

@@ -19,7 +19,8 @@ var inject = allVue.inject;
 import { SchedulerViewTask } from './SchedulerViewTask';
 import { useEditable } from '../hooks';
 import { findMaster } from '../utils';
-import { DATA_ACTION } from '../Scheduler'; // tslint:enable:max-line-length
+import { DATA_ACTION } from '../Scheduler';
+import { getDefaultSlots } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length
 
 var SchedulerEditTaskVue2 = {
   name: 'KendoSchedulerEditTask',
@@ -93,6 +94,7 @@ var SchedulerEditTaskVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var h = gh || createElement;
+    var defaultSlot = getDefaultSlots(this);
 
     var _a = this.$props,
         refTo = _a.refTo,
@@ -108,10 +110,38 @@ var SchedulerEditTaskVue2 = {
         taskProps = __rest(_a, ["refTo", "viewTask", "removeDialog", "removeItem", "onRemoveItemChange", "occurrenceDialog", "showOccurrenceDialog", "onShowOccurrenceDialogChange", "showRemoveDialog", "onShowRemoveDialogChange"]);
 
     this.currentEditable = useEditable(this.$props.editable);
-    return h(SchedulerViewTask, {
-      id: this.$props.id,
-      attrs: this.v3 ? undefined : {
+    return (// @ts-ignore  function children
+      h(SchedulerViewTask, {
         id: this.$props.id,
+        attrs: this.v3 ? undefined : {
+          id: this.$props.id,
+          tabIndex: this.$props.tabIndex,
+          head: this.$props.head,
+          tail: this.$props.tail,
+          order: this.$props.order,
+          zonedStart: this.$props.zonedStart,
+          zonedEnd: this.$props.zonedEnd,
+          slots: this.$props.slots,
+          group: this.$props.group,
+          range: this.$props.range,
+          isException: this.$props.isException,
+          isRecurring: this.$props.isRecurring,
+          isAllDay: this.$props.isAllDay,
+          uid: this.$props.uid,
+          start: this.$props.start,
+          end: this.$props.end,
+          originalStart: this.$props.originalStart,
+          startTimezone: this.$props.startTimezone,
+          endTimezone: this.$props.endTimezone,
+          title: this.$props.title,
+          description: this.$props.description,
+          occurrenceId: this.$props.occurrenceId,
+          recurrenceExceptions: this.$props.recurrenceExceptions,
+          recurrenceRule: this.$props.recurrenceRule,
+          recurrenceId: this.$props.recurrenceId,
+          dataItem: this.$props.dataItem,
+          task: this.$props.task
+        },
         tabIndex: this.$props.tabIndex,
         head: this.$props.head,
         tail: this.$props.tail,
@@ -136,52 +166,29 @@ var SchedulerEditTaskVue2 = {
         recurrenceExceptions: this.$props.recurrenceExceptions,
         recurrenceRule: this.$props.recurrenceRule,
         recurrenceId: this.$props.recurrenceId,
-        dataItem: this.$props.dataItem //        {...taskProps}
+        dataItem: this.$props.dataItem,
+        task: this.$props.task,
+        onRemoveClick: this.handleRemoveClick,
+        on: this.v3 ? undefined : {
+          "removeClick": this.handleRemoveClick
+        }
+      }, this.v3 ? function () {
+        return [defaultSlot];
+      } : [defaultSlot]) // {(this.showOccurrenceDialog) && (<SchedulerOccurrenceDialog
+      // dataItem={this.removeItem}
+      // isRemove={this.removeItem !== null}
+      // onClose={this.handleCancel}
+      // onOccurrenceClick={this.handleOccurrenceClick}
+      // onSeriesClick={this.handleSeriesClick}
+      //     />)}
+      // {(this.showRemoveDialog) && (<SchedulerRemoveDialog
+      // dataItem={this.removeItem}
+      // onClose={this.handleCancel}
+      // onCancel={this.handleCancel}
+      // onConfirm={this.handleRemoveConfirm}
+      //     />)}
 
-      },
-      tabIndex: this.$props.tabIndex,
-      head: this.$props.head,
-      tail: this.$props.tail,
-      order: this.$props.order,
-      zonedStart: this.$props.zonedStart,
-      zonedEnd: this.$props.zonedEnd,
-      slots: this.$props.slots,
-      group: this.$props.group,
-      range: this.$props.range,
-      isException: this.$props.isException,
-      isRecurring: this.$props.isRecurring,
-      isAllDay: this.$props.isAllDay,
-      uid: this.$props.uid,
-      start: this.$props.start,
-      end: this.$props.end,
-      originalStart: this.$props.originalStart,
-      startTimezone: this.$props.startTimezone,
-      endTimezone: this.$props.endTimezone,
-      title: this.$props.title,
-      description: this.$props.description,
-      occurrenceId: this.$props.occurrenceId,
-      recurrenceExceptions: this.$props.recurrenceExceptions,
-      recurrenceRule: this.$props.recurrenceRule,
-      recurrenceId: this.$props.recurrenceId,
-      dataItem: this.$props.dataItem,
-      onRemoveClick: this.handleRemoveClick,
-      on: this.v3 ? undefined : {
-        "removeClick": this.handleRemoveClick
-      }
-    }) // {(this.showOccurrenceDialog) && (<SchedulerOccurrenceDialog
-    // dataItem={this.removeItem}
-    // isRemove={this.removeItem !== null}
-    // onClose={this.handleCancel}
-    // onOccurrenceClick={this.handleOccurrenceClick}
-    // onSeriesClick={this.handleSeriesClick}
-    //     />)}
-    // {(this.showRemoveDialog) && (<SchedulerRemoveDialog
-    // dataItem={this.removeItem}
-    // onClose={this.handleCancel}
-    // onCancel={this.handleCancel}
-    // onConfirm={this.handleRemoveConfirm}
-    //     />)}
-    ;
+    );
   },
   methods: {
     setRemoveItem: function setRemoveItem(item, event) {

package/dist/es/tasks/SchedulerTask.js

@@ -21,6 +21,7 @@ var gh = allVue.h;
 var inject = allVue.inject;
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { deleteTitle, messages } from '../messages';
+import { getDefaultSlots } from '@progress/kendo-vue-common';
 import { useEditable } from '../hooks'; // tslint:enable:max-line-length
 
 var SchedulerTaskVue2 = {
@@ -78,6 +79,7 @@ var SchedulerTaskVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var h = gh || createElement;
+    var defaultSlot = getDefaultSlots(this);
     var editable = useEditable(this.$props.editable);
     var localization = provideLocalizationService(this);
     var deleteMessage = localization.toLanguageString(deleteTitle, messages[deleteTitle]);
@@ -110,7 +112,7 @@ var SchedulerTaskVue2 = {
       "class": "k-icon k-i-reload"
     }), this.$props.isException && h("span", {
       "class": "k-icon k-i-non-recurrence"
-    }), this.$props.title, editable.remove && h("a", {
+    }), this.$props.title, defaultSlot, editable.remove && h("a", {
       "class": "k-link k-event-delete",
       title: deleteMessage,
       attrs: this.v3 ? undefined : {

package/dist/es/tasks/SchedulerViewTask.js

@@ -1,17 +1,5 @@
-var __rest = this && this.__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-}; // @ts-ignore
-
-
+// @ts-ignore
+import { getDefaultSlots, getTemplate } from '@progress/kendo-vue-common';
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -47,7 +35,8 @@ var SchedulerViewTaskVue2 = {
     recurrenceExceptions: Array,
     recurrenceRule: String,
     recurrenceId: [String, Number],
-    dataItem: Object
+    dataItem: Object,
+    task: [String, Function, Object]
   },
   // @ts-ignore
   setup: !gh ? undefined : function () {
@@ -59,13 +48,10 @@ var SchedulerViewTaskVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var h = gh || createElement;
-
-    var _a = this.$props,
-        taskProp = _a.task,
-        refTo = _a.refTo,
-        taskProps = __rest(_a, ["task", "refTo"]);
-
-    return h(SchedulerTask, {
+    var defaultSlot = getDefaultSlots(this);
+    var taskRender;
+    var taskRenderDefaultRendering = // @ts-ignore  function children
+    h(SchedulerTask, {
       id: this.$props.id,
       attrs: this.v3 ? undefined : {
         id: this.$props.id,
@@ -120,7 +106,16 @@ var SchedulerViewTaskVue2 = {
       recurrenceRule: this.$props.recurrenceRule,
       recurrenceId: this.$props.recurrenceId,
       dataItem: this.$props.dataItem
+    }, this.v3 ? function () {
+      return [defaultSlot];
+    } : [defaultSlot]);
+    taskRender = getTemplate.call(this, {
+      h: h,
+      template: this.$props.task,
+      defaultRendering: taskRenderDefaultRendering,
+      defaultSlots: defaultSlot
     });
+    return taskRender;
   }
 };
 var SchedulerViewTask = SchedulerViewTaskVue2;

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

@@ -57,7 +57,8 @@ var AgendaViewVue2 = {
     numberOfDays: {
       type: Number,
       default: DAYS_IN_WEEK_COUNT
-    }
+    },
+    task: [String, Function, Object]
   },
   inject: {
     ks: {
@@ -187,14 +188,18 @@ var AgendaViewVue2 = {
           return [h(AgendaViewBody, {
             agendaSlots: _this.agendaSlots,
             attrs: _this.v3 ? undefined : {
-              agendaSlots: _this.agendaSlots
-            }
+              agendaSlots: _this.agendaSlots,
+              task: _this.$props.task
+            },
+            task: _this.$props.task
           })];
         } : [h(AgendaViewBody, {
           agendaSlots: _this.agendaSlots,
           attrs: _this.v3 ? undefined : {
-            agendaSlots: _this.agendaSlots
-          }
+            agendaSlots: _this.agendaSlots,
+            task: _this.$props.task
+          },
+          task: _this.$props.task
         })])];
       } : [h("div", {
         "class": "k-scheduler-head"
@@ -220,14 +225,18 @@ var AgendaViewVue2 = {
         return [h(AgendaViewBody, {
           agendaSlots: _this.agendaSlots,
           attrs: _this.v3 ? undefined : {
-            agendaSlots: _this.agendaSlots
-          }
+            agendaSlots: _this.agendaSlots,
+            task: _this.$props.task
+          },
+          task: _this.$props.task
         })];
       } : [h(AgendaViewBody, {
         agendaSlots: _this.agendaSlots,
         attrs: _this.v3 ? undefined : {
-          agendaSlots: _this.agendaSlots
-        }
+          agendaSlots: _this.agendaSlots,
+          task: _this.$props.task
+        },
+        task: _this.$props.task
       })])])
     );
   }

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

@@ -8,6 +8,7 @@ export interface AgendaViewBodyProps {
     rangeIndex: number;
     itemsPerSlot: number;
     agendaSlots: any[];
+    task: any;
 }
 /**
  * @hidden

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

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

package/dist/es/views/common/VerticalResourceIterator.d.ts

@@ -6,6 +6,7 @@ declare type DefaultMethods<V> = {
 import { SchedulerResource, SchedulerGroup } from '../../models';
 /** @hidden */
 export interface VerticalResourceIteratorProps {
+    more?: Object;
     group?: SchedulerGroup;
     resources?: SchedulerResource[];
     nested?: boolean;

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

@@ -5,11 +5,16 @@ var gh = allVue.h;
 var inject = allVue.inject;
 import { toGroupResources } from './utils';
 import { SchedulerResourceIteratorContext } from '../../context/SchedulerResourceIteratorContext';
-import { getDefaultSlots } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length
+import { getDefaultSlots } from '@progress/kendo-vue-common';
+import { DayViewVerticalSlotsRow } from '../day/DayViewVerticalSlotsRow';
+import { MonthViewBody } from '../month/MonthViewBody';
+import { TimelineViewBody } from '../time/TimelineViewBody';
+var FIRST_INDEX = 0; // tslint:enable:max-line-length
 
 var VerticalResourceIteratorVue2 = {
   name: 'KendoVerticalResourceIterator',
   props: {
+    more: Object,
     group: Object,
     resources: Array,
     nested: Boolean,
@@ -30,12 +35,92 @@ var VerticalResourceIteratorVue2 = {
     var defaultSlot = getDefaultSlots(this);
     var _a = this.$props,
         nested = _a.nested,
-        wrapGroup = _a.wrapGroup;
+        wrapGroup = _a.wrapGroup,
+        more = _a.more;
     var cellContent = this.$props.cellContent || DefaultCellContent;
     var resources = toGroupResources(this.$props.group, this.$props.resources);
     var depth = 0;
     var groupIndex = 0;
 
+    var renderMore = function renderMore(_resource, currentGroupIndex) {
+      return more ? more.timelineSlots ? h(TimelineViewBody, {
+        slotRender: more.slotRender,
+        attrs: this.v3 ? undefined : {
+          slotRender: more.slotRender,
+          groupIndex: currentGroupIndex,
+          ranges: more.ranges,
+          workDayStart: more.workDayStart,
+          workDayEnd: more.workDayEnd,
+          timelineSlots: more.timelineSlots
+        },
+        groupIndex: currentGroupIndex,
+        ranges: more.ranges,
+        workDayStart: more.workDayStart,
+        workDayEnd: more.workDayEnd,
+        timelineSlots: more.timelineSlots,
+        onDataaction: this.handleDataAction,
+        on: this.v3 ? undefined : {
+          "dataaction": this.handleDataAction
+        }
+      }) : more.monthSlots ? more.ranges.map(function (_, rangeIndex) {
+        return h(MonthViewBody, {
+          slotRender: more.slotRender,
+          attrs: this.v3 ? undefined : {
+            slotRender: more.slotRender,
+            ranges: more.ranges,
+            groupIndex: currentGroupIndex,
+            monthSlots: more.monthSlots,
+            rangeIndex: rangeIndex,
+            itemsPerSlot: more.itemsPerSlot
+          },
+          ranges: more.ranges,
+          groupIndex: currentGroupIndex,
+          monthSlots: more.monthSlots,
+          rangeIndex: rangeIndex,
+          itemsPerSlot: more.itemsPerSlot,
+          onDataaction: this.handleDataAction,
+          on: this.v3 ? undefined : {
+            "dataaction": this.handleDataAction
+          }
+        });
+      }, this) : more.timeSlots.filter(function (s) {
+        return s.group.index === currentGroupIndex && s.range.index === FIRST_INDEX;
+      }).map(function (root, rootIndex, filtered) {
+        return h(DayViewVerticalSlotsRow, {
+          slotRender: more.slotRender,
+          attrs: this.v3 ? undefined : {
+            slotRender: more.slotRender,
+            groupIndex: currentGroupIndex,
+            root: root,
+            rootIndex: rootIndex,
+            filtered: filtered,
+            timeRanges: more.timeRanges,
+            timeSlots: more.timeSlots,
+            workDayStart: more.workDayStart,
+            workDayEnd: more.workDayEnd,
+            numberOfDays: more.numberOfDays,
+            workWeekStart: more.workWeekStart,
+            workWeekEnd: more.workWeekEnd
+          },
+          groupIndex: currentGroupIndex,
+          onDataaction: this.handleDataAction,
+          on: this.v3 ? undefined : {
+            "dataaction": this.handleDataAction
+          },
+          root: root,
+          rootIndex: rootIndex,
+          filtered: filtered,
+          timeRanges: more.timeRanges,
+          timeSlots: more.timeSlots,
+          workDayStart: more.workDayStart,
+          workDayEnd: more.workDayEnd,
+          numberOfDays: more.numberOfDays,
+          workWeekStart: more.workWeekStart,
+          workWeekEnd: more.workWeekEnd
+        });
+      }, this) : null;
+    };
+
     var renderResourcesWrapped = function renderResourcesWrapped(args) {
       return h("div", {
         "class": "k-scheduler-row"
@@ -62,20 +147,19 @@ var VerticalResourceIteratorVue2 = {
       var hasGroups = args.resources.length > 0;
 
       if (args.depth === args.resources.length || !hasGroups) {
-        return (// @ts-ignore  function children
-          h(SchedulerResourceIteratorContext, {
+        return [// @ts-ignore  function children
+        h(SchedulerResourceIteratorContext, {
+          noWrap: true,
+          attrs: this.v3 ? undefined : {
             noWrap: true,
-            attrs: this.v3 ? undefined : {
-              noWrap: true,
-              resource: args.resources[args.depth],
-              groupIndex: hasGroups ? args.groupIndex : 0
-            },
             resource: args.resources[args.depth],
             groupIndex: hasGroups ? args.groupIndex : 0
-          }, this.v3 ? function () {
-            return [children];
-          } : [children])
-        );
+          },
+          resource: args.resources[args.depth],
+          groupIndex: hasGroups ? args.groupIndex : 0
+        }, this.v3 ? function () {
+          return [children];
+        } : [children]), renderMore.call(this, args.resources[args.depth], hasGroups ? args.groupIndex : 0)];
       }
 
       var dataLength = args.resources[args.depth].data.length;
@@ -108,8 +192,6 @@ var VerticalResourceIteratorVue2 = {
     };
 
     var renderResourcesRecursivelyWrapped = function renderResourcesRecursivelyWrapped(args) {
-      var _this = this;
-
       var children = args.children;
       var dataLength = args.resources.length ? args.resources[args.depth].data.length : 0;
 
@@ -131,14 +213,14 @@ var VerticalResourceIteratorVue2 = {
           "data-resource-index": dataLength * args.groupIndex + dataIndex
         }, [dataItem.text]), args.depth + 1 !== resources.length && h("div", {
           "class": "k-scheduler-cell k-resource-content"
-        }, [renderResourcesRecursivelyWrapped.call(_this, {
+        }, [renderResourcesRecursivelyWrapped.call(this, {
           resources: resources,
           children: children,
           cellContent: args.cellContent,
           groupIndex: dataLength * args.groupIndex + dataIndex,
           depth: args.depth + 1
         })])]);
-      });
+      }, this);
     };
 
     var renderGroupContentRecursively = function renderGroupContentRecursively(args) {
@@ -268,6 +350,11 @@ var VerticalResourceIteratorVue2 = {
       depth: depth,
       groupIndex: groupIndex
     })]);
+  },
+  methods: {
+    handleDataAction: function handleDataAction(action) {
+      this.$emit('dataaction', action);
+    }
   }
 };
 var DefaultCellContent = null;

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

@@ -82,7 +82,13 @@ var DayViewVue2 = {
       type: Boolean,
       default: true
     },
-    timeHeaderCell: String
+    timeHeaderCell: String,
+    slotRender: [String, Function, Object],
+    item: [String, Function, Object],
+    editable: {
+      type: [Boolean, Object],
+      default: false
+    }
   },
   inject: {
     kendoLocalizationService: {
@@ -122,7 +128,10 @@ var DayViewVue2 = {
         workWeekStart: this.$props.workWeekStart,
         workWeekEnd: this.$props.workWeekEnd,
         defaultShowWorkHours: this.$props.defaultShowWorkHours,
-        timeHeaderCell: this.$props.timeHeaderCell
+        timeHeaderCell: this.$props.timeHeaderCell,
+        slotRender: this.$props.slotRender,
+        item: this.$props.item,
+        editable: this.$props.editable
       },
       dateRange: this.$props.dateRange,
       step: this.$props.step,
@@ -141,7 +150,10 @@ var DayViewVue2 = {
       workWeekStart: this.$props.workWeekStart,
       workWeekEnd: this.$props.workWeekEnd,
       defaultShowWorkHours: this.$props.defaultShowWorkHours,
-      timeHeaderCell: this.$props.timeHeaderCell
+      timeHeaderCell: this.$props.timeHeaderCell,
+      slotRender: this.$props.slotRender,
+      item: this.$props.item,
+      editable: this.$props.editable
     });
   }
 };

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

@@ -5,11 +5,13 @@ declare type DefaultMethods<V> = {
 };
 /** @hidden */
 export interface DayViewAllDaySlotsProps {
+    slotRender: any;
     dayRanges: any[];
     daySlots: any[];
     numberOfDays: number;
     workWeekStart: number;
     workWeekEnd: number;
+    editable?: boolean | object;
 }
 /**
  * @hidden