@progress/kendo-vue-scheduler 3.1.0-dev.202203011833 → 3.1.1

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

@@ -32,7 +32,6 @@ var __spreadArrays = this && this.__spreadArrays || function () {
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
-var inject = allVue.inject;
 import { Day, MS_PER_DAY, ZonedDate, getDate, addDays } from '@progress/kendo-date-math';
 import { BaseView } from '../../components/BaseView';
 import { HorizontalResourceIterator } from '../common/HorizontalResourceIterator';
@@ -41,6 +40,7 @@ import { VerticalResourceIterator } from '../common/VerticalResourceIterator';
 import { DayViewAllDayRowContent } from './DayViewAllDayRowContent';
 import { DayViewRowContent } from './DayViewRowContent';
 import { DayViewMiddleRow } from './DayViewMiddleRow';
+import { DayViewVerticalRow } from './DayViewVerticalRow';
 import { DayViewHead } from './DayViewHead';
 import { DayViewAllDaySlots } from './DayViewAllDaySlots';
 import { mapItemsToSlots, mapSlotsToItems, isInTimeRange, toUTCDateTime, intersects, first, last } from '../../utils';
@@ -48,16 +48,7 @@ import { provideIntlService } from '@progress/kendo-vue-intl';
 import { MS_PER_MINUTE } from '../../constants';
 import { toRanges, toItems, toSlots, toOccurrences } from '../../services/';
 import { SchedulerEditSlot } from '../../slots/SchedulerEditSlot';
-import { SchedulerEditItem } from '../../items/SchedulerEditItem'; // import {
-//     useSchedulerPropsContext,
-//     useSchedulerDataContext,
-//     useSchedulerGroupsContext,
-//     useSchedulerOrientationContext,
-//     useSchedulerFieldsContext,
-//     useSchedulerDateRangeContext
-// } from '../../context/SchedulerContext';
-
-import { SchedulerResourceIteratorContext } from '../../context/SchedulerResourceIteratorContext';
+import { SchedulerEditItem } from '../../items/SchedulerEditItem';
 import { CurrentTimeMarker } from '../../components/CurrentTimeMarket';
 var FIRST_INDEX = 0;
 export var GRID_OFFSET = 1; // tslint:enable:max-line-length
@@ -143,7 +134,9 @@ var MultiDayViewVue2 = {
       type: Boolean,
       default: true
     },
-    timeHeaderCell: String
+    timeHeaderCell: String,
+    slotRender: [String, Function, Object],
+    item: [String, Function, Object]
   },
   inject: {
     kendoIntlService: {
@@ -266,8 +259,6 @@ var MultiDayViewVue2 = {
   render: function render(createElement) {
     var _this2 = this;
 
-    var _this = this;
-
     var h = gh || createElement;
     this.intl = provideIntlService(this);
     var EditItem = this.$props.editItem || SchedulerEditItem;
@@ -348,11 +339,13 @@ var MultiDayViewVue2 = {
             attrs: _this2.v3 ? undefined : {
               dayRanges: _this2.dayRanges,
               daySlots: daySlots,
+              slotRender: _this2.$props.slotRender,
               numberOfDays: numberOfDays,
               workWeekStart: workWeekStart,
               workWeekEnd: workWeekEnd
             },
             daySlots: daySlots,
+            slotRender: _this2.$props.slotRender,
             numberOfDays: numberOfDays,
             workWeekStart: workWeekStart,
             workWeekEnd: workWeekEnd,
@@ -366,11 +359,13 @@ var MultiDayViewVue2 = {
           attrs: _this2.v3 ? undefined : {
             dayRanges: _this2.dayRanges,
             daySlots: daySlots,
+            slotRender: _this2.$props.slotRender,
             numberOfDays: numberOfDays,
             workWeekStart: workWeekStart,
             workWeekEnd: workWeekEnd
           },
           daySlots: daySlots,
+          slotRender: _this2.$props.slotRender,
           numberOfDays: numberOfDays,
           workWeekStart: workWeekStart,
           workWeekEnd: workWeekEnd,
@@ -448,7 +443,8 @@ var MultiDayViewVue2 = {
             editable: this.$props.editable,
             vertical: false
           });
-        }, _this2)] : h(VerticalResourceIterator, {
+        }, _this2)] : // @ts-ignore  function children
+        h(VerticalResourceIterator, {
           group: _this2.ks.props.group,
           attrs: _this2.v3 ? undefined : {
             group: _this2.ks.props.group,
@@ -457,7 +453,16 @@ var MultiDayViewVue2 = {
           },
           resources: _this2.ks.props.resources,
           emptyCell: true
-        }, [h(DayViewHead, {
+        }, _this2.v3 ? function () {
+          return [h(DayViewHead, {
+            timeRanges: _this2.timeRanges,
+            attrs: _this2.v3 ? undefined : {
+              timeRanges: _this2.timeRanges,
+              dateHeaderCell: _this2.$props.dateHeaderCell
+            },
+            dateHeaderCell: _this2.$props.dateHeaderCell
+          })];
+        } : [h(DayViewHead, {
           timeRanges: _this2.timeRanges,
           attrs: _this2.v3 ? undefined : {
             timeRanges: _this2.timeRanges,
@@ -498,8 +503,9 @@ var MultiDayViewVue2 = {
               }
             }, this.v3 ? function () {
               return [h(DayViewMiddleRow, {
-                timeRanges: _this3.timeRanges,
+                slotRender: _this3.$props.slotRender,
                 attrs: _this3.v3 ? undefined : {
+                  slotRender: _this3.$props.slotRender,
                   timeRanges: _this3.timeRanges,
                   timeSlots: timeSlots,
                   slotDivisions: slotDivisions,
@@ -511,6 +517,7 @@ var MultiDayViewVue2 = {
                   workWeekStart: workWeekStart,
                   workWeekEnd: workWeekEnd
                 },
+                timeRanges: _this3.timeRanges,
                 timeSlots: timeSlots,
                 slotDivisions: slotDivisions,
                 rootIndex: rootIndex,
@@ -526,8 +533,9 @@ var MultiDayViewVue2 = {
                 }
               })];
             } : [h(DayViewMiddleRow, {
-              timeRanges: _this3.timeRanges,
+              slotRender: _this3.$props.slotRender,
               attrs: _this3.v3 ? undefined : {
+                slotRender: _this3.$props.slotRender,
                 timeRanges: _this3.timeRanges,
                 timeSlots: timeSlots,
                 slotDivisions: slotDivisions,
@@ -539,6 +547,7 @@ var MultiDayViewVue2 = {
                 workWeekStart: workWeekStart,
                 workWeekEnd: workWeekEnd
               },
+              timeRanges: _this3.timeRanges,
               timeSlots: timeSlots,
               slotDivisions: slotDivisions,
               rootIndex: rootIndex,
@@ -554,145 +563,79 @@ var MultiDayViewVue2 = {
               }
             })])
           );
-        }, _this2), _this2.$props.currentTimeMarker && intersects(first(_this2.timeRanges).start, last(_this2.timeRanges).end, new Date(), new Date(), true) && h(CurrentTimeMarker)] : [h(VerticalResourceIterator, {
+        }, _this2), _this2.$props.currentTimeMarker && intersects(first(_this2.timeRanges).start, last(_this2.timeRanges).end, new Date(), new Date(), true) && h(CurrentTimeMarker)] : [// @ts-ignore  function children
+        h(VerticalResourceIterator, {
           nested: true,
           attrs: _this2.v3 ? undefined : {
             nested: true,
             group: _this2.ks.props.group,
-            resources: _this2.ks.props.resources
+            resources: _this2.ks.props.resources,
+            more: {
+              timeRanges: _this2.timeRanges,
+              timeSlots: timeSlots,
+              workDayStart: workDayStart,
+              workDayEnd: workDayEnd,
+              numberOfDays: numberOfDays,
+              workWeekStart: workWeekStart,
+              workWeekEnd: workWeekEnd,
+              slotRender: _this2.$props.slotRender
+            }
           },
           group: _this2.ks.props.group,
-          resources: _this2.ks.props.resources
-        }, [h(SchedulerResourceIteratorContext.Consumer, [function (_a) {
-          var groupIndex = _a.groupIndex;
-          return [h("div", {
-            "class": "k-scheduler-row"
-          }, [h(DayViewAllDayRowContent, {
-            groupIndex: groupIndex,
-            attrs: this.v3 ? undefined : {
-              groupIndex: groupIndex
-            }
-          }), _this.dayRanges.map(function (_, rangeIndex) {
-            var groupOffset = timeSlots.filter(function (s) {
-              return s.group.index === groupIndex && s.range.index === FIRST_INDEX;
-            }).length;
-            return daySlots.filter(function (s) {
-              return s.group.index === groupIndex && s.range.index === rangeIndex;
-            }).map(function (slot, slotIndex) {
-              return h(EditSlot, {
-                renderSlot: this.$props.slot,
-                attrs: this.v3 ? undefined : {
-                  renderSlot: this.$props.slot,
-                  viewSlot: this.$props.viewSlot,
-                  form: this.$props.form,
-                  index: slot.index,
-                  start: slot.start,
-                  end: slot.end,
-                  zonedStart: slot.zonedStart,
-                  zonedEnd: slot.zonedEnd,
-                  items: slot.items,
-                  group: slot.group,
-                  range: slot.range,
-                  isAllDay: slot.isAllDay,
-                  row: groupOffset * (groupIndex || 0) + (groupIndex || 0) * GRID_OFFSET,
-                  col: slotIndex,
-                  expandable: true
-                },
-                viewSlot: this.$props.viewSlot,
-                form: this.$props.form,
-                index: slot.index,
-                start: slot.start,
-                end: slot.end,
-                zonedStart: slot.zonedStart,
-                zonedEnd: slot.zonedEnd,
-                items: slot.items,
-                group: slot.group,
-                range: slot.range,
-                isAllDay: slot.isAllDay,
-                onDataaction: this.handleDataAction,
-                on: this.v3 ? undefined : {
-                  "dataaction": this.handleDataAction
-                },
-                key: slot.start.getTime() + ":" + slot.group.index,
-                "class": 'k-scheduler-alldays-slot',
-                row: groupOffset * (groupIndex || 0) + (groupIndex || 0) * GRID_OFFSET,
-                col: slotIndex,
-                expandable: true
-              });
-            }, this);
-          }, _this)]), timeSlots.filter(function (s) {
-            return s.group.index === groupIndex && s.range.index === FIRST_INDEX;
-          }).map(function (root, rootIndex, filtered) {
-            return h("div", {
-              "class": "k-scheduler-row",
-              key: root.index
-            }, [h(DayViewRowContent, {
-              contentSlot: root,
-              attrs: this.v3 ? undefined : {
-                contentSlot: root,
-                isMaster: rootIndex % slotDivisions === 0,
-                isLast: (rootIndex + 1) % slotDivisions === 0,
-                timeHeaderCell: this.$props.timeHeaderCell
-              },
-              isMaster: rootIndex % slotDivisions === 0,
-              isLast: (rootIndex + 1) % slotDivisions === 0,
-              timeHeaderCell: this.$props.timeHeaderCell
-            }), this.timeRanges.map(function (_, rangeIndex) {
-              return timeSlots.filter(function (s) {
-                return s.index === root.index && s.group.index === groupIndex && s.range.index === rangeIndex;
-              }).map(function (slot) {
-                return h(EditSlot, {
-                  renderSlot: this.$props.slot,
-                  attrs: this.v3 ? undefined : {
-                    renderSlot: this.$props.slot,
-                    viewSlot: this.$props.viewSlot,
-                    form: this.$props.form,
-                    index: slot.index,
-                    start: slot.start,
-                    end: slot.end,
-                    zonedStart: slot.zonedStart,
-                    zonedEnd: slot.zonedEnd,
-                    items: slot.items,
-                    group: slot.group,
-                    range: slot.range,
-                    isAllDay: slot.isAllDay,
-                    row: filtered.length * (groupIndex || 0) + rootIndex + (groupIndex || 0) * GRID_OFFSET + GRID_OFFSET,
-                    col: rangeIndex,
-                    editable: this.$props.editable,
-                    isWorkHour: isInTimeRange(slot.zonedStart, workDayStart, workDayEnd),
-                    isWorkDay: 0 <= slot.zonedStart.getDay() + (numberOfDays - workWeekStart) && (slot.zonedStart.getDay() + (numberOfDays - workWeekStart)) % numberOfDays <= workWeekEnd + (numberOfDays - workWeekStart)
-                  },
-                  viewSlot: this.$props.viewSlot,
-                  form: this.$props.form,
-                  onDataaction: this.handleDataAction,
-                  on: this.v3 ? undefined : {
-                    "dataaction": this.handleDataAction
-                  },
-                  index: slot.index,
-                  start: slot.start,
-                  end: slot.end,
-                  zonedStart: slot.zonedStart,
-                  zonedEnd: slot.zonedEnd,
-                  items: slot.items,
-                  group: slot.group,
-                  range: slot.range,
-                  isAllDay: slot.isAllDay,
-                  key: slot.start.getTime() + ":" + slot.group.index,
-                  row: filtered.length * (groupIndex || 0) + rootIndex + (groupIndex || 0) * GRID_OFFSET + GRID_OFFSET,
-                  col: rangeIndex,
-                  editable: this.$props.editable,
-                  isWorkHour: isInTimeRange(slot.zonedStart, workDayStart, workDayEnd),
-                  isWorkDay: 0 <= slot.zonedStart.getDay() + (numberOfDays - workWeekStart) && (slot.zonedStart.getDay() + (numberOfDays - workWeekStart)) % numberOfDays <= workWeekEnd + (numberOfDays - workWeekStart)
-                });
-              }, true);
-            }, this)]);
-          }, _this), _this.$props.currentTimeMarker && intersects(first(_this.timeRanges).start, last(_this.timeRanges).end, new Date(), new Date(), true) && h(CurrentTimeMarker, {
-            groupIndex: groupIndex,
-            attrs: this.v3 ? undefined : {
-              groupIndex: groupIndex
-            }
+          resources: _this2.ks.props.resources,
+          onDataaction: _this2.handleDataAction,
+          on: _this2.v3 ? undefined : {
+            "dataaction": _this2.handleDataAction
+          },
+          more: {
+            timeRanges: _this2.timeRanges,
+            timeSlots: timeSlots,
+            workDayStart: workDayStart,
+            workDayEnd: workDayEnd,
+            numberOfDays: numberOfDays,
+            workWeekStart: workWeekStart,
+            workWeekEnd: workWeekEnd,
+            slotRender: _this2.$props.slotRender
+          }
+        }, _this2.v3 ? function () {
+          return [h(DayViewVerticalRow, {
+            onDataaction: _this2.handleDataAction,
+            on: _this2.v3 ? undefined : {
+              "dataaction": _this2.handleDataAction
+            },
+            daySlots: daySlots,
+            attrs: _this2.v3 ? undefined : {
+              daySlots: daySlots,
+              timeSlots: timeSlots,
+              dayRanges: _this2.dayRanges
+            },
+            timeSlots: timeSlots,
+            dayRanges: _this2.dayRanges
           })];
-        }])]), dayItems.map(function (item) {
+        } : [h(DayViewVerticalRow, {
+          onDataaction: _this2.handleDataAction,
+          on: _this2.v3 ? undefined : {
+            "dataaction": _this2.handleDataAction
+          },
+          daySlots: daySlots,
+          attrs: _this2.v3 ? undefined : {
+            daySlots: daySlots,
+            timeSlots: timeSlots,
+            dayRanges: _this2.dayRanges
+          },
+          timeSlots: timeSlots,
+          dayRanges: _this2.dayRanges
+        })]), //          { (
+        //            (this.$props.currentTimeMarker
+        //                && intersects(
+        //                  (first(this.timeRanges) as any).start, 
+        //                  (last(this.timeRanges) as any).end, 
+        //                  new Date(), 
+        //                  new Date(), 
+        //                  true)))
+        //              && (<CurrentTimeMarker groupIndex={groupIndex} />) }
+        // ,
+        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,
             uid: item.uid,
@@ -883,11 +826,13 @@ var MultiDayViewVue2 = {
           attrs: _this2.v3 ? undefined : {
             dayRanges: _this2.dayRanges,
             daySlots: daySlots,
+            slotRender: _this2.$props.slotRender,
             numberOfDays: numberOfDays,
             workWeekStart: workWeekStart,
             workWeekEnd: workWeekEnd
           },
           daySlots: daySlots,
+          slotRender: _this2.$props.slotRender,
           numberOfDays: numberOfDays,
           workWeekStart: workWeekStart,
           workWeekEnd: workWeekEnd,
@@ -901,11 +846,13 @@ var MultiDayViewVue2 = {
         attrs: _this2.v3 ? undefined : {
           dayRanges: _this2.dayRanges,
           daySlots: daySlots,
+          slotRender: _this2.$props.slotRender,
           numberOfDays: numberOfDays,
           workWeekStart: workWeekStart,
           workWeekEnd: workWeekEnd
         },
         daySlots: daySlots,
+        slotRender: _this2.$props.slotRender,
         numberOfDays: numberOfDays,
         workWeekStart: workWeekStart,
         workWeekEnd: workWeekEnd,
@@ -992,7 +939,16 @@ var MultiDayViewVue2 = {
         },
         resources: _this2.ks.props.resources,
         emptyCell: true
-      }, [h(DayViewHead, {
+      }, _this2.v3 ? function () {
+        return [h(DayViewHead, {
+          timeRanges: _this2.timeRanges,
+          attrs: _this2.v3 ? undefined : {
+            timeRanges: _this2.timeRanges,
+            dateHeaderCell: _this2.$props.dateHeaderCell
+          },
+          dateHeaderCell: _this2.$props.dateHeaderCell
+        })];
+      } : [h(DayViewHead, {
         timeRanges: _this2.timeRanges,
         attrs: _this2.v3 ? undefined : {
           timeRanges: _this2.timeRanges,
@@ -1032,8 +988,9 @@ var MultiDayViewVue2 = {
           }
         }, this.v3 ? function () {
           return [h(DayViewMiddleRow, {
-            timeRanges: _this3.timeRanges,
+            slotRender: _this3.$props.slotRender,
             attrs: _this3.v3 ? undefined : {
+              slotRender: _this3.$props.slotRender,
               timeRanges: _this3.timeRanges,
               timeSlots: timeSlots,
               slotDivisions: slotDivisions,
@@ -1045,6 +1002,7 @@ var MultiDayViewVue2 = {
               workWeekStart: workWeekStart,
               workWeekEnd: workWeekEnd
             },
+            timeRanges: _this3.timeRanges,
             timeSlots: timeSlots,
             slotDivisions: slotDivisions,
             rootIndex: rootIndex,
@@ -1060,8 +1018,9 @@ var MultiDayViewVue2 = {
             }
           })];
         } : [h(DayViewMiddleRow, {
-          timeRanges: _this3.timeRanges,
+          slotRender: _this3.$props.slotRender,
           attrs: _this3.v3 ? undefined : {
+            slotRender: _this3.$props.slotRender,
             timeRanges: _this3.timeRanges,
             timeSlots: timeSlots,
             slotDivisions: slotDivisions,
@@ -1073,6 +1032,7 @@ var MultiDayViewVue2 = {
             workWeekStart: workWeekStart,
             workWeekEnd: workWeekEnd
           },
+          timeRanges: _this3.timeRanges,
           timeSlots: timeSlots,
           slotDivisions: slotDivisions,
           rootIndex: rootIndex,
@@ -1092,140 +1052,63 @@ var MultiDayViewVue2 = {
         attrs: _this2.v3 ? undefined : {
           nested: true,
           group: _this2.ks.props.group,
-          resources: _this2.ks.props.resources
+          resources: _this2.ks.props.resources,
+          more: {
+            timeRanges: _this2.timeRanges,
+            timeSlots: timeSlots,
+            workDayStart: workDayStart,
+            workDayEnd: workDayEnd,
+            numberOfDays: numberOfDays,
+            workWeekStart: workWeekStart,
+            workWeekEnd: workWeekEnd,
+            slotRender: _this2.$props.slotRender
+          }
         },
         group: _this2.ks.props.group,
-        resources: _this2.ks.props.resources
-      }, [h(SchedulerResourceIteratorContext.Consumer, [function (_a) {
-        var groupIndex = _a.groupIndex;
-        return [h("div", {
-          "class": "k-scheduler-row"
-        }, [h(DayViewAllDayRowContent, {
-          groupIndex: groupIndex,
-          attrs: this.v3 ? undefined : {
-            groupIndex: groupIndex
-          }
-        }), _this.dayRanges.map(function (_, rangeIndex) {
-          var groupOffset = timeSlots.filter(function (s) {
-            return s.group.index === groupIndex && s.range.index === FIRST_INDEX;
-          }).length;
-          return daySlots.filter(function (s) {
-            return s.group.index === groupIndex && s.range.index === rangeIndex;
-          }).map(function (slot, slotIndex) {
-            return h(EditSlot, {
-              renderSlot: this.$props.slot,
-              attrs: this.v3 ? undefined : {
-                renderSlot: this.$props.slot,
-                viewSlot: this.$props.viewSlot,
-                form: this.$props.form,
-                index: slot.index,
-                start: slot.start,
-                end: slot.end,
-                zonedStart: slot.zonedStart,
-                zonedEnd: slot.zonedEnd,
-                items: slot.items,
-                group: slot.group,
-                range: slot.range,
-                isAllDay: slot.isAllDay,
-                row: groupOffset * (groupIndex || 0) + (groupIndex || 0) * GRID_OFFSET,
-                col: slotIndex,
-                expandable: true
-              },
-              viewSlot: this.$props.viewSlot,
-              form: this.$props.form,
-              index: slot.index,
-              start: slot.start,
-              end: slot.end,
-              zonedStart: slot.zonedStart,
-              zonedEnd: slot.zonedEnd,
-              items: slot.items,
-              group: slot.group,
-              range: slot.range,
-              isAllDay: slot.isAllDay,
-              onDataaction: this.handleDataAction,
-              on: this.v3 ? undefined : {
-                "dataaction": this.handleDataAction
-              },
-              key: slot.start.getTime() + ":" + slot.group.index,
-              "class": 'k-scheduler-alldays-slot',
-              row: groupOffset * (groupIndex || 0) + (groupIndex || 0) * GRID_OFFSET,
-              col: slotIndex,
-              expandable: true
-            });
-          }, this);
-        }, _this)]), timeSlots.filter(function (s) {
-          return s.group.index === groupIndex && s.range.index === FIRST_INDEX;
-        }).map(function (root, rootIndex, filtered) {
-          return h("div", {
-            "class": "k-scheduler-row",
-            key: root.index
-          }, [h(DayViewRowContent, {
-            contentSlot: root,
-            attrs: this.v3 ? undefined : {
-              contentSlot: root,
-              isMaster: rootIndex % slotDivisions === 0,
-              isLast: (rootIndex + 1) % slotDivisions === 0,
-              timeHeaderCell: this.$props.timeHeaderCell
-            },
-            isMaster: rootIndex % slotDivisions === 0,
-            isLast: (rootIndex + 1) % slotDivisions === 0,
-            timeHeaderCell: this.$props.timeHeaderCell
-          }), this.timeRanges.map(function (_, rangeIndex) {
-            return timeSlots.filter(function (s) {
-              return s.index === root.index && s.group.index === groupIndex && s.range.index === rangeIndex;
-            }).map(function (slot) {
-              return h(EditSlot, {
-                renderSlot: this.$props.slot,
-                attrs: this.v3 ? undefined : {
-                  renderSlot: this.$props.slot,
-                  viewSlot: this.$props.viewSlot,
-                  form: this.$props.form,
-                  index: slot.index,
-                  start: slot.start,
-                  end: slot.end,
-                  zonedStart: slot.zonedStart,
-                  zonedEnd: slot.zonedEnd,
-                  items: slot.items,
-                  group: slot.group,
-                  range: slot.range,
-                  isAllDay: slot.isAllDay,
-                  row: filtered.length * (groupIndex || 0) + rootIndex + (groupIndex || 0) * GRID_OFFSET + GRID_OFFSET,
-                  col: rangeIndex,
-                  editable: this.$props.editable,
-                  isWorkHour: isInTimeRange(slot.zonedStart, workDayStart, workDayEnd),
-                  isWorkDay: 0 <= slot.zonedStart.getDay() + (numberOfDays - workWeekStart) && (slot.zonedStart.getDay() + (numberOfDays - workWeekStart)) % numberOfDays <= workWeekEnd + (numberOfDays - workWeekStart)
-                },
-                viewSlot: this.$props.viewSlot,
-                form: this.$props.form,
-                onDataaction: this.handleDataAction,
-                on: this.v3 ? undefined : {
-                  "dataaction": this.handleDataAction
-                },
-                index: slot.index,
-                start: slot.start,
-                end: slot.end,
-                zonedStart: slot.zonedStart,
-                zonedEnd: slot.zonedEnd,
-                items: slot.items,
-                group: slot.group,
-                range: slot.range,
-                isAllDay: slot.isAllDay,
-                key: slot.start.getTime() + ":" + slot.group.index,
-                row: filtered.length * (groupIndex || 0) + rootIndex + (groupIndex || 0) * GRID_OFFSET + GRID_OFFSET,
-                col: rangeIndex,
-                editable: this.$props.editable,
-                isWorkHour: isInTimeRange(slot.zonedStart, workDayStart, workDayEnd),
-                isWorkDay: 0 <= slot.zonedStart.getDay() + (numberOfDays - workWeekStart) && (slot.zonedStart.getDay() + (numberOfDays - workWeekStart)) % numberOfDays <= workWeekEnd + (numberOfDays - workWeekStart)
-              });
-            }, true);
-          }, this)]);
-        }, _this), _this.$props.currentTimeMarker && intersects(first(_this.timeRanges).start, last(_this.timeRanges).end, new Date(), new Date(), true) && h(CurrentTimeMarker, {
-          groupIndex: groupIndex,
-          attrs: this.v3 ? undefined : {
-            groupIndex: groupIndex
-          }
+        resources: _this2.ks.props.resources,
+        onDataaction: _this2.handleDataAction,
+        on: _this2.v3 ? undefined : {
+          "dataaction": _this2.handleDataAction
+        },
+        more: {
+          timeRanges: _this2.timeRanges,
+          timeSlots: timeSlots,
+          workDayStart: workDayStart,
+          workDayEnd: workDayEnd,
+          numberOfDays: numberOfDays,
+          workWeekStart: workWeekStart,
+          workWeekEnd: workWeekEnd,
+          slotRender: _this2.$props.slotRender
+        }
+      }, _this2.v3 ? function () {
+        return [h(DayViewVerticalRow, {
+          onDataaction: _this2.handleDataAction,
+          on: _this2.v3 ? undefined : {
+            "dataaction": _this2.handleDataAction
+          },
+          daySlots: daySlots,
+          attrs: _this2.v3 ? undefined : {
+            daySlots: daySlots,
+            timeSlots: timeSlots,
+            dayRanges: _this2.dayRanges
+          },
+          timeSlots: timeSlots,
+          dayRanges: _this2.dayRanges
         })];
-      }])]), dayItems.map(function (item) {
+      } : [h(DayViewVerticalRow, {
+        onDataaction: _this2.handleDataAction,
+        on: _this2.v3 ? undefined : {
+          "dataaction": _this2.handleDataAction
+        },
+        daySlots: daySlots,
+        attrs: _this2.v3 ? undefined : {
+          daySlots: daySlots,
+          timeSlots: timeSlots,
+          dayRanges: _this2.dayRanges
+        },
+        timeSlots: timeSlots,
+        dayRanges: _this2.dayRanges
+      })]), 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,
           uid: item.uid,

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

@@ -53,7 +53,7 @@ export interface MonthViewProps extends SchedulerViewProps {
     /**
      * Overrides the `slot` 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.
      */