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

package/dist/es/views/month/MonthView.js

@@ -60,11 +60,13 @@ var MonthViewVue2 = {
     selectedShortDateFormat: {
       type: String,
       default: '{0:Y}'
-    }
+    },
+    slotRender: [String, Function, Object],
+    item: [String, Function, Object]
   },
   inject: {
     ks: {
-      default: null
+      default: {}
     },
     kendoLocalizationService: {
       default: null
@@ -143,89 +145,78 @@ var MonthViewVue2 = {
     this.intl = provideIntlService(this); // const fields = useSchedulerFieldsContext();
 
     var itemsPerSlot = this.$props.itemsPerSlot;
-    var body = this.ranges.map(function (_, rangeIndex) {
+    var body = this.ks.orientation === 'horizontal' ? this.ranges.map(function (_, rangeIndex) {
       var _this = this;
 
-      return this.ks.orientation === 'horizontal' ? // @ts-ignore  function children
-      h(HorizontalResourceIterator, {
-        resources: this.ks.props.resources,
-        attrs: this.v3 ? undefined : {
+      return (// @ts-ignore  function children
+        h(HorizontalResourceIterator, {
           resources: this.ks.props.resources,
+          attrs: this.v3 ? undefined : {
+            resources: this.ks.props.resources,
+            group: this.ks.props.group
+          },
           group: this.ks.props.group
-        },
-        group: this.ks.props.group
-      }, this.v3 ? function () {
-        return [h(MonthViewBody, {
-          monthSlots: monthSlots,
-          attrs: _this.v3 ? undefined : {
+        }, this.v3 ? function () {
+          return [h(MonthViewBody, {
+            slotRender: _this.$props.slotRender,
+            attrs: _this.v3 ? undefined : {
+              slotRender: _this.$props.slotRender,
+              monthSlots: monthSlots,
+              rangeIndex: rangeIndex,
+              itemsPerSlot: itemsPerSlot
+            },
             monthSlots: monthSlots,
             rangeIndex: rangeIndex,
-            itemsPerSlot: itemsPerSlot
-          },
-          rangeIndex: rangeIndex,
-          itemsPerSlot: itemsPerSlot,
-          onDataaction: _this.handleDataAction,
-          on: _this.v3 ? undefined : {
-            "dataaction": _this.handleDataAction
-          }
-        })];
-      } : [h(MonthViewBody, {
-        monthSlots: monthSlots,
-        attrs: _this.v3 ? undefined : {
-          monthSlots: monthSlots,
-          rangeIndex: rangeIndex,
-          itemsPerSlot: itemsPerSlot
-        },
-        rangeIndex: rangeIndex,
-        itemsPerSlot: itemsPerSlot,
-        onDataaction: _this.handleDataAction,
-        on: _this.v3 ? undefined : {
-          "dataaction": _this.handleDataAction
-        }
-      })]) : // @ts-ignore  function children
-      h(VerticalResourceIterator, {
-        nested: true,
-        attrs: this.v3 ? undefined : {
-          nested: true,
-          resources: this.ks.props.resources,
-          group: this.ks.props.group
-        },
-        resources: this.ks.props.resources,
-        group: this.ks.props.group
-      }, this.v3 ? function () {
-        return [h(MonthViewBody, {
-          monthSlots: monthSlots,
+            itemsPerSlot: itemsPerSlot,
+            onDataaction: _this.handleDataAction,
+            on: _this.v3 ? undefined : {
+              "dataaction": _this.handleDataAction
+            }
+          })];
+        } : [h(MonthViewBody, {
+          slotRender: _this.$props.slotRender,
           attrs: _this.v3 ? undefined : {
+            slotRender: _this.$props.slotRender,
             monthSlots: monthSlots,
-            ranges: _this.ranges,
             rangeIndex: rangeIndex,
             itemsPerSlot: itemsPerSlot
           },
-          ranges: _this.ranges,
+          monthSlots: monthSlots,
           rangeIndex: rangeIndex,
           itemsPerSlot: itemsPerSlot,
           onDataaction: _this.handleDataAction,
           on: _this.v3 ? undefined : {
             "dataaction": _this.handleDataAction
           }
-        })];
-      } : [h(MonthViewBody, {
-        monthSlots: monthSlots,
-        attrs: _this.v3 ? undefined : {
+        })])
+      );
+    }, this) : // @ts-ignore  function children
+    h(VerticalResourceIterator, {
+      nested: true,
+      attrs: this.v3 ? undefined : {
+        nested: true,
+        resources: this.ks.props.resources,
+        group: this.ks.props.group,
+        more: {
+          slotRender: this.$props.slotRender,
           monthSlots: monthSlots,
-          ranges: _this.ranges,
-          rangeIndex: rangeIndex,
+          ranges: this.ranges,
           itemsPerSlot: itemsPerSlot
-        },
-        ranges: _this.ranges,
-        rangeIndex: rangeIndex,
-        itemsPerSlot: itemsPerSlot,
-        onDataaction: _this.handleDataAction,
-        on: _this.v3 ? undefined : {
-          "dataaction": _this.handleDataAction
         }
-      })]);
-    }, this);
+      },
+      resources: this.ks.props.resources,
+      group: this.ks.props.group,
+      onDataaction: this.handleDataAction,
+      on: this.v3 ? undefined : {
+        "dataaction": this.handleDataAction
+      },
+      more: {
+        slotRender: this.$props.slotRender,
+        monthSlots: monthSlots,
+        ranges: this.ranges,
+        itemsPerSlot: itemsPerSlot
+      }
+    });
     return (// @ts-ignore  function children
       h(BaseView, {
         props: this.$props,

package/dist/es/views/month/MonthViewBody.d.ts

@@ -5,10 +5,12 @@ declare type DefaultMethods<V> = {
 };
 /** @hidden */
 export interface MonthViewBodyProps {
+    groupIndex?: number;
     rangeIndex: number;
     itemsPerSlot: number;
     monthSlots: any[];
     ranges: any[];
+    slotRender: any;
 }
 /**
  * @hidden

package/dist/es/views/month/MonthViewBody.js

@@ -2,25 +2,22 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
-var inject = allVue.inject;
 import { SchedulerEditSlot } from '../../slots/SchedulerEditSlot';
-import { ShowMoreItemsButton } from '../../components/ShowMoreItemsButton';
-import { provideIntlService } from '@progress/kendo-vue-intl';
-var DAY_FORMAT = {
-  skeleton: 'dd'
-}; // tslint:enable:max-line-length
+import { provideIntlService } from '@progress/kendo-vue-intl'; // tslint:enable:max-line-length
 
 var MonthViewBodyVue2 = {
   name: 'KendoMonthViewBody',
   props: {
+    groupIndex: Number,
     rangeIndex: Number,
     itemsPerSlot: Number,
     monthSlots: Array,
-    ranges: Array
+    ranges: Array,
+    slotRender: [String, Function, Object]
   },
   inject: {
     ri: {
-      default: null
+      default: {}
     },
     ks: {
       default: null
@@ -49,20 +46,21 @@ var MonthViewBodyVue2 = {
     var h = gh || createElement;
     this.intl = provideIntlService(this);
     var EditSlot = this.$props.editSlot || SchedulerEditSlot;
+    var that = this;
+    var groupIndex = this.groupIndex !== undefined ? this.groupIndex : this.ri.groupIndex;
     return h("div", {
       "class": "k-scheduler-row",
       key: this.rangeIndex
     }, [this.monthSlots.filter(function (slot) {
-      return slot.group.index === _this.ri.groupIndex && slot.range.index === _this.rangeIndex;
+      return slot.group.index === groupIndex && slot.range.index === _this.rangeIndex;
     }).map(function (slot, slotIndex, filtered) {
-      var _this2 = this;
-
       return (// @ts-ignore  function children
         h(EditSlot, {
-          viewSlot: this.$props.viewSlot,
+          slotRender: this.$props.slotRender,
           attrs: this.v3 ? undefined : {
-            viewSlot: this.$props.viewSlot,
-            form: this.$props.form,
+            slotRender: this.$props.slotRender,
+            viewSlot: that.$props.viewSlot,
+            form: that.$props.form,
             index: slot.index,
             start: slot.start,
             end: slot.end,
@@ -72,16 +70,19 @@ var MonthViewBodyVue2 = {
             group: slot.group,
             range: slot.range,
             isAllDay: slot.isAllDay,
+            navDay: true,
+            itemsPerSlot: that.itemsPerSlot,
             expandable: {
               offsetTop: 30,
-              offsetBottom: this.itemsPerSlot < slot.items.length ? 15 : 0
+              offsetBottom: that.itemsPerSlot < slot.items.length ? 15 : 0
             },
-            col: this.ks.orientation === 'horizontal' ? filtered.length * (this.ri.groupIndex || 0) + slotIndex : slotIndex,
-            row: this.ks.orientation === 'horizontal' ? this.rangeIndex : this.ranges.length * (this.ri.groupIndex || 0) + this.rangeIndex,
-            editable: this.$props.editable
+            col: that.ks.orientation === 'horizontal' ? filtered.length * (groupIndex || 0) + slotIndex : slotIndex,
+            row: that.ks.orientation === 'horizontal' ? that.rangeIndex : that.ranges.length * (groupIndex || 0) + that.rangeIndex,
+            editable: that.$props.editable
           },
+          viewSlot: that.$props.viewSlot,
           key: slotIndex,
-          form: this.$props.form,
+          form: that.$props.form,
           index: slot.index,
           start: slot.start,
           end: slot.end,
@@ -91,57 +92,41 @@ var MonthViewBodyVue2 = {
           group: slot.group,
           range: slot.range,
           isAllDay: slot.isAllDay,
+          navDay: true,
+          itemsPerSlot: that.itemsPerSlot,
           expandable: {
             offsetTop: 30,
-            offsetBottom: this.itemsPerSlot < slot.items.length ? 15 : 0
+            offsetBottom: that.itemsPerSlot < slot.items.length ? 15 : 0
           },
-          onDataaction: this.handleDataAction,
+          onDataaction: that.handleDataAction,
           on: this.v3 ? undefined : {
-            "dataaction": this.handleDataAction
-          },
-          col: this.ks.orientation === 'horizontal' ? filtered.length * (this.ri.groupIndex || 0) + slotIndex : slotIndex,
-          row: this.ks.orientation === 'horizontal' ? this.rangeIndex : this.ranges.length * (this.ri.groupIndex || 0) + this.rangeIndex,
-          editable: this.$props.editable
-        }, this.v3 ? function () {
-          return [h("div", [h("span", {
-            "class": "k-link k-nav-day"
-          }, [_this2.intl.formatDate(new Date(slot.end.getTime() - (slot.end.getTime() - slot.start.getTime()) / 2), DAY_FORMAT)]), _this2.itemsPerSlot < slot.items.length && h(ShowMoreItemsButton, {
-            currentSlot: slot,
-            attrs: _this2.v3 ? undefined : {
-              currentSlot: slot
-            },
-            onClick: _this2.handleShowMoreItemsClick,
-            on: _this2.v3 ? undefined : {
-              "click": _this2.handleShowMoreItemsClick
+            "dataaction": that.handleDataAction,
+            "showmoreitems": function showmoreitems(e) {
+              return that.handleShowMoreItemsClick(e, slot);
             }
-          })])];
-        } : [h("div", [h("span", {
-          "class": "k-link k-nav-day"
-        }, [_this2.intl.formatDate(new Date(slot.end.getTime() - (slot.end.getTime() - slot.start.getTime()) / 2), DAY_FORMAT)]), _this2.itemsPerSlot < slot.items.length && h(ShowMoreItemsButton, {
-          currentSlot: slot,
-          attrs: _this2.v3 ? undefined : {
-            currentSlot: slot
           },
-          onClick: _this2.handleShowMoreItemsClick,
-          on: _this2.v3 ? undefined : {
-            "click": _this2.handleShowMoreItemsClick
+          col: that.ks.orientation === 'horizontal' ? filtered.length * (groupIndex || 0) + slotIndex : slotIndex,
+          row: that.ks.orientation === 'horizontal' ? that.rangeIndex : that.ranges.length * (groupIndex || 0) + that.rangeIndex,
+          editable: that.$props.editable,
+          onShowmoreitems: function showmoreitems(e) {
+            return that.handleShowMoreItemsClick(e, slot);
           }
-        })])])
+        })
       );
     }, this)]);
   },
   methods: {
-    handleShowMoreItemsClick: function handleShowMoreItemsClick(event) {
+    handleShowMoreItemsClick: function handleShowMoreItemsClick(event, slot) {
       var newView = this.ks.views.find(function (vw) {
         return vw.name === 'day';
       });
 
-      if (!this.setActiveViewName || !newView || !newView.name || !event.target.slot) {
+      if (!this.setActiveViewName || !newView || !newView.name || !slot) {
         return;
       }
 
       this.setActiveViewName(newView.name, event);
-      this.setActiveDate(event.target.slot.start, event);
+      this.setActiveDate(slot.start, event);
     },
     handleDataAction: function handleDataAction(action) {
       this.$emit('dataaction', action);

package/dist/es/views/time/MultiDayTimelineView.d.ts

@@ -114,9 +114,9 @@ export interface MultiDayTimelineViewProps extends SchedulerViewProps {
      */
     editItem?: any;
     /**
-     * Overrides the `slot` prop of the Scheduler for the specified view only.
+     * Overrides the `slotRender` prop of the Scheduler for the specified view only.
      */
-    slot?: any;
+    slotRender?: any;
     /**
      * Overrides the `viewSlot` prop of the Scheduler for the specified view only.
      */

package/dist/es/views/time/MultiDayTimelineView.js

@@ -105,7 +105,9 @@ var MultiDayTimelineViewVue2 = {
     columnWidth: {
       type: Number,
       default: 100
-    }
+    },
+    slotRender: [String, Function, Object],
+    item: [String, Function, Object]
   },
   inject: {
     ks: {
@@ -213,12 +215,7 @@ var MultiDayTimelineViewVue2 = {
   render: function render(createElement) {
     var _this2 = this;
 
-    var h = gh || createElement; // const {
-    //     group,
-    //     timezone,
-    //     resources: propResources
-    // } = useSchedulerPropsContext();
-
+    var h = gh || createElement;
     var intl = provideIntlService(this);
     var showWorkHours = this.$props.showWorkHours;
     var slotDivisions = this.$props.slotDivisions;
@@ -335,13 +332,15 @@ var MultiDayTimelineViewVue2 = {
         }, _this2.v3 ? function () {
           return [// @ts-ignore  function children
           h(TimelineViewBody, {
-            ranges: _this2.ranges,
+            slotRender: _this2.$props.slotRender,
             attrs: _this2.v3 ? undefined : {
+              slotRender: _this2.$props.slotRender,
               ranges: _this2.ranges,
               workDayStart: workDayStart,
               workDayEnd: workDayEnd,
               timelineSlots: timelineSlots
             },
+            ranges: _this2.ranges,
             workDayStart: workDayStart,
             workDayEnd: workDayEnd,
             timelineSlots: timelineSlots,
@@ -351,13 +350,15 @@ var MultiDayTimelineViewVue2 = {
             }
           })];
         } : [h(TimelineViewBody, {
-          ranges: _this2.ranges,
+          slotRender: _this2.$props.slotRender,
           attrs: _this2.v3 ? undefined : {
+            slotRender: _this2.$props.slotRender,
             ranges: _this2.ranges,
             workDayStart: workDayStart,
             workDayEnd: workDayEnd,
             timelineSlots: timelineSlots
           },
+          ranges: _this2.ranges,
           workDayStart: workDayStart,
           workDayEnd: workDayEnd,
           timelineSlots: timelineSlots,
@@ -365,34 +366,37 @@ var MultiDayTimelineViewVue2 = {
           on: _this2.v3 ? undefined : {
             "dataaction": _this2.handleDataAction
           }
-        })]) : h(VerticalResourceIterator, {
+        })]) : // @ts-ignore  function children
+        h(VerticalResourceIterator, {
           nested: true,
           attrs: _this2.v3 ? undefined : {
             nested: true,
             wrapGroup: true,
             group: _this2.ks.props.group,
-            resources: _this2.ks.props.resources
+            resources: _this2.ks.props.resources,
+            more: {
+              ranges: _this2.ranges,
+              workDayStart: workDayStart,
+              workDayEnd: workDayEnd,
+              timelineSlots: timelineSlots,
+              slotRender: _this2.$props.slotRender
+            }
           },
           wrapGroup: true,
           group: _this2.ks.props.group,
-          resources: _this2.ks.props.resources
-        }, [// @ts-ignore  function children
-        h(TimelineViewBody, {
-          range: _this2.range,
-          attrs: _this2.v3 ? undefined : {
-            range: _this2.range,
-            workDayStart: workDayStart,
-            workDayEnd: workDayEnd,
-            timelineSlots: timelineSlots
-          },
-          workDayStart: workDayStart,
-          workDayEnd: workDayEnd,
-          timelineSlots: timelineSlots,
+          resources: _this2.ks.props.resources,
           onDataaction: _this2.handleDataAction,
           on: _this2.v3 ? undefined : {
             "dataaction": _this2.handleDataAction
+          },
+          more: {
+            ranges: _this2.ranges,
+            workDayStart: workDayStart,
+            workDayEnd: workDayEnd,
+            timelineSlots: timelineSlots,
+            slotRender: _this2.$props.slotRender
           }
-        })]), items.sort(orderSort).map(function (item) {
+        }), items.sort(orderSort).map(function (item) {
           return h(SchedulerEditItem, {
             key: item.isRecurring ? item.uid + ":" + item.group.index + ":" + item.range.index + ":" + item.originalStart : item.uid + ":" + item.group.index + ":" + item.range.index,
             uid: item.uid,
@@ -513,13 +517,15 @@ var MultiDayTimelineViewVue2 = {
         rowContent: TimelineViewAllEventsRowContent
       }, _this2.v3 ? function () {
         return [h(TimelineViewBody, {
-          ranges: _this2.ranges,
+          slotRender: _this2.$props.slotRender,
           attrs: _this2.v3 ? undefined : {
+            slotRender: _this2.$props.slotRender,
             ranges: _this2.ranges,
             workDayStart: workDayStart,
             workDayEnd: workDayEnd,
             timelineSlots: timelineSlots
           },
+          ranges: _this2.ranges,
           workDayStart: workDayStart,
           workDayEnd: workDayEnd,
           timelineSlots: timelineSlots,
@@ -529,13 +535,15 @@ var MultiDayTimelineViewVue2 = {
           }
         })];
       } : [h(TimelineViewBody, {
-        ranges: _this2.ranges,
+        slotRender: _this2.$props.slotRender,
         attrs: _this2.v3 ? undefined : {
+          slotRender: _this2.$props.slotRender,
           ranges: _this2.ranges,
           workDayStart: workDayStart,
           workDayEnd: workDayEnd,
           timelineSlots: timelineSlots
         },
+        ranges: _this2.ranges,
         workDayStart: workDayStart,
         workDayEnd: workDayEnd,
         timelineSlots: timelineSlots,
@@ -549,27 +557,30 @@ var MultiDayTimelineViewVue2 = {
           nested: true,
           wrapGroup: true,
           group: _this2.ks.props.group,
-          resources: _this2.ks.props.resources
+          resources: _this2.ks.props.resources,
+          more: {
+            ranges: _this2.ranges,
+            workDayStart: workDayStart,
+            workDayEnd: workDayEnd,
+            timelineSlots: timelineSlots,
+            slotRender: _this2.$props.slotRender
+          }
         },
         wrapGroup: true,
         group: _this2.ks.props.group,
-        resources: _this2.ks.props.resources
-      }, [h(TimelineViewBody, {
-        range: _this2.range,
-        attrs: _this2.v3 ? undefined : {
-          range: _this2.range,
-          workDayStart: workDayStart,
-          workDayEnd: workDayEnd,
-          timelineSlots: timelineSlots
-        },
-        workDayStart: workDayStart,
-        workDayEnd: workDayEnd,
-        timelineSlots: timelineSlots,
+        resources: _this2.ks.props.resources,
         onDataaction: _this2.handleDataAction,
         on: _this2.v3 ? undefined : {
           "dataaction": _this2.handleDataAction
+        },
+        more: {
+          ranges: _this2.ranges,
+          workDayStart: workDayStart,
+          workDayEnd: workDayEnd,
+          timelineSlots: timelineSlots,
+          slotRender: _this2.$props.slotRender
         }
-      })]), items.sort(orderSort).map(function (item) {
+      }), items.sort(orderSort).map(function (item) {
         return h(SchedulerEditItem, {
           key: item.isRecurring ? item.uid + ":" + item.group.index + ":" + item.range.index + ":" + item.originalStart : item.uid + ":" + item.group.index + ":" + item.range.index,
           uid: item.uid,

package/dist/es/views/time/TimelineView.js

@@ -87,7 +87,9 @@ var TimelineViewVue2 = {
     columnWidth: {
       type: Number,
       default: 100
-    }
+    },
+    slotRender: [String, Function, Object],
+    item: [String, Function, Object]
   },
   // @ts-ignore
   setup: !gh ? undefined : function () {
@@ -119,7 +121,9 @@ var TimelineViewVue2 = {
         workDayStart: this.$props.workDayStart,
         workDayEnd: this.$props.workDayEnd,
         workWeekStart: this.$props.workWeekStart,
-        workWeekEnd: this.$props.workWeekEnd
+        workWeekEnd: this.$props.workWeekEnd,
+        slotRender: this.$props.slotRender,
+        item: this.$props.item
       },
       dateRange: this.$props.dateRange,
       step: this.$props.step,
@@ -137,7 +141,9 @@ var TimelineViewVue2 = {
       workDayStart: this.$props.workDayStart,
       workDayEnd: this.$props.workDayEnd,
       workWeekStart: this.$props.workWeekStart,
-      workWeekEnd: this.$props.workWeekEnd
+      workWeekEnd: this.$props.workWeekEnd,
+      slotRender: this.$props.slotRender,
+      item: this.$props.item
     });
   }
 };

package/dist/es/views/time/TimelineViewBody.d.ts

@@ -5,10 +5,12 @@ declare type DefaultMethods<V> = {
 };
 /** @hidden */
 export interface TimelineViewBodyProps {
+    groupIndex: number;
     timelineSlots: any[];
     ranges: any[];
     workDayStart: any;
     workDayEnd: any;
+    slotRender: any;
 }
 /**
  * @hidden

package/dist/es/views/time/TimelineViewBody.js

@@ -9,10 +9,12 @@ import { isInTimeRange } from '../../utils'; // tslint:enable:max-line-length
 var TimelineViewBodyVue2 = {
   name: 'KendoTimelineViewBody',
   props: {
+    groupIndex: Number,
     timelineSlots: Array,
     ranges: Array,
     workDayStart: Date,
-    workDayEnd: Date
+    workDayEnd: Date,
+    slotRender: [String, Function, Object]
   },
   inject: {
     ri: {
@@ -35,7 +37,7 @@ var TimelineViewBodyVue2 = {
     var that = this;
     var orientation = this.ks.orientation;
     var ranges = this.ranges;
-    var groupIndex = this.ri.groupIndex;
+    var groupIndex = this.groupIndex !== undefined ? this.groupIndex : this.ri.groupIndex;
     var editable = this.$props.editable;
     return h("div", {
       "class": "k-scheduler-row"
@@ -49,6 +51,7 @@ var TimelineViewBodyVue2 = {
           viewSlot: that.$props.viewSlot,
           attrs: this.v3 ? undefined : {
             viewSlot: that.$props.viewSlot,
+            slotRender: that.$props.slotRender,
             index: slot.index,
             start: slot.start,
             end: slot.end,
@@ -65,6 +68,7 @@ var TimelineViewBodyVue2 = {
             expandable: true,
             editable: editable
           },
+          slotRender: that.$props.slotRender,
           index: slot.index,
           start: slot.start,
           end: slot.end,

package/dist/es/views/week/WeekView.js

@@ -80,7 +80,9 @@ var WeekViewVue2 = {
       type: Boolean,
       default: true
     },
-    timeHeaderCell: String
+    timeHeaderCell: String,
+    slotRender: [String, Function, Object],
+    item: [String, Function, Object]
   },
   inject: {
     kendoLocalizationService: {
@@ -120,7 +122,9 @@ var WeekViewVue2 = {
         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
       },
       dateRange: this.$props.dateRange,
       numberOfDays: this.$props.numberOfDays,
@@ -139,7 +143,9 @@ var WeekViewVue2 = {
       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
     });
   }
 };

package/dist/es/views/week/WorkWeekView.js

@@ -69,7 +69,9 @@ var WorkWeekViewVue2 = {
     showWorkHours: {
       type: Boolean,
       default: true
-    }
+    },
+    slotRender: [String, Function, Object],
+    item: [String, Function, Object]
   },
   inject: {
     kendoLocalizationService: {
@@ -105,7 +107,9 @@ var WorkWeekViewVue2 = {
         selectedShortDateFormat: this.$props.selectedShortDateFormat,
         showWorkHours: this.$props.showWorkHours,
         title: title,
-        step: DAYS_IN_WEEK_COUNT
+        step: DAYS_IN_WEEK_COUNT,
+        slotRender: this.$props.slotRender,
+        item: this.$props.item
       },
       dateRange: this.$props.dateRange,
       numberOfDays: numberOfDays,
@@ -115,7 +119,9 @@ var WorkWeekViewVue2 = {
       selectedShortDateFormat: this.$props.selectedShortDateFormat,
       showWorkHours: this.$props.showWorkHours,
       title: title,
-      step: DAYS_IN_WEEK_COUNT
+      step: DAYS_IN_WEEK_COUNT,
+      slotRender: this.$props.slotRender,
+      item: this.$props.item
     });
   }
 };