@progress/kendo-vue-scheduler 3.2.8-dev.202205030909 → 3.2.9

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

@@ -86,8 +86,10 @@ 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: {
@@ -135,9 +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,
@@ -158,9 +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,16 +145,14 @@ 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: {
@@ -439,6 +438,7 @@ var MultiDayViewVue2 = {
               dayRanges: _this2.dayRanges,
               daySlots: daySlots,
               slotRender: _this2.$props.slotRender,
+              viewSlot: _this2.$props.viewSlot,
               numberOfDays: numberOfDays,
               workWeekStart: workWeekStart,
               workWeekEnd: workWeekEnd
@@ -446,6 +446,7 @@ var MultiDayViewVue2 = {
             dayRanges: _this2.dayRanges,
             daySlots: daySlots,
             slotRender: _this2.$props.slotRender,
+            viewSlot: _this2.$props.viewSlot,
             numberOfDays: numberOfDays,
             workWeekStart: workWeekStart,
             workWeekEnd: workWeekEnd,
@@ -461,6 +462,7 @@ var MultiDayViewVue2 = {
             dayRanges: _this2.dayRanges,
             daySlots: daySlots,
             slotRender: _this2.$props.slotRender,
+            viewSlot: _this2.$props.viewSlot,
             numberOfDays: numberOfDays,
             workWeekStart: workWeekStart,
             workWeekEnd: workWeekEnd
@@ -468,6 +470,7 @@ var MultiDayViewVue2 = {
           dayRanges: _this2.dayRanges,
           daySlots: daySlots,
           slotRender: _this2.$props.slotRender,
+          viewSlot: _this2.$props.viewSlot,
           numberOfDays: numberOfDays,
           workWeekStart: workWeekStart,
           workWeekEnd: workWeekEnd,
@@ -614,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,
@@ -626,6 +630,7 @@ var MultiDayViewVue2 = {
                   workWeekEnd: workWeekEnd,
                   editable: _this3.$props.editable
                 },
+                viewSlot: _this3.$props.viewSlot,
                 timeRanges: _this3.timeRanges,
                 timeSlots: timeSlots,
                 slotDivisions: slotDivisions,
@@ -646,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,
@@ -658,6 +664,7 @@ var MultiDayViewVue2 = {
                 workWeekEnd: workWeekEnd,
                 editable: _this3.$props.editable
               },
+              viewSlot: _this3.$props.viewSlot,
               timeRanges: _this3.timeRanges,
               timeSlots: timeSlots,
               slotDivisions: slotDivisions,
@@ -675,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 : {
@@ -691,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,
@@ -709,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, {
@@ -743,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,
@@ -954,6 +955,7 @@ var MultiDayViewVue2 = {
             dayRanges: _this2.dayRanges,
             daySlots: daySlots,
             slotRender: _this2.$props.slotRender,
+            viewSlot: _this2.$props.viewSlot,
             numberOfDays: numberOfDays,
             workWeekStart: workWeekStart,
             workWeekEnd: workWeekEnd
@@ -961,6 +963,7 @@ var MultiDayViewVue2 = {
           dayRanges: _this2.dayRanges,
           daySlots: daySlots,
           slotRender: _this2.$props.slotRender,
+          viewSlot: _this2.$props.viewSlot,
           numberOfDays: numberOfDays,
           workWeekStart: workWeekStart,
           workWeekEnd: workWeekEnd,
@@ -976,6 +979,7 @@ var MultiDayViewVue2 = {
           dayRanges: _this2.dayRanges,
           daySlots: daySlots,
           slotRender: _this2.$props.slotRender,
+          viewSlot: _this2.$props.viewSlot,
           numberOfDays: numberOfDays,
           workWeekStart: workWeekStart,
           workWeekEnd: workWeekEnd
@@ -983,6 +987,7 @@ var MultiDayViewVue2 = {
         dayRanges: _this2.dayRanges,
         daySlots: daySlots,
         slotRender: _this2.$props.slotRender,
+        viewSlot: _this2.$props.viewSlot,
         numberOfDays: numberOfDays,
         workWeekStart: workWeekStart,
         workWeekEnd: workWeekEnd,
@@ -1127,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,
@@ -1139,6 +1145,7 @@ var MultiDayViewVue2 = {
               workWeekEnd: workWeekEnd,
               editable: _this3.$props.editable
             },
+            viewSlot: _this3.$props.viewSlot,
             timeRanges: _this3.timeRanges,
             timeSlots: timeSlots,
             slotDivisions: slotDivisions,
@@ -1159,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,
@@ -1171,6 +1179,7 @@ var MultiDayViewVue2 = {
             workWeekEnd: workWeekEnd,
             editable: _this3.$props.editable
           },
+          viewSlot: _this3.$props.viewSlot,
           timeRanges: _this3.timeRanges,
           timeSlots: timeSlots,
           slotDivisions: slotDivisions,
@@ -1187,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,
@@ -1202,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,
@@ -1220,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, {

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

@@ -61,7 +61,9 @@ var MonthViewVue2 = {
       type: String,
       default: '{0:Y}'
     },
+    dateHeaderCell: [String, Function, Object],
     slotRender: [String, Function, Object],
+    viewSlot: [String, Function, Object],
     item: [String, Function, Object],
     viewItem: [String, Function, Object],
     editable: {
@@ -159,11 +161,13 @@ var MonthViewVue2 = {
             attrs: _this.v3 ? undefined : {
               editable: _this.$props.editable,
               slotRender: _this.$props.slotRender,
+              viewSlot: _this.$props.viewSlot,
               monthSlots: monthSlots,
               rangeIndex: rangeIndex,
               itemsPerSlot: itemsPerSlot
             },
             slotRender: _this.$props.slotRender,
+            viewSlot: _this.$props.viewSlot,
             monthSlots: monthSlots,
             rangeIndex: rangeIndex,
             itemsPerSlot: itemsPerSlot,
@@ -177,11 +181,13 @@ var MonthViewVue2 = {
           attrs: _this.v3 ? undefined : {
             editable: _this.$props.editable,
             slotRender: _this.$props.slotRender,
+            viewSlot: _this.$props.viewSlot,
             monthSlots: monthSlots,
             rangeIndex: rangeIndex,
             itemsPerSlot: itemsPerSlot
           },
           slotRender: _this.$props.slotRender,
+          viewSlot: _this.$props.viewSlot,
           monthSlots: monthSlots,
           rangeIndex: rangeIndex,
           itemsPerSlot: itemsPerSlot,
@@ -200,6 +206,7 @@ var MonthViewVue2 = {
         group: this.ks.props.group,
         more: {
           slotRender: this.$props.slotRender,
+          viewSlot: this.$props.viewSlot,
           monthSlots: monthSlots,
           ranges: this.ranges,
           itemsPerSlot: itemsPerSlot,
@@ -214,6 +221,7 @@ var MonthViewVue2 = {
       },
       more: {
         slotRender: this.$props.slotRender,
+        viewSlot: this.$props.viewSlot,
         monthSlots: monthSlots,
         ranges: this.ranges,
         itemsPerSlot: itemsPerSlot,

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

@@ -12,6 +12,7 @@ export interface MonthViewBodyProps {
     monthSlots: any[];
     ranges: any[];
     slotRender: any;
+    viewSlot: any;
 }
 /**
  * @hidden

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

@@ -14,7 +14,8 @@ var MonthViewBodyVue2 = {
     itemsPerSlot: Number,
     monthSlots: Array,
     ranges: Array,
-    slotRender: [String, Function, Object]
+    slotRender: [String, Function, Object],
+    viewSlot: [String, Function, Object]
   },
   inject: {
     ri: {

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

@@ -111,7 +111,6 @@ var MultiDayTimelineViewVue2 = {
       type: Number,
       default: 60
     },
-    // showCurrentTime: true // TODO: Phase 2
     defaultShowWorkHours: {
       type: Boolean,
       default: true
@@ -120,7 +119,10 @@ var MultiDayTimelineViewVue2 = {
       type: Number,
       default: 100
     },
+    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: {
@@ -356,12 +358,14 @@ var MultiDayTimelineViewVue2 = {
             attrs: _this2.v3 ? undefined : {
               editable: _this2.$props.editable,
               slotRender: _this2.$props.slotRender,
+              viewSlot: _this2.$props.viewSlot,
               ranges: _this2.ranges,
               workDayStart: workDayStart,
               workDayEnd: workDayEnd,
               timelineSlots: timelineSlots
             },
             slotRender: _this2.$props.slotRender,
+            viewSlot: _this2.$props.viewSlot,
             ranges: _this2.ranges,
             workDayStart: workDayStart,
             workDayEnd: workDayEnd,
@@ -376,12 +380,14 @@ var MultiDayTimelineViewVue2 = {
           attrs: _this2.v3 ? undefined : {
             editable: _this2.$props.editable,
             slotRender: _this2.$props.slotRender,
+            viewSlot: _this2.$props.viewSlot,
             ranges: _this2.ranges,
             workDayStart: workDayStart,
             workDayEnd: workDayEnd,
             timelineSlots: timelineSlots
           },
           slotRender: _this2.$props.slotRender,
+          viewSlot: _this2.$props.viewSlot,
           ranges: _this2.ranges,
           workDayStart: workDayStart,
           workDayEnd: workDayEnd,
@@ -403,7 +409,9 @@ var MultiDayTimelineViewVue2 = {
               workDayStart: workDayStart,
               workDayEnd: workDayEnd,
               timelineSlots: timelineSlots,
-              slotRender: _this2.$props.slotRender
+              slotRender: _this2.$props.slotRender,
+              viewSlot: _this2.$props.viewSlot,
+              currentTimeMarker: _this2.$props.currentTimeMarker
             }
           },
           wrapGroup: true,
@@ -418,7 +426,9 @@ var MultiDayTimelineViewVue2 = {
             workDayStart: workDayStart,
             workDayEnd: workDayEnd,
             timelineSlots: timelineSlots,
-            slotRender: _this2.$props.slotRender
+            slotRender: _this2.$props.slotRender,
+            viewSlot: _this2.$props.viewSlot,
+            currentTimeMarker: _this2.$props.currentTimeMarker
           }
         }), items.sort(orderSort).map(function (item) {
           return h(SchedulerEditItem, {
@@ -545,12 +555,14 @@ var MultiDayTimelineViewVue2 = {
           attrs: _this2.v3 ? undefined : {
             editable: _this2.$props.editable,
             slotRender: _this2.$props.slotRender,
+            viewSlot: _this2.$props.viewSlot,
             ranges: _this2.ranges,
             workDayStart: workDayStart,
             workDayEnd: workDayEnd,
             timelineSlots: timelineSlots
           },
           slotRender: _this2.$props.slotRender,
+          viewSlot: _this2.$props.viewSlot,
           ranges: _this2.ranges,
           workDayStart: workDayStart,
           workDayEnd: workDayEnd,
@@ -565,12 +577,14 @@ var MultiDayTimelineViewVue2 = {
         attrs: _this2.v3 ? undefined : {
           editable: _this2.$props.editable,
           slotRender: _this2.$props.slotRender,
+          viewSlot: _this2.$props.viewSlot,
           ranges: _this2.ranges,
           workDayStart: workDayStart,
           workDayEnd: workDayEnd,
           timelineSlots: timelineSlots
         },
         slotRender: _this2.$props.slotRender,
+        viewSlot: _this2.$props.viewSlot,
         ranges: _this2.ranges,
         workDayStart: workDayStart,
         workDayEnd: workDayEnd,
@@ -591,7 +605,9 @@ var MultiDayTimelineViewVue2 = {
             workDayStart: workDayStart,
             workDayEnd: workDayEnd,
             timelineSlots: timelineSlots,
-            slotRender: _this2.$props.slotRender
+            slotRender: _this2.$props.slotRender,
+            viewSlot: _this2.$props.viewSlot,
+            currentTimeMarker: _this2.$props.currentTimeMarker
           }
         },
         wrapGroup: true,
@@ -606,7 +622,9 @@ var MultiDayTimelineViewVue2 = {
           workDayStart: workDayStart,
           workDayEnd: workDayEnd,
           timelineSlots: timelineSlots,
-          slotRender: _this2.$props.slotRender
+          slotRender: _this2.$props.slotRender,
+          viewSlot: _this2.$props.viewSlot,
+          currentTimeMarker: _this2.$props.currentTimeMarker
         }
       }), items.sort(orderSort).map(function (item) {
         return h(SchedulerEditItem, {

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

@@ -83,7 +83,6 @@ var TimelineViewVue2 = {
       type: Number,
       default: 60
     },
-    // showCurrentTime: true // TODO: Phase 2
     defaultShowWorkHours: {
       type: Boolean,
       default: true
@@ -92,7 +91,10 @@ var TimelineViewVue2 = {
       type: Number,
       default: 100
     },
+    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: [Object, Boolean]
@@ -128,7 +130,10 @@ var TimelineViewVue2 = {
         workDayEnd: this.$props.workDayEnd,
         workWeekStart: this.$props.workWeekStart,
         workWeekEnd: this.$props.workWeekEnd,
+        timeHeaderCell: this.$props.timeHeaderCell,
+        dateHeaderCell: this.$props.dateHeaderCell,
         slotRender: this.$props.slotRender,
+        viewSlot: this.$props.viewSlot,
         item: this.$props.item,
         viewItem: this.$props.viewItem,
         editable: this.$props.editable
@@ -150,7 +155,10 @@ var TimelineViewVue2 = {
       workDayEnd: this.$props.workDayEnd,
       workWeekStart: this.$props.workWeekStart,
       workWeekEnd: this.$props.workWeekEnd,
+      timeHeaderCell: this.$props.timeHeaderCell,
+      dateHeaderCell: this.$props.dateHeaderCell,
       slotRender: this.$props.slotRender,
+      viewSlot: this.$props.viewSlot,
       item: this.$props.item,
       viewItem: this.$props.viewItem,
       editable: this.$props.editable,

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

@@ -5,12 +5,14 @@ declare type DefaultMethods<V> = {
 };
 /** @hidden */
 export interface TimelineViewBodyProps {
+    currentTimeMarker: boolean;
     groupIndex: number;
     timelineSlots: any[];
     ranges: any[];
     workDayStart: any;
     workDayEnd: any;
     slotRender: any;
+    viewSlot: any;
     editable?: boolean | object;
 }
 /**