@progress/kendo-vue-scheduler 3.2.7 → 3.2.9-dev.202205051307

package/dist/es/slots/SchedulerEditSlot.js

@@ -3,7 +3,7 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var inject = allVue.inject;
-import { getDefaultSlots, Keys } from '@progress/kendo-vue-common';
+import { getDefaultSlots, getTemplate, Keys } from '@progress/kendo-vue-common';
 import { DATA_ACTION } from '../Scheduler';
 import { setField, getField, findFirstItem, isGroupped, compareSlots, findNextItem } from '../utils';
 import { SchedulerViewSlot } from './SchedulerViewSlot';
@@ -13,7 +13,6 @@ import { SLOTS_SELECT_ACTION } from '../hooks/use-slots-selection'; // tslint:en
 var SchedulerEditSlotVue2 = {
   name: 'KendoSchedulerEditSlot',
   props: {
-    viewSlot: Object,
     tabIndex: {
       type: Number,
       default: undefined
@@ -43,6 +42,7 @@ var SchedulerEditSlotVue2 = {
     isAllDay: Boolean,
     expandable: [Boolean, Object],
     slotRender: [String, Function, Object],
+    viewSlot: [String, Function, Object],
     navDay: Boolean,
     editable: [Object, Boolean],
     itemsPerSlot: Number
@@ -125,33 +125,13 @@ var SchedulerEditSlotVue2 = {
     var selected = this.bv.selectedSlots.some(function (s) {
       return compareSlots(s, _this);
     });
-    return (// @ts-ignore  function children
-      h(SchedulerViewSlot, {
+    var editSlotRender;
+    var editSlotRenderDefaultRendering = // @ts-ignore  function children
+    h(SchedulerViewSlot, {
+      slotRender: this.$props.slotRender,
+      attrs: this.v3 ? undefined : {
         slotRender: this.$props.slotRender,
-        attrs: this.v3 ? undefined : {
-          slotRender: this.$props.slotRender,
-          isAllDay: this.isAllDay,
-          expandable: this.expandable,
-          editable: this.editable,
-          items: items,
-          row: row,
-          group: group,
-          range: range,
-          isWorkDay: isWorkDay,
-          isWorkHour: isWorkHour,
-          col: col,
-          index: index,
-          start: start,
-          end: end,
-          zonedStart: zonedStart,
-          zonedEnd: zonedEnd,
-          selected: selected,
-          navDay: navDay,
-          itemsPerSlot: itemsPerSlot,
-          tabIndex: this.currentTabIndex,
-          formItem: this.compFormItem // Focus
-
-        },
+        viewSlot: this.$props.viewSlot,
         isAllDay: this.isAllDay,
         expandable: this.expandable,
         editable: this.editable,
@@ -171,23 +151,58 @@ var SchedulerEditSlotVue2 = {
         navDay: navDay,
         itemsPerSlot: itemsPerSlot,
         tabIndex: this.currentTabIndex,
-        formItem: this.compFormItem,
-        onFocus: this.handleFocus // Mouse
-        ,
-        on: this.v3 ? undefined : {
-          "focus": this.handleFocus,
-          "doubleclick": this.handleDoubleClick,
-          "keydown": this.handleKeyDown,
-          "showmoreitems": this.handleShowMoreItemsClick
-        },
-        onDoubleclick: this.handleDoubleClick // Keyboard
-        ,
-        onKeydown: this.handleKeyDown,
-        onShowmoreitems: this.handleShowMoreItemsClick
-      }, this.v3 ? function () {
-        return [defaultSlot];
-      } : [defaultSlot])
-    );
+        formItem: this.compFormItem // Focus
+
+      },
+      viewSlot: this.$props.viewSlot,
+      isAllDay: this.isAllDay,
+      expandable: this.expandable,
+      editable: this.editable,
+      items: items,
+      row: row,
+      group: group,
+      range: range,
+      isWorkDay: isWorkDay,
+      isWorkHour: isWorkHour,
+      col: col,
+      index: index,
+      start: start,
+      end: end,
+      zonedStart: zonedStart,
+      zonedEnd: zonedEnd,
+      selected: selected,
+      navDay: navDay,
+      itemsPerSlot: itemsPerSlot,
+      tabIndex: this.currentTabIndex,
+      formItem: this.compFormItem,
+      onFocus: this.handleFocus // Mouse
+      ,
+      on: this.v3 ? undefined : {
+        "focus": this.handleFocus,
+        "doubleclick": this.handleDoubleClick,
+        "keydown": this.handleKeyDown,
+        "showmoreitems": this.handleShowMoreItemsClick
+      },
+      onDoubleclick: this.handleDoubleClick // Keyboard
+      ,
+      onKeydown: this.handleKeyDown,
+      onShowmoreitems: this.handleShowMoreItemsClick
+    }, this.v3 ? function () {
+      return [defaultSlot];
+    } : [defaultSlot]);
+    editSlotRender = getTemplate.call(this, {
+      h: h,
+      template: this.$props.viewSlot,
+      defaultRendering: editSlotRenderDefaultRendering,
+      defaultSlots: defaultSlot,
+      additionalListeners: {
+        focus: this.handleFocus,
+        doubleclick: this.handleDoubleClick,
+        keydown: this.handleKeyDown,
+        showmoreitems: this.handleShowMoreItemsClick
+      }
+    });
+    return editSlotRender;
   },
   methods: {
     handleShowMoreItemsClick: function handleShowMoreItemsClick(event) {

package/dist/es/slots/SchedulerSlot.d.ts

@@ -16,6 +16,10 @@ export interface SchedulerSlotProps extends Slot {
     itemsPerSlot?: number;
     /** @hidden */
     formItem?: object;
+    /** @hidden */
+    viewSlot?: any;
+    /** @hidden */
+    slotStyle?: any;
     /**
      * Specifies the `id` of the wrapping element of the SchedulerSlot.
      */

package/dist/es/slots/SchedulerViewSlot.d.ts

@@ -42,7 +42,6 @@ export interface SchedulerViewSlotHandle {
  * @hidden
  */
 export interface SchedulerViewSlotState {
-    viewSlot: SchedulerViewSlotHandle | null;
     slot: SchedulerSlotHandle | null;
 }
 /**

package/dist/es/slots/SchedulerViewSlot.js

@@ -47,7 +47,8 @@ var SchedulerViewSlotVue2 = {
     tabIndex: {
       type: Number,
       default: undefined
-    }
+    },
+    slotStyle: Object
   },
   created: function created() {
     this.viewSlot = null;
@@ -62,10 +63,16 @@ var SchedulerViewSlotVue2 = {
     }
   },
   updated: function updated() {
-    useSlotExpand(this, this.ks.scheduler, this.$props.expandable);
+    var that = this;
+    this.$nextTick(function () {
+      useSlotExpand(that, that.ks.scheduler, that.$props.expandable);
+    });
   },
   mounted: function mounted() {
-    useSlotExpand(this, this.ks.scheduler, this.$props.expandable);
+    var that = this;
+    this.$nextTick(function () {
+      useSlotExpand(that, that.ks.scheduler, that.$props.expandable);
+    });
   },
   // @ts-ignore
   setup: !gh ? undefined : function () {
@@ -147,7 +154,8 @@ var SchedulerViewSlotVue2 = {
       onDoubleclick: this.handleDoubleClick,
       onKeydown: this.handleKeyDown,
       onFocus: this.handleFocus,
-      selected: this.selected
+      selected: this.selected,
+      style: this.$props.slotStyle
     }, this.v3 ? function () {
       return [defaultSlot];
     } : [defaultSlot]);

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

@@ -90,7 +90,6 @@ var AgendaViewBodyVue2 = {
         editable: this.$props.editable,
         row: filtered.length * (this.ri.groupIndex || 0) + slotIndex,
         col: 0,
-        slot: this.$props.slot,
         viewSlot: this.$props.viewSlot,
         onDataaction: this.handleDataAction,
         on: this.v3 ? undefined : {

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

@@ -47,6 +47,7 @@ var VerticalResourceIteratorVue2 = {
         slotRender: more.slotRender,
         attrs: this.v3 ? undefined : {
           slotRender: more.slotRender,
+          viewSlot: more.viewSlot,
           groupIndex: currentGroupIndex,
           ranges: more.ranges,
           workDayStart: more.workDayStart,
@@ -54,6 +55,7 @@ var VerticalResourceIteratorVue2 = {
           timelineSlots: more.timelineSlots,
           editable: more.editable
         },
+        viewSlot: more.viewSlot,
         groupIndex: currentGroupIndex,
         ranges: more.ranges,
         workDayStart: more.workDayStart,
@@ -69,6 +71,7 @@ var VerticalResourceIteratorVue2 = {
           slotRender: more.slotRender,
           attrs: this.v3 ? undefined : {
             slotRender: more.slotRender,
+            viewSlot: more.viewSlot,
             ranges: more.ranges,
             groupIndex: currentGroupIndex,
             monthSlots: more.monthSlots,
@@ -76,6 +79,7 @@ var VerticalResourceIteratorVue2 = {
             itemsPerSlot: more.itemsPerSlot,
             editable: more.editable
           },
+          viewSlot: more.viewSlot,
           ranges: more.ranges,
           groupIndex: currentGroupIndex,
           monthSlots: more.monthSlots,
@@ -94,6 +98,7 @@ var VerticalResourceIteratorVue2 = {
           slotRender: more.slotRender,
           attrs: this.v3 ? undefined : {
             slotRender: more.slotRender,
+            viewSlot: more.viewSlot,
             groupIndex: currentGroupIndex,
             root: root,
             rootIndex: rootIndex,
@@ -105,8 +110,10 @@ var VerticalResourceIteratorVue2 = {
             numberOfDays: more.numberOfDays,
             workWeekStart: more.workWeekStart,
             workWeekEnd: more.workWeekEnd,
-            editable: more.editable
+            editable: more.editable,
+            currentTimeMarker: more.currentTimeMarker
           },
+          viewSlot: more.viewSlot,
           groupIndex: currentGroupIndex,
           onDataaction: this.handleDataAction,
           on: this.v3 ? undefined : {
@@ -122,7 +129,8 @@ var VerticalResourceIteratorVue2 = {
           numberOfDays: more.numberOfDays,
           workWeekStart: more.workWeekStart,
           workWeekEnd: more.workWeekEnd,
-          editable: more.editable
+          editable: more.editable,
+          currentTimeMarker: more.currentTimeMarker
         });
       }, this) : null;
     };

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

@@ -86,9 +86,12 @@ var DayViewVue2 = {
       type: Boolean,
       default: true
     },
-    timeHeaderCell: String,
+    dateHeaderCell: [String, Function, Object],
+    timeHeaderCell: [String, Function, Object],
     slotRender: [String, Function, Object],
+    viewSlot: [String, Function, Object],
     item: [String, Function, Object],
+    viewItem: [String, Function, Object],
     editable: {
       type: [Boolean, Object],
       default: false
@@ -134,8 +137,12 @@ var DayViewVue2 = {
         workWeekEnd: this.$props.workWeekEnd,
         defaultShowWorkHours: this.$props.defaultShowWorkHours,
         timeHeaderCell: this.$props.timeHeaderCell,
+        dateHeaderCell: this.$props.dateHeaderCell,
         slotRender: this.$props.slotRender,
+        viewSlot: this.$props.viewSlot,
         item: this.$props.item,
+        viewItem: this.$props.viewItem,
+        slotItem: this.$props.slotItem,
         editable: this.$props.editable
       },
       dateRange: this.$props.dateRange,
@@ -156,8 +163,12 @@ var DayViewVue2 = {
       workWeekEnd: this.$props.workWeekEnd,
       defaultShowWorkHours: this.$props.defaultShowWorkHours,
       timeHeaderCell: this.$props.timeHeaderCell,
+      dateHeaderCell: this.$props.dateHeaderCell,
       slotRender: this.$props.slotRender,
+      viewSlot: this.$props.viewSlot,
       item: this.$props.item,
+      viewItem: this.$props.viewItem,
+      slotItem: this.$props.slotItem,
       editable: this.$props.editable,
       onDataaction: this.handleDataAction,
       on: this.v3 ? undefined : {

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

@@ -6,6 +6,7 @@ declare type DefaultMethods<V> = {
 /** @hidden */
 export interface DayViewAllDaySlotsProps {
     slotRender: any;
+    viewSlot: any;
     dayRanges: any[];
     daySlots: any[];
     numberOfDays: number;

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

@@ -9,6 +9,7 @@ var DayViewAllDaySlotsVue2 = {
   name: 'KendoDayViewAllDaySlots',
   props: {
     slotRender: [String, Function, Object],
+    viewSlot: [String, Function, Object],
     dayRanges: Array,
     daySlots: Array,
     numberOfDays: Number,

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

@@ -7,6 +7,7 @@ declare type DefaultMethods<V> = {
 export interface DayViewMiddleRowProps {
     editable?: boolean | object;
     slotRender?: any;
+    viewSlot?: any;
     timeRanges?: any[];
     timeSlots?: any[];
     slotDivisions: number;

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

@@ -13,6 +13,7 @@ var DayViewMiddleRowVue2 = {
   props: {
     editable: [Object, Boolean],
     slotRender: [String, Function, Object],
+    viewSlot: [String, Function, Object],
     timeRanges: Array,
     timeSlots: Array,
     slotDivisions: {

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

@@ -5,6 +5,9 @@ declare type DefaultMethods<V> = {
 };
 /** @hidden */
 export interface DayViewVerticalSlotsRowProps {
+    currentTimeMarker: boolean;
+    slotRender?: any;
+    viewSlot?: any;
     editable?: boolean | object;
     groupIndex: number;
     root: any;

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

@@ -3,14 +3,22 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 import { GRID_OFFSET } from './MultiDayView';
+import { isInTimeRange, intersects, first, last } from '../../utils';
 import { SchedulerEditSlot } from '../../slots/SchedulerEditSlot';
-import { isInTimeRange } from '../../utils';
 import { DayViewRowContent } from './DayViewRowContent';
+import { CurrentTimeMarker } from '../../components/CurrentTimeMarker';
+import { CurrentTimeMarkerArrow } from '../../components/CurrentTimeMarkerArrow';
 var FIRST_INDEX = 0; // tslint:enable:max-line-length
 
 var DayViewVerticalSlotsRowVue2 = {
   name: 'KendoDayViewVerticalSlotsRow',
   props: {
+    currentTimeMarker: {
+      type: Boolean,
+      default: true
+    },
+    slotRender: [String, Function, Object],
+    viewSlot: [String, Function, Object],
     editable: [Object, Boolean],
     groupIndex: Number,
     root: Object,
@@ -58,6 +66,7 @@ var DayViewVerticalSlotsRowVue2 = {
         workWeekStart = _a.workWeekStart,
         workWeekEnd = _a.workWeekEnd,
         viewSlot = _a.viewSlot,
+        renderSlot = _a.renderSlot,
         form = _a.form,
         editable = _a.editable;
     return h("div", {
@@ -78,10 +87,10 @@ var DayViewVerticalSlotsRowVue2 = {
       return timeSlots.filter(function (s) {
         return s.index === root.index && s.group.index === groupIndex && s.range.index === rangeIndex;
       }).map(function (slot) {
-        return h(EditSlot //   slotRender={slot}
-        , {
-          viewSlot: viewSlot,
+        return h(EditSlot, {
+          slotRender: renderSlot,
           attrs: this.v3 ? undefined : {
+            slotRender: renderSlot,
             viewSlot: viewSlot,
             form: form,
             index: slot.index,
@@ -99,6 +108,7 @@ var DayViewVerticalSlotsRowVue2 = {
             isWorkHour: isInTimeRange(slot.zonedStart, workDayStart, workDayEnd),
             isWorkDay: 0 <= slot.zonedStart.getDay() + (numberOfDays - workWeekStart) && (slot.zonedStart.getDay() + (numberOfDays - workWeekStart)) % numberOfDays <= workWeekEnd + (numberOfDays - workWeekStart)
           },
+          viewSlot: viewSlot,
           form: form,
           onDataaction: that.handleDataAction,
           on: this.v3 ? undefined : {
@@ -121,7 +131,17 @@ var DayViewVerticalSlotsRowVue2 = {
           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(CurrentTimeMarkerArrow, {
+      groupIndex: groupIndex,
+      attrs: this.v3 ? undefined : {
+        groupIndex: groupIndex
+      }
+    }), h(CurrentTimeMarker, {
+      groupIndex: groupIndex,
+      attrs: this.v3 ? undefined : {
+        groupIndex: groupIndex
+      }
+    })]]);
   },
   methods: {
     handleDataAction: function handleDataAction(action) {

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

@@ -50,7 +50,8 @@ import { toRanges, toItems, toSlots, toOccurrences } from '../../services/';
 import { SchedulerDrag } from '../../views/common/SchedulerDrag';
 import { SchedulerEditSlot } from '../../slots/SchedulerEditSlot';
 import { SchedulerEditItem } from '../../items/SchedulerEditItem';
-import { CurrentTimeMarker } from '../../components/CurrentTimeMarket';
+import { CurrentTimeMarker } from '../../components/CurrentTimeMarker';
+import { CurrentTimeMarkerArrow } from '../../components/CurrentTimeMarkerArrow';
 import { SchedulerResize } from '../common/SchedulerResize';
 var FIRST_INDEX = 0;
 export var GRID_OFFSET = 1; // tslint:enable:max-line-length
@@ -144,17 +145,16 @@ var MultiDayViewVue2 = {
       type: String,
       default: 't'
     },
-    // showCurrentTime: {
-    //   type: Boolean,
-    //   default: true
-    // },
     defaultShowWorkHours: {
       type: Boolean,
       default: true
     },
-    timeHeaderCell: String,
+    dateHeaderCell: [String, Function, Object],
+    timeHeaderCell: [String, Function, Object],
     slotRender: [String, Function, Object],
+    viewSlot: [String, Function, Object],
     item: [String, Function, Object],
+    viewItem: [String, Function, Object],
     editable: {
       type: [Boolean, Object],
       default: false
@@ -438,6 +438,7 @@ var MultiDayViewVue2 = {
               dayRanges: _this2.dayRanges,
               daySlots: daySlots,
               slotRender: _this2.$props.slotRender,
+              viewSlot: _this2.$props.viewSlot,
               numberOfDays: numberOfDays,
               workWeekStart: workWeekStart,
               workWeekEnd: workWeekEnd
@@ -445,6 +446,7 @@ var MultiDayViewVue2 = {
             dayRanges: _this2.dayRanges,
             daySlots: daySlots,
             slotRender: _this2.$props.slotRender,
+            viewSlot: _this2.$props.viewSlot,
             numberOfDays: numberOfDays,
             workWeekStart: workWeekStart,
             workWeekEnd: workWeekEnd,
@@ -460,6 +462,7 @@ var MultiDayViewVue2 = {
             dayRanges: _this2.dayRanges,
             daySlots: daySlots,
             slotRender: _this2.$props.slotRender,
+            viewSlot: _this2.$props.viewSlot,
             numberOfDays: numberOfDays,
             workWeekStart: workWeekStart,
             workWeekEnd: workWeekEnd
@@ -467,6 +470,7 @@ var MultiDayViewVue2 = {
           dayRanges: _this2.dayRanges,
           daySlots: daySlots,
           slotRender: _this2.$props.slotRender,
+          viewSlot: _this2.$props.viewSlot,
           numberOfDays: numberOfDays,
           workWeekStart: workWeekStart,
           workWeekEnd: workWeekEnd,
@@ -613,6 +617,7 @@ var MultiDayViewVue2 = {
                 slotRender: _this3.$props.slotRender,
                 attrs: _this3.v3 ? undefined : {
                   slotRender: _this3.$props.slotRender,
+                  viewSlot: _this3.$props.viewSlot,
                   timeRanges: _this3.timeRanges,
                   timeSlots: timeSlots,
                   slotDivisions: slotDivisions,
@@ -625,6 +630,7 @@ var MultiDayViewVue2 = {
                   workWeekEnd: workWeekEnd,
                   editable: _this3.$props.editable
                 },
+                viewSlot: _this3.$props.viewSlot,
                 timeRanges: _this3.timeRanges,
                 timeSlots: timeSlots,
                 slotDivisions: slotDivisions,
@@ -645,6 +651,7 @@ var MultiDayViewVue2 = {
               slotRender: _this3.$props.slotRender,
               attrs: _this3.v3 ? undefined : {
                 slotRender: _this3.$props.slotRender,
+                viewSlot: _this3.$props.viewSlot,
                 timeRanges: _this3.timeRanges,
                 timeSlots: timeSlots,
                 slotDivisions: slotDivisions,
@@ -657,6 +664,7 @@ var MultiDayViewVue2 = {
                 workWeekEnd: workWeekEnd,
                 editable: _this3.$props.editable
               },
+              viewSlot: _this3.$props.viewSlot,
               timeRanges: _this3.timeRanges,
               timeSlots: timeSlots,
               slotDivisions: slotDivisions,
@@ -674,7 +682,7 @@ var MultiDayViewVue2 = {
               editable: _this3.$props.editable
             })])
           );
-        }, _this2), _this2.$props.currentTimeMarker && intersects(first(_this2.timeRanges).start, last(_this2.timeRanges).end, new Date(), new Date(), true) && h(CurrentTimeMarker)] : [// @ts-ignore  function children
+        }, _this2), _this2.$props.currentTimeMarker && intersects(first(_this2.timeRanges).start, last(_this2.timeRanges).end, new Date(), new Date(), true) && [h(CurrentTimeMarkerArrow), h(CurrentTimeMarker)]] : [// @ts-ignore  function children
         h(VerticalResourceIterator, {
           nested: true,
           attrs: _this2.v3 ? undefined : {
@@ -690,7 +698,9 @@ var MultiDayViewVue2 = {
               workWeekStart: workWeekStart,
               workWeekEnd: workWeekEnd,
               slotRender: _this2.$props.slotRender,
-              editable: _this2.$props.editable
+              viewSlot: _this2.$props.viewSlot,
+              editable: _this2.$props.editable,
+              currentTimeMarker: _this2.$props.currentTimeMarker
             }
           },
           group: _this2.ks.props.group,
@@ -708,7 +718,9 @@ var MultiDayViewVue2 = {
             workWeekStart: workWeekStart,
             workWeekEnd: workWeekEnd,
             slotRender: _this2.$props.slotRender,
-            editable: _this2.$props.editable
+            viewSlot: _this2.$props.viewSlot,
+            editable: _this2.$props.editable,
+            currentTimeMarker: _this2.$props.currentTimeMarker
           }
         }, _this2.v3 ? function () {
           return [h(DayViewVerticalRow, {
@@ -742,17 +754,7 @@ var MultiDayViewVue2 = {
           timeSlots: timeSlots,
           dayRanges: _this2.dayRanges,
           editable: _this2.$props.editable
-        })]), //          { (
-        //            (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) {
+        })]), 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,
@@ -953,6 +955,7 @@ var MultiDayViewVue2 = {
             dayRanges: _this2.dayRanges,
             daySlots: daySlots,
             slotRender: _this2.$props.slotRender,
+            viewSlot: _this2.$props.viewSlot,
             numberOfDays: numberOfDays,
             workWeekStart: workWeekStart,
             workWeekEnd: workWeekEnd
@@ -960,6 +963,7 @@ var MultiDayViewVue2 = {
           dayRanges: _this2.dayRanges,
           daySlots: daySlots,
           slotRender: _this2.$props.slotRender,
+          viewSlot: _this2.$props.viewSlot,
           numberOfDays: numberOfDays,
           workWeekStart: workWeekStart,
           workWeekEnd: workWeekEnd,
@@ -975,6 +979,7 @@ var MultiDayViewVue2 = {
           dayRanges: _this2.dayRanges,
           daySlots: daySlots,
           slotRender: _this2.$props.slotRender,
+          viewSlot: _this2.$props.viewSlot,
           numberOfDays: numberOfDays,
           workWeekStart: workWeekStart,
           workWeekEnd: workWeekEnd
@@ -982,6 +987,7 @@ var MultiDayViewVue2 = {
         dayRanges: _this2.dayRanges,
         daySlots: daySlots,
         slotRender: _this2.$props.slotRender,
+        viewSlot: _this2.$props.viewSlot,
         numberOfDays: numberOfDays,
         workWeekStart: workWeekStart,
         workWeekEnd: workWeekEnd,
@@ -1126,6 +1132,7 @@ var MultiDayViewVue2 = {
             slotRender: _this3.$props.slotRender,
             attrs: _this3.v3 ? undefined : {
               slotRender: _this3.$props.slotRender,
+              viewSlot: _this3.$props.viewSlot,
               timeRanges: _this3.timeRanges,
               timeSlots: timeSlots,
               slotDivisions: slotDivisions,
@@ -1138,6 +1145,7 @@ var MultiDayViewVue2 = {
               workWeekEnd: workWeekEnd,
               editable: _this3.$props.editable
             },
+            viewSlot: _this3.$props.viewSlot,
             timeRanges: _this3.timeRanges,
             timeSlots: timeSlots,
             slotDivisions: slotDivisions,
@@ -1158,6 +1166,7 @@ var MultiDayViewVue2 = {
           slotRender: _this3.$props.slotRender,
           attrs: _this3.v3 ? undefined : {
             slotRender: _this3.$props.slotRender,
+            viewSlot: _this3.$props.viewSlot,
             timeRanges: _this3.timeRanges,
             timeSlots: timeSlots,
             slotDivisions: slotDivisions,
@@ -1170,6 +1179,7 @@ var MultiDayViewVue2 = {
             workWeekEnd: workWeekEnd,
             editable: _this3.$props.editable
           },
+          viewSlot: _this3.$props.viewSlot,
           timeRanges: _this3.timeRanges,
           timeSlots: timeSlots,
           slotDivisions: slotDivisions,
@@ -1186,7 +1196,7 @@ var MultiDayViewVue2 = {
           },
           editable: _this3.$props.editable
         })]);
-      }, _this2), _this2.$props.currentTimeMarker && intersects(first(_this2.timeRanges).start, last(_this2.timeRanges).end, new Date(), new Date(), true) && h(CurrentTimeMarker)] : [h(VerticalResourceIterator, {
+      }, _this2), _this2.$props.currentTimeMarker && intersects(first(_this2.timeRanges).start, last(_this2.timeRanges).end, new Date(), new Date(), true) && [h(CurrentTimeMarkerArrow), h(CurrentTimeMarker)]] : [h(VerticalResourceIterator, {
         nested: true,
         attrs: _this2.v3 ? undefined : {
           nested: true,
@@ -1201,7 +1211,9 @@ var MultiDayViewVue2 = {
             workWeekStart: workWeekStart,
             workWeekEnd: workWeekEnd,
             slotRender: _this2.$props.slotRender,
-            editable: _this2.$props.editable
+            viewSlot: _this2.$props.viewSlot,
+            editable: _this2.$props.editable,
+            currentTimeMarker: _this2.$props.currentTimeMarker
           }
         },
         group: _this2.ks.props.group,
@@ -1219,7 +1231,9 @@ var MultiDayViewVue2 = {
           workWeekStart: workWeekStart,
           workWeekEnd: workWeekEnd,
           slotRender: _this2.$props.slotRender,
-          editable: _this2.$props.editable
+          viewSlot: _this2.$props.viewSlot,
+          editable: _this2.$props.editable,
+          currentTimeMarker: _this2.$props.currentTimeMarker
         }
       }, _this2.v3 ? function () {
         return [h(DayViewVerticalRow, {