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

package/dist/npm/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/npm/views/day/DayViewVerticalSlotsRow.js

@@ -12,17 +12,27 @@ var gh = allVue.h;
 
 var MultiDayView_1 = require("./MultiDayView");
 
-var SchedulerEditSlot_1 = require("../../slots/SchedulerEditSlot");
-
 var utils_1 = require("../../utils");
 
+var SchedulerEditSlot_1 = require("../../slots/SchedulerEditSlot");
+
 var DayViewRowContent_1 = require("./DayViewRowContent");
 
+var CurrentTimeMarker_1 = require("../../components/CurrentTimeMarker");
+
+var CurrentTimeMarkerArrow_1 = require("../../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,
@@ -70,6 +80,7 @@ var DayViewVerticalSlotsRowVue2 = {
         workWeekStart = _a.workWeekStart,
         workWeekEnd = _a.workWeekEnd,
         viewSlot = _a.viewSlot,
+        renderSlot = _a.renderSlot,
         form = _a.form,
         editable = _a.editable;
     return h("div", {
@@ -90,10 +101,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,
@@ -111,6 +122,7 @@ var DayViewVerticalSlotsRowVue2 = {
             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: viewSlot,
           form: form,
           onDataaction: that.handleDataAction,
           on: this.v3 ? undefined : {
@@ -133,7 +145,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 && utils_1.intersects(utils_1.first(this.timeRanges).start, utils_1.last(this.timeRanges).end, new Date(), new Date(), true) && [h(CurrentTimeMarkerArrow_1.CurrentTimeMarkerArrow, {
+      groupIndex: groupIndex,
+      attrs: this.v3 ? undefined : {
+        groupIndex: groupIndex
+      }
+    }), h(CurrentTimeMarker_1.CurrentTimeMarker, {
+      groupIndex: groupIndex,
+      attrs: this.v3 ? undefined : {
+        groupIndex: groupIndex
+      }
+    })]]);
   },
   methods: {
     handleDataAction: function handleDataAction(action) {

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

@@ -76,7 +76,9 @@ var SchedulerEditSlot_1 = require("../../slots/SchedulerEditSlot");
 
 var SchedulerEditItem_1 = require("../../items/SchedulerEditItem");
 
-var CurrentTimeMarket_1 = require("../../components/CurrentTimeMarket");
+var CurrentTimeMarker_1 = require("../../components/CurrentTimeMarker");
+
+var CurrentTimeMarkerArrow_1 = require("../../components/CurrentTimeMarkerArrow");
 
 var SchedulerResize_1 = require("../common/SchedulerResize");
 
@@ -172,17 +174,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
@@ -466,6 +467,7 @@ var MultiDayViewVue2 = {
               dayRanges: _this2.dayRanges,
               daySlots: daySlots,
               slotRender: _this2.$props.slotRender,
+              viewSlot: _this2.$props.viewSlot,
               numberOfDays: numberOfDays,
               workWeekStart: workWeekStart,
               workWeekEnd: workWeekEnd
@@ -473,6 +475,7 @@ var MultiDayViewVue2 = {
             dayRanges: _this2.dayRanges,
             daySlots: daySlots,
             slotRender: _this2.$props.slotRender,
+            viewSlot: _this2.$props.viewSlot,
             numberOfDays: numberOfDays,
             workWeekStart: workWeekStart,
             workWeekEnd: workWeekEnd,
@@ -488,6 +491,7 @@ var MultiDayViewVue2 = {
             dayRanges: _this2.dayRanges,
             daySlots: daySlots,
             slotRender: _this2.$props.slotRender,
+            viewSlot: _this2.$props.viewSlot,
             numberOfDays: numberOfDays,
             workWeekStart: workWeekStart,
             workWeekEnd: workWeekEnd
@@ -495,6 +499,7 @@ var MultiDayViewVue2 = {
           dayRanges: _this2.dayRanges,
           daySlots: daySlots,
           slotRender: _this2.$props.slotRender,
+          viewSlot: _this2.$props.viewSlot,
           numberOfDays: numberOfDays,
           workWeekStart: workWeekStart,
           workWeekEnd: workWeekEnd,
@@ -641,6 +646,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,
@@ -653,6 +659,7 @@ var MultiDayViewVue2 = {
                   workWeekEnd: workWeekEnd,
                   editable: _this3.$props.editable
                 },
+                viewSlot: _this3.$props.viewSlot,
                 timeRanges: _this3.timeRanges,
                 timeSlots: timeSlots,
                 slotDivisions: slotDivisions,
@@ -673,6 +680,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,
@@ -685,6 +693,7 @@ var MultiDayViewVue2 = {
                 workWeekEnd: workWeekEnd,
                 editable: _this3.$props.editable
               },
+              viewSlot: _this3.$props.viewSlot,
               timeRanges: _this3.timeRanges,
               timeSlots: timeSlots,
               slotDivisions: slotDivisions,
@@ -702,7 +711,7 @@ var MultiDayViewVue2 = {
               editable: _this3.$props.editable
             })])
           );
-        }, _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
+        }, _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(CurrentTimeMarkerArrow_1.CurrentTimeMarkerArrow), h(CurrentTimeMarker_1.CurrentTimeMarker)]] : [// @ts-ignore  function children
         h(VerticalResourceIterator_1.VerticalResourceIterator, {
           nested: true,
           attrs: _this2.v3 ? undefined : {
@@ -718,7 +727,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,
@@ -736,7 +747,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_1.DayViewVerticalRow, {
@@ -770,17 +783,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,
@@ -981,6 +984,7 @@ var MultiDayViewVue2 = {
             dayRanges: _this2.dayRanges,
             daySlots: daySlots,
             slotRender: _this2.$props.slotRender,
+            viewSlot: _this2.$props.viewSlot,
             numberOfDays: numberOfDays,
             workWeekStart: workWeekStart,
             workWeekEnd: workWeekEnd
@@ -988,6 +992,7 @@ var MultiDayViewVue2 = {
           dayRanges: _this2.dayRanges,
           daySlots: daySlots,
           slotRender: _this2.$props.slotRender,
+          viewSlot: _this2.$props.viewSlot,
           numberOfDays: numberOfDays,
           workWeekStart: workWeekStart,
           workWeekEnd: workWeekEnd,
@@ -1003,6 +1008,7 @@ var MultiDayViewVue2 = {
           dayRanges: _this2.dayRanges,
           daySlots: daySlots,
           slotRender: _this2.$props.slotRender,
+          viewSlot: _this2.$props.viewSlot,
           numberOfDays: numberOfDays,
           workWeekStart: workWeekStart,
           workWeekEnd: workWeekEnd
@@ -1010,6 +1016,7 @@ var MultiDayViewVue2 = {
         dayRanges: _this2.dayRanges,
         daySlots: daySlots,
         slotRender: _this2.$props.slotRender,
+        viewSlot: _this2.$props.viewSlot,
         numberOfDays: numberOfDays,
         workWeekStart: workWeekStart,
         workWeekEnd: workWeekEnd,
@@ -1154,6 +1161,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,
@@ -1166,6 +1174,7 @@ var MultiDayViewVue2 = {
               workWeekEnd: workWeekEnd,
               editable: _this3.$props.editable
             },
+            viewSlot: _this3.$props.viewSlot,
             timeRanges: _this3.timeRanges,
             timeSlots: timeSlots,
             slotDivisions: slotDivisions,
@@ -1186,6 +1195,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,
@@ -1198,6 +1208,7 @@ var MultiDayViewVue2 = {
             workWeekEnd: workWeekEnd,
             editable: _this3.$props.editable
           },
+          viewSlot: _this3.$props.viewSlot,
           timeRanges: _this3.timeRanges,
           timeSlots: timeSlots,
           slotDivisions: slotDivisions,
@@ -1214,7 +1225,7 @@ var MultiDayViewVue2 = {
           },
           editable: _this3.$props.editable
         })]);
-      }, _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(CurrentTimeMarkerArrow_1.CurrentTimeMarkerArrow), h(CurrentTimeMarker_1.CurrentTimeMarker)]] : [h(VerticalResourceIterator_1.VerticalResourceIterator, {
         nested: true,
         attrs: _this2.v3 ? undefined : {
           nested: true,
@@ -1229,7 +1240,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,
@@ -1247,7 +1260,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_1.DayViewVerticalRow, {

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

@@ -85,8 +85,11 @@ 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: {
       type: [Boolean, Object],
       default: false
@@ -182,11 +185,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,11 +205,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,
@@ -223,6 +230,7 @@ var MonthViewVue2 = {
         group: this.ks.props.group,
         more: {
           slotRender: this.$props.slotRender,
+          viewSlot: this.$props.viewSlot,
           monthSlots: monthSlots,
           ranges: this.ranges,
           itemsPerSlot: itemsPerSlot,
@@ -237,6 +245,7 @@ var MonthViewVue2 = {
       },
       more: {
         slotRender: this.$props.slotRender,
+        viewSlot: this.$props.viewSlot,
         monthSlots: monthSlots,
         ranges: this.ranges,
         itemsPerSlot: itemsPerSlot,

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

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

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

@@ -24,7 +24,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/npm/views/time/MultiDayTimelineView.js

@@ -137,7 +137,6 @@ var MultiDayTimelineViewVue2 = {
       type: Number,
       default: 60
     },
-    // showCurrentTime: true // TODO: Phase 2
     defaultShowWorkHours: {
       type: Boolean,
       default: true
@@ -146,8 +145,12 @@ 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: {
       type: [Boolean, Object],
       default: false
@@ -381,12 +384,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,
@@ -401,12 +406,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,
@@ -428,7 +435,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,
@@ -443,7 +452,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(utils_1.orderSort).map(function (item) {
           return h(SchedulerEditItem_1.SchedulerEditItem, {
@@ -570,12 +581,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,
@@ -590,12 +603,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,
@@ -616,7 +631,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,
@@ -631,7 +648,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(utils_1.orderSort).map(function (item) {
         return h(SchedulerEditItem_1.SchedulerEditItem, {

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

@@ -93,7 +93,6 @@ var TimelineViewVue2 = {
       type: Number,
       default: 60
     },
-    // showCurrentTime: true // TODO: Phase 2
     defaultShowWorkHours: {
       type: Boolean,
       default: true
@@ -102,8 +101,12 @@ 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]
   },
   // @ts-ignore
@@ -137,8 +140,12 @@ 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
       },
       dateRange: this.$props.dateRange,
@@ -158,8 +165,12 @@ 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,
       onDataaction: this.handleDataAction,
       on: this.v3 ? undefined : {

package/dist/npm/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;
 }
 /**

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

@@ -13,19 +13,26 @@ var inject = allVue.inject;
 
 var SchedulerEditSlot_1 = require("../../slots/SchedulerEditSlot");
 
-var utils_1 = require("../../utils"); // tslint:enable:max-line-length
+var utils_1 = require("../../utils");
+
+var CurrentTimeMarker_1 = require("../../components/CurrentTimeMarker"); // tslint:enable:max-line-length
 
 
 var TimelineViewBodyVue2 = {
   name: 'KendoTimelineViewBody',
   props: {
+    currentTimeMarker: {
+      type: Boolean,
+      default: true
+    },
     groupIndex: Number,
     timelineSlots: Array,
     ranges: Array,
     workDayStart: Date,
     workDayEnd: Date,
     editable: [Object, Boolean],
-    slotRender: [String, Function, Object]
+    slotRender: [String, Function, Object],
+    viewSlot: [String, Function, Object]
   },
   inject: {
     ri: {
@@ -58,11 +65,10 @@ var TimelineViewBodyVue2 = {
       }).map(function (slot, slotIndex, filtered) {
         return h(SchedulerEditSlot_1.SchedulerEditSlot, {
           key: slot.start.getTime() + ":" + slot.group.index,
-          slot: that.$props.slot,
-          viewSlot: that.$props.viewSlot,
+          slotRender: that.$props.slotRender,
           attrs: this.v3 ? undefined : {
-            viewSlot: that.$props.viewSlot,
             slotRender: that.$props.slotRender,
+            viewSlot: that.$props.viewSlot,
             index: slot.index,
             start: slot.start,
             end: slot.end,
@@ -79,7 +85,7 @@ var TimelineViewBodyVue2 = {
             expandable: true,
             editable: editable
           },
-          slotRender: that.$props.slotRender,
+          viewSlot: that.$props.viewSlot,
           index: slot.index,
           start: slot.start,
           end: slot.end,
@@ -101,7 +107,14 @@ var TimelineViewBodyVue2 = {
           editable: editable
         });
       }, true);
-    }, this)]);
+    }, this), this.$props.currentTimeMarker && utils_1.intersects(utils_1.first(ranges).start, utils_1.last(ranges).end, new Date(), new Date(), true) && h(CurrentTimeMarker_1.CurrentTimeMarker, {
+      groupIndex: groupIndex,
+      attrs: this.v3 ? undefined : {
+        groupIndex: groupIndex,
+        vertical: true
+      },
+      vertical: true
+    })]);
   },
   methods: {
     handleDataAction: function handleDataAction(action) {