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

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

@@ -39,7 +39,6 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var inject = allVue.inject;
 
 var kendo_date_math_1 = require("@progress/kendo-date-math");
 
@@ -57,6 +56,8 @@ var DayViewRowContent_1 = require("./DayViewRowContent");
 
 var DayViewMiddleRow_1 = require("./DayViewMiddleRow");
 
+var DayViewVerticalRow_1 = require("./DayViewVerticalRow");
+
 var DayViewHead_1 = require("./DayViewHead");
 
 var DayViewAllDaySlots_1 = require("./DayViewAllDaySlots");
@@ -71,17 +72,7 @@ var services_1 = require("../../services/");
 
 var SchedulerEditSlot_1 = require("../../slots/SchedulerEditSlot");
 
-var SchedulerEditItem_1 = require("../../items/SchedulerEditItem"); // import {
-//     useSchedulerPropsContext,
-//     useSchedulerDataContext,
-//     useSchedulerGroupsContext,
-//     useSchedulerOrientationContext,
-//     useSchedulerFieldsContext,
-//     useSchedulerDateRangeContext
-// } from '../../context/SchedulerContext';
-
-
-var SchedulerResourceIteratorContext_1 = require("../../context/SchedulerResourceIteratorContext");
+var SchedulerEditItem_1 = require("../../items/SchedulerEditItem");
 
 var CurrentTimeMarket_1 = require("../../components/CurrentTimeMarket");
 
@@ -169,7 +160,13 @@ var MultiDayViewVue2 = {
       type: Boolean,
       default: true
     },
-    timeHeaderCell: String
+    timeHeaderCell: String,
+    slotRender: [String, Function, Object],
+    item: [String, Function, Object],
+    editable: {
+      type: [Boolean, Object],
+      default: false
+    }
   },
   inject: {
     kendoIntlService: {
@@ -292,8 +289,6 @@ var MultiDayViewVue2 = {
   render: function render(createElement) {
     var _this2 = this;
 
-    var _this = this;
-
     var h = gh || createElement;
     this.intl = kendo_vue_intl_1.provideIntlService(this);
     var EditItem = this.$props.editItem || SchedulerEditItem_1.SchedulerEditItem;
@@ -370,15 +365,19 @@ var MultiDayViewVue2 = {
           childRowContent: DayViewAllDayRowContent_1.DayViewAllDayRowContent
         }, _this2.v3 ? function () {
           return [h(DayViewAllDaySlots_1.DayViewAllDaySlots, {
-            dayRanges: _this2.dayRanges,
+            editable: _this2.$props.editable,
             attrs: _this2.v3 ? undefined : {
+              editable: _this2.$props.editable,
               dayRanges: _this2.dayRanges,
               daySlots: daySlots,
+              slotRender: _this2.$props.slotRender,
               numberOfDays: numberOfDays,
               workWeekStart: workWeekStart,
               workWeekEnd: workWeekEnd
             },
+            dayRanges: _this2.dayRanges,
             daySlots: daySlots,
+            slotRender: _this2.$props.slotRender,
             numberOfDays: numberOfDays,
             workWeekStart: workWeekStart,
             workWeekEnd: workWeekEnd,
@@ -388,15 +387,19 @@ var MultiDayViewVue2 = {
             }
           })];
         } : [h(DayViewAllDaySlots_1.DayViewAllDaySlots, {
-          dayRanges: _this2.dayRanges,
+          editable: _this2.$props.editable,
           attrs: _this2.v3 ? undefined : {
+            editable: _this2.$props.editable,
             dayRanges: _this2.dayRanges,
             daySlots: daySlots,
+            slotRender: _this2.$props.slotRender,
             numberOfDays: numberOfDays,
             workWeekStart: workWeekStart,
             workWeekEnd: workWeekEnd
           },
+          dayRanges: _this2.dayRanges,
           daySlots: daySlots,
+          slotRender: _this2.$props.slotRender,
           numberOfDays: numberOfDays,
           workWeekStart: workWeekStart,
           workWeekEnd: workWeekEnd,
@@ -474,7 +477,8 @@ var MultiDayViewVue2 = {
             editable: this.$props.editable,
             vertical: false
           });
-        }, _this2)] : h(VerticalResourceIterator_1.VerticalResourceIterator, {
+        }, _this2)] : // @ts-ignore  function children
+        h(VerticalResourceIterator_1.VerticalResourceIterator, {
           group: _this2.ks.props.group,
           attrs: _this2.v3 ? undefined : {
             group: _this2.ks.props.group,
@@ -483,7 +487,16 @@ var MultiDayViewVue2 = {
           },
           resources: _this2.ks.props.resources,
           emptyCell: true
-        }, [h(DayViewHead_1.DayViewHead, {
+        }, _this2.v3 ? function () {
+          return [h(DayViewHead_1.DayViewHead, {
+            timeRanges: _this2.timeRanges,
+            attrs: _this2.v3 ? undefined : {
+              timeRanges: _this2.timeRanges,
+              dateHeaderCell: _this2.$props.dateHeaderCell
+            },
+            dateHeaderCell: _this2.$props.dateHeaderCell
+          })];
+        } : [h(DayViewHead_1.DayViewHead, {
           timeRanges: _this2.timeRanges,
           attrs: _this2.v3 ? undefined : {
             timeRanges: _this2.timeRanges,
@@ -524,8 +537,9 @@ var MultiDayViewVue2 = {
               }
             }, this.v3 ? function () {
               return [h(DayViewMiddleRow_1.DayViewMiddleRow, {
-                timeRanges: _this3.timeRanges,
+                slotRender: _this3.$props.slotRender,
                 attrs: _this3.v3 ? undefined : {
+                  slotRender: _this3.$props.slotRender,
                   timeRanges: _this3.timeRanges,
                   timeSlots: timeSlots,
                   slotDivisions: slotDivisions,
@@ -537,6 +551,7 @@ var MultiDayViewVue2 = {
                   workWeekStart: workWeekStart,
                   workWeekEnd: workWeekEnd
                 },
+                timeRanges: _this3.timeRanges,
                 timeSlots: timeSlots,
                 slotDivisions: slotDivisions,
                 rootIndex: rootIndex,
@@ -552,8 +567,9 @@ var MultiDayViewVue2 = {
                 }
               })];
             } : [h(DayViewMiddleRow_1.DayViewMiddleRow, {
-              timeRanges: _this3.timeRanges,
+              slotRender: _this3.$props.slotRender,
               attrs: _this3.v3 ? undefined : {
+                slotRender: _this3.$props.slotRender,
                 timeRanges: _this3.timeRanges,
                 timeSlots: timeSlots,
                 slotDivisions: slotDivisions,
@@ -565,6 +581,7 @@ var MultiDayViewVue2 = {
                 workWeekStart: workWeekStart,
                 workWeekEnd: workWeekEnd
               },
+              timeRanges: _this3.timeRanges,
               timeSlots: timeSlots,
               slotDivisions: slotDivisions,
               rootIndex: rootIndex,
@@ -580,145 +597,79 @@ var MultiDayViewVue2 = {
               }
             })])
           );
-        }, _this2), _this2.$props.currentTimeMarker && utils_1.intersects(utils_1.first(_this2.timeRanges).start, utils_1.last(_this2.timeRanges).end, new Date(), new Date(), true) && h(CurrentTimeMarket_1.CurrentTimeMarker)] : [h(VerticalResourceIterator_1.VerticalResourceIterator, {
+        }, _this2), _this2.$props.currentTimeMarker && utils_1.intersects(utils_1.first(_this2.timeRanges).start, utils_1.last(_this2.timeRanges).end, new Date(), new Date(), true) && h(CurrentTimeMarket_1.CurrentTimeMarker)] : [// @ts-ignore  function children
+        h(VerticalResourceIterator_1.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_1.SchedulerResourceIteratorContext.Consumer, [function (_a) {
-          var groupIndex = _a.groupIndex;
-          return [h("div", {
-            "class": "k-scheduler-row"
-          }, [h(DayViewAllDayRowContent_1.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) * exports.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) * exports.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_1.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) * exports.GRID_OFFSET + exports.GRID_OFFSET,
-                    col: rangeIndex,
-                    editable: this.$props.editable,
-                    isWorkHour: utils_1.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) * exports.GRID_OFFSET + exports.GRID_OFFSET,
-                  col: rangeIndex,
-                  editable: this.$props.editable,
-                  isWorkHour: utils_1.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 && utils_1.intersects(utils_1.first(_this.timeRanges).start, utils_1.last(_this.timeRanges).end, new Date(), new Date(), true) && h(CurrentTimeMarket_1.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_1.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_1.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,
@@ -905,15 +856,19 @@ var MultiDayViewVue2 = {
         childRowContent: DayViewAllDayRowContent_1.DayViewAllDayRowContent
       }, _this2.v3 ? function () {
         return [h(DayViewAllDaySlots_1.DayViewAllDaySlots, {
-          dayRanges: _this2.dayRanges,
+          editable: _this2.$props.editable,
           attrs: _this2.v3 ? undefined : {
+            editable: _this2.$props.editable,
             dayRanges: _this2.dayRanges,
             daySlots: daySlots,
+            slotRender: _this2.$props.slotRender,
             numberOfDays: numberOfDays,
             workWeekStart: workWeekStart,
             workWeekEnd: workWeekEnd
           },
+          dayRanges: _this2.dayRanges,
           daySlots: daySlots,
+          slotRender: _this2.$props.slotRender,
           numberOfDays: numberOfDays,
           workWeekStart: workWeekStart,
           workWeekEnd: workWeekEnd,
@@ -923,15 +878,19 @@ var MultiDayViewVue2 = {
           }
         })];
       } : [h(DayViewAllDaySlots_1.DayViewAllDaySlots, {
-        dayRanges: _this2.dayRanges,
+        editable: _this2.$props.editable,
         attrs: _this2.v3 ? undefined : {
+          editable: _this2.$props.editable,
           dayRanges: _this2.dayRanges,
           daySlots: daySlots,
+          slotRender: _this2.$props.slotRender,
           numberOfDays: numberOfDays,
           workWeekStart: workWeekStart,
           workWeekEnd: workWeekEnd
         },
+        dayRanges: _this2.dayRanges,
         daySlots: daySlots,
+        slotRender: _this2.$props.slotRender,
         numberOfDays: numberOfDays,
         workWeekStart: workWeekStart,
         workWeekEnd: workWeekEnd,
@@ -1018,7 +977,16 @@ var MultiDayViewVue2 = {
         },
         resources: _this2.ks.props.resources,
         emptyCell: true
-      }, [h(DayViewHead_1.DayViewHead, {
+      }, _this2.v3 ? function () {
+        return [h(DayViewHead_1.DayViewHead, {
+          timeRanges: _this2.timeRanges,
+          attrs: _this2.v3 ? undefined : {
+            timeRanges: _this2.timeRanges,
+            dateHeaderCell: _this2.$props.dateHeaderCell
+          },
+          dateHeaderCell: _this2.$props.dateHeaderCell
+        })];
+      } : [h(DayViewHead_1.DayViewHead, {
         timeRanges: _this2.timeRanges,
         attrs: _this2.v3 ? undefined : {
           timeRanges: _this2.timeRanges,
@@ -1058,8 +1026,9 @@ var MultiDayViewVue2 = {
           }
         }, this.v3 ? function () {
           return [h(DayViewMiddleRow_1.DayViewMiddleRow, {
-            timeRanges: _this3.timeRanges,
+            slotRender: _this3.$props.slotRender,
             attrs: _this3.v3 ? undefined : {
+              slotRender: _this3.$props.slotRender,
               timeRanges: _this3.timeRanges,
               timeSlots: timeSlots,
               slotDivisions: slotDivisions,
@@ -1071,6 +1040,7 @@ var MultiDayViewVue2 = {
               workWeekStart: workWeekStart,
               workWeekEnd: workWeekEnd
             },
+            timeRanges: _this3.timeRanges,
             timeSlots: timeSlots,
             slotDivisions: slotDivisions,
             rootIndex: rootIndex,
@@ -1086,8 +1056,9 @@ var MultiDayViewVue2 = {
             }
           })];
         } : [h(DayViewMiddleRow_1.DayViewMiddleRow, {
-          timeRanges: _this3.timeRanges,
+          slotRender: _this3.$props.slotRender,
           attrs: _this3.v3 ? undefined : {
+            slotRender: _this3.$props.slotRender,
             timeRanges: _this3.timeRanges,
             timeSlots: timeSlots,
             slotDivisions: slotDivisions,
@@ -1099,6 +1070,7 @@ var MultiDayViewVue2 = {
             workWeekStart: workWeekStart,
             workWeekEnd: workWeekEnd
           },
+          timeRanges: _this3.timeRanges,
           timeSlots: timeSlots,
           slotDivisions: slotDivisions,
           rootIndex: rootIndex,
@@ -1118,140 +1090,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_1.SchedulerResourceIteratorContext.Consumer, [function (_a) {
-        var groupIndex = _a.groupIndex;
-        return [h("div", {
-          "class": "k-scheduler-row"
-        }, [h(DayViewAllDayRowContent_1.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) * exports.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) * exports.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_1.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) * exports.GRID_OFFSET + exports.GRID_OFFSET,
-                  col: rangeIndex,
-                  editable: this.$props.editable,
-                  isWorkHour: utils_1.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) * exports.GRID_OFFSET + exports.GRID_OFFSET,
-                col: rangeIndex,
-                editable: this.$props.editable,
-                isWorkHour: utils_1.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 && utils_1.intersects(utils_1.first(_this.timeRanges).start, utils_1.last(_this.timeRanges).end, new Date(), new Date(), true) && h(CurrentTimeMarket_1.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_1.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_1.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/npm/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.
      */