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

package/dist/npm/items/SchedulerEditItem.js

@@ -214,7 +214,8 @@ var SchedulerEditItemVue2 = {
   render: function render(createElement) {
     var _this = this;
 
-    var h = gh || createElement; // tslint:enable:max-line-length
+    var h = gh || createElement;
+    var defaultSlot = kendo_vue_common_1.getDefaultSlots(this); // tslint:enable:max-line-length
 
     var _a = this.$props,
         onDataaction = _a.onDataaction,
@@ -290,56 +291,12 @@ var SchedulerEditItemVue2 = {
     var selected = Boolean(this.bv.selectedItems && this.bv.selectedItems.some(function (si) {
       return utils_1.compareItems(si, _this, _this.ignoreIsAllDay);
     }));
-    return (// @ts-ignore  function children
-      h(SchedulerViewItem_1.SchedulerViewItem, {
+    var itemRender;
+    var itemRenderDefaultRendering = // @ts-ignore  function children
+    h(SchedulerViewItem_1.SchedulerViewItem, {
+      ignoreIsAllDay: this.ignoreIsAllDay,
+      attrs: this.v3 ? undefined : {
         ignoreIsAllDay: this.ignoreIsAllDay,
-        attrs: this.v3 ? undefined : {
-          ignoreIsAllDay: this.ignoreIsAllDay,
-          item: this.item,
-          uid: this.uid,
-          start: this.start,
-          end: this.end,
-          originalStart: this.originalStart,
-          startTimezone: this.startTimezone,
-          endTimezone: this.endTimezone,
-          isAllDay: this.isAllDay,
-          title: this.title,
-          description: this.description,
-          occurrenceId: this.occurrenceId,
-          recurrenceExceptions: this.recurrenceExceptions,
-          recurrenceRule: this.recurrenceRule,
-          recurrenceId: this.recurrenceId,
-          dataItem: this.dataItem,
-          head: this.head,
-          tail: this.tail,
-          order: this.order,
-          zonedStart: this.zonedStart,
-          zonedEnd: this.zonedEnd,
-          slots: this.slots,
-          group: this.group,
-          range: this.range,
-          isException: this.isException,
-          isRecurring: this.isRecurring,
-          id: this.id,
-          className: this.className,
-          itemStyle: this.itemStyle,
-          editable: this.editable,
-          vertical: this.vertical,
-          dragHint: this.dragHint,
-          resizeHint: this.resizeHint,
-          format: this.format,
-          showOccurrenceDialog: this.compShowOccurrenceDialog,
-          showRemoveDialog: this.compShowRemoveDialog,
-          formItem: this.compFormItem,
-          dragItem: this.compDragItem,
-          resizeItem: this.compResizeItem,
-          removeItem: this.compRemoveItem //   refTo={this}
-          ,
-          itemRef: this.item,
-          selected: selected,
-          tabIndex: this.currentTabIndex // Keyboard
-
-        },
         item: this.item,
         uid: this.uid,
         start: this.start,
@@ -378,48 +335,120 @@ var SchedulerEditItemVue2 = {
         formItem: this.compFormItem,
         dragItem: this.compDragItem,
         resizeItem: this.compResizeItem,
-        removeItem: this.compRemoveItem,
+        removeItem: this.compRemoveItem //   refTo={this}
+        ,
         itemRef: this.item,
         selected: selected,
-        tabIndex: this.currentTabIndex,
-        onKeydown: this.handleKeyDown,
-        on: this.v3 ? undefined : {
-          "keydown": this.handleKeyDown,
-          "keyup": this.handleKeyUp,
-          "focus": this.handleFocus,
-          "mouseup": this.handleMouseUp,
-          "mousedown": this.handleMouseDown,
-          "click": this.handleClick,
-          "doubleclick": this.handleDoubleClick,
-          "removeclick": this.handleRemoveClick,
-          "press": this.handlePress,
-          "drag": this.handleDrag,
-          "release": this.handleRelease,
-          "resizepress": this.handleResizePress,
-          "resizeenddrag": this.handleResizeEndDrag,
-          "resizestartdrag": this.handleResizeStartDrag,
-          "resizerelease": this.handleResizeRelease
-        },
-        onKeyup: this.handleKeyUp // Focus
-        ,
-        onFocus: this.handleFocus // Mouse
-        ,
-        onMouseup: this.handleMouseUp,
-        onMousedown: this.handleMouseDown,
-        onClick: this.handleClick,
-        onDoubleclick: this.handleDoubleClick,
-        onRemoveclick: this.handleRemoveClick // Drag
-        ,
-        onPress: this.handlePress,
-        onDrag: this.handleDrag,
-        onRelease: this.handleRelease // Resize
-        ,
-        onResizepress: this.handleResizePress,
-        onResizeenddrag: this.handleResizeEndDrag,
-        onResizestartdrag: this.handleResizeStartDrag,
-        onResizerelease: this.handleResizeRelease
-      })
-    );
+        tabIndex: this.currentTabIndex // Keyboard
+
+      },
+      item: this.item,
+      uid: this.uid,
+      start: this.start,
+      end: this.end,
+      originalStart: this.originalStart,
+      startTimezone: this.startTimezone,
+      endTimezone: this.endTimezone,
+      isAllDay: this.isAllDay,
+      title: this.title,
+      description: this.description,
+      occurrenceId: this.occurrenceId,
+      recurrenceExceptions: this.recurrenceExceptions,
+      recurrenceRule: this.recurrenceRule,
+      recurrenceId: this.recurrenceId,
+      dataItem: this.dataItem,
+      head: this.head,
+      tail: this.tail,
+      order: this.order,
+      zonedStart: this.zonedStart,
+      zonedEnd: this.zonedEnd,
+      slots: this.slots,
+      group: this.group,
+      range: this.range,
+      isException: this.isException,
+      isRecurring: this.isRecurring,
+      id: this.id,
+      className: this.className,
+      itemStyle: this.itemStyle,
+      editable: this.editable,
+      vertical: this.vertical,
+      dragHint: this.dragHint,
+      resizeHint: this.resizeHint,
+      format: this.format,
+      showOccurrenceDialog: this.compShowOccurrenceDialog,
+      showRemoveDialog: this.compShowRemoveDialog,
+      formItem: this.compFormItem,
+      dragItem: this.compDragItem,
+      resizeItem: this.compResizeItem,
+      removeItem: this.compRemoveItem,
+      itemRef: this.item,
+      selected: selected,
+      tabIndex: this.currentTabIndex,
+      onKeydown: this.handleKeyDown,
+      on: this.v3 ? undefined : {
+        "keydown": this.handleKeyDown,
+        "keyup": this.handleKeyUp,
+        "focus": this.handleFocus,
+        "mouseup": this.handleMouseUp,
+        "mousedown": this.handleMouseDown,
+        "click": this.handleClick,
+        "doubleclick": this.handleDoubleClick,
+        "removeclick": this.handleRemoveClick,
+        "press": this.handlePress,
+        "drag": this.handleDrag,
+        "release": this.handleRelease,
+        "resizepress": this.handleResizePress,
+        "resizeenddrag": this.handleResizeEndDrag,
+        "resizestartdrag": this.handleResizeStartDrag,
+        "resizerelease": this.handleResizeRelease
+      },
+      onKeyup: this.handleKeyUp // Focus
+      ,
+      onFocus: this.handleFocus // Mouse
+      ,
+      onMouseup: this.handleMouseUp,
+      onMousedown: this.handleMouseDown,
+      onClick: this.handleClick,
+      onDoubleclick: this.handleDoubleClick,
+      onRemoveclick: this.handleRemoveClick // Drag
+      ,
+      onPress: this.handlePress,
+      onDrag: this.handleDrag,
+      onRelease: this.handleRelease // Resize
+      ,
+      onResizepress: this.handleResizePress,
+      onResizeenddrag: this.handleResizeEndDrag,
+      onResizestartdrag: this.handleResizeStartDrag,
+      onResizerelease: this.handleResizeRelease
+    });
+    itemRender = kendo_vue_common_1.getTemplate.call(this, {
+      h: h,
+      template: this.$props.viewItem,
+      defaultRendering: itemRenderDefaultRendering,
+      defaultSlots: defaultSlot,
+      additionalListeners: {
+        //   keydown: this.handleKeyDown,
+        // keyup: this.handleKeyUp,
+        // Focus
+        //  focus: this.handleFocus,
+        // Mouse
+        // mouseup: this.handleMouseUp,
+        // mousedown: this.handleMouseDown,
+        //  click: this.handleClick,
+        doubleclick: this.handleDoubleClick,
+        removeclick: this.handleRemoveClick,
+        // Drag
+        press: this.handlePress,
+        drag: this.handleDrag,
+        release: this.handleRelease,
+        // Resize
+        resizepress: this.handleResizePress,
+        resizeenddrag: this.handleResizeEndDrag,
+        resizestartdrag: this.handleResizeStartDrag,
+        resizerelease: this.handleResizeRelease
+      }
+    });
+    return itemRender;
   },
   methods: {
     dispatchSeries: function dispatchSeries(action, _event) {

package/dist/npm/items/SchedulerViewItem.js

@@ -132,23 +132,26 @@ var SchedulerViewItemVue2 = {
       that.position();
     });
 
-    if (!this.ks.scheduler) {
+    if (!this.ks.scheduler || !this.ks.scheduler.$el) {
       return;
     }
 
     this.observer = new window.ResizeObserver(this.handleResize);
-    this.observer.observe(this.ks.scheduler);
+    this.observer.observe(this.ks.scheduler.$el);
   },
   updated: function updated() {
-    this.align();
-    this.position();
+    var that = this;
+    this.$nextTick(function () {
+      that.align();
+      that.position();
+    });
 
-    if (!this.ks.scheduler || this.observer) {
+    if (!this.ks.scheduler || !this.ks.scheduler.$el || this.observer) {
       return;
     }
 
     this.observer = new window.ResizeObserver(this.handleResize);
-    this.observer.observe(this.ks.scheduler);
+    this.observer.observe(this.ks.scheduler.$el);
   },
   destroyed: !!gh ? undefined : function () {
     if (this.observer) {

package/dist/npm/main.d.ts

@@ -19,6 +19,7 @@ import { SchedulerDrag, SchedulerDragProps } from './views/common/SchedulerDrag'
 import { SchedulerResize, SchedulerResizeProps } from './views/common/SchedulerResize';
 import { SchedulerForm, SchedulerFormHandle, SchedulerFormProps } from './components/SchedulerForm';
 import { SchedulerFormEditor, SchedulerFormEditorHandle, SchedulerFormEditorProps } from './editors/SchedulerFormEditor';
+import { SchedulerActionButtons } from './components/SchedulerActionButtons';
 import { SchedulerOccurrenceDialog, SchedulerOccurrenceDialogHandle, SchedulerOccurrenceDialogProps } from './components/SchedulerOccurrenceDialog';
 import { SchedulerRemoveDialog, SchedulerRemoveDialogHandle, SchedulerRemoveDialogProps } from './components/SchedulerRemoveDialog';
 import { SchedulerHeader, SchedulerHeaderProps, SchedulerHeaderHandle } from './components/header/SchedulerHeader';
@@ -39,4 +40,4 @@ import { SchedulerItemShowOccurrenceDialogAction, SHOW_OCCURRENCE_DIALOG_ACTION
 import { SchedulerItemShowRemoveDialogAction, SHOW_REMOVE_DIALOG_ACTION } from './items/hooks/use-show-remove-item-dialog';
 import { SchedulerSlotsSelectAction, SLOTS_SELECT_ACTION } from './hooks/use-slots-selection';
 import { SchedulerGroup, SchedulerResource } from './models';
-export { Scheduler, SchedulerProps, AgendaView, TimelineView, DayView, WeekView, WorkWeekView, MonthView, SchedulerDataChangeEvent, SchedulerDateChangeEvent, SchedulerViewChangeEvent, DataAction, DATA_ACTION, SchedulerItem, SchedulerItemProps, SchedulerItemHandle, SchedulerItemContent, SchedulerItemContentProps, SchedulerViewItem, SchedulerViewItemProps, SchedulerViewItemHandle, SchedulerEditItem, SchedulerEditItemProps, SchedulerEditItemState, SchedulerEditItemAction, SchedulerEditItemHandle, SchedulerSlot, SchedulerSlotProps, SchedulerSlotHandle, SchedulerViewSlot, SchedulerViewSlotProps, SchedulerViewSlotHandle, SchedulerSlotExpandableConfig, SchedulerEditSlot, SchedulerEditSlotProps, SchedulerEditSlotHandle, SchedulerTask, SchedulerTaskProps, SchedulerTaskHandle, SchedulerViewTask, SchedulerViewTaskProps, SchedulerViewTaskHandle, SchedulerEditTask, SchedulerEditTaskProps, SchedulerEditTaskHandle, SchedulerDrag, SchedulerDragProps, SchedulerResize, SchedulerResizeProps, SchedulerForm, SchedulerFormHandle, SchedulerFormProps, SchedulerFormEditor, SchedulerFormEditorProps, SchedulerFormEditorHandle, SchedulerOccurrenceDialog, SchedulerOccurrenceDialogProps, SchedulerOccurrenceDialogHandle, SchedulerRemoveDialog, SchedulerRemoveDialogProps, SchedulerRemoveDialogHandle, SchedulerHeader, SchedulerHeaderProps, SchedulerHeaderHandle, SchedulerFooter, SchedulerFooterProps, SchedulerFooterHandle, DateHeaderCell, DateHeaderCellHandle, DateHeaderCellProps, TimeHeaderCell, TimeHeaderCellHandle, TimeHeaderCellProps, DRAG_ITEM_ACTION, SchedulerItemDragItemAction, ITEMS_FOCUS_ACTION, SchedulerItemsFocusAction, ITEMS_SELECT_ACTION, SchedulerItemsSelectAction, REMOVE_ITEM_ACTION, SchedulerItemRemoveItemAction, RESIZE_ITEM_ACTION, SchedulerItemResizeItemAction, SERIES_ACTION, SchedulerItemSeriesAction, SHOW_OCCURRENCE_DIALOG_ACTION, SchedulerItemShowOccurrenceDialogAction, SHOW_REMOVE_DIALOG_ACTION, SchedulerItemShowRemoveDialogAction, SLOTS_FOCUS_ACTION, SchedulerSlotsFocusAction, SLOTS_SELECT_ACTION, SchedulerSlotsSelectAction, SchedulerResource, SchedulerGroup, BusinessHours, BusinessHoursProps, SchedulerNavigation, SchedulerNavigationProps, NavigationDatePicker, SchedulerViewSelector, SchedulerViewSelectorProps };
+export { Scheduler, SchedulerProps, AgendaView, TimelineView, DayView, WeekView, WorkWeekView, MonthView, SchedulerDataChangeEvent, SchedulerDateChangeEvent, SchedulerViewChangeEvent, DataAction, DATA_ACTION, SchedulerItem, SchedulerItemProps, SchedulerItemHandle, SchedulerItemContent, SchedulerItemContentProps, SchedulerViewItem, SchedulerViewItemProps, SchedulerViewItemHandle, SchedulerEditItem, SchedulerEditItemProps, SchedulerEditItemState, SchedulerEditItemAction, SchedulerEditItemHandle, SchedulerSlot, SchedulerSlotProps, SchedulerSlotHandle, SchedulerViewSlot, SchedulerViewSlotProps, SchedulerViewSlotHandle, SchedulerSlotExpandableConfig, SchedulerEditSlot, SchedulerEditSlotProps, SchedulerEditSlotHandle, SchedulerTask, SchedulerTaskProps, SchedulerTaskHandle, SchedulerViewTask, SchedulerViewTaskProps, SchedulerViewTaskHandle, SchedulerEditTask, SchedulerEditTaskProps, SchedulerEditTaskHandle, SchedulerDrag, SchedulerDragProps, SchedulerResize, SchedulerResizeProps, SchedulerForm, SchedulerFormHandle, SchedulerFormProps, SchedulerActionButtons, SchedulerFormEditor, SchedulerFormEditorProps, SchedulerFormEditorHandle, SchedulerOccurrenceDialog, SchedulerOccurrenceDialogProps, SchedulerOccurrenceDialogHandle, SchedulerRemoveDialog, SchedulerRemoveDialogProps, SchedulerRemoveDialogHandle, SchedulerHeader, SchedulerHeaderProps, SchedulerHeaderHandle, SchedulerFooter, SchedulerFooterProps, SchedulerFooterHandle, DateHeaderCell, DateHeaderCellHandle, DateHeaderCellProps, TimeHeaderCell, TimeHeaderCellHandle, TimeHeaderCellProps, DRAG_ITEM_ACTION, SchedulerItemDragItemAction, ITEMS_FOCUS_ACTION, SchedulerItemsFocusAction, ITEMS_SELECT_ACTION, SchedulerItemsSelectAction, REMOVE_ITEM_ACTION, SchedulerItemRemoveItemAction, RESIZE_ITEM_ACTION, SchedulerItemResizeItemAction, SERIES_ACTION, SchedulerItemSeriesAction, SHOW_OCCURRENCE_DIALOG_ACTION, SchedulerItemShowOccurrenceDialogAction, SHOW_REMOVE_DIALOG_ACTION, SchedulerItemShowRemoveDialogAction, SLOTS_FOCUS_ACTION, SchedulerSlotsFocusAction, SLOTS_SELECT_ACTION, SchedulerSlotsSelectAction, SchedulerResource, SchedulerGroup, BusinessHours, BusinessHoursProps, SchedulerNavigation, SchedulerNavigationProps, NavigationDatePicker, SchedulerViewSelector, SchedulerViewSelectorProps };

package/dist/npm/main.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SchedulerViewSelector = exports.NavigationDatePicker = exports.SchedulerNavigation = exports.BusinessHours = exports.SLOTS_SELECT_ACTION = exports.SLOTS_FOCUS_ACTION = exports.SHOW_REMOVE_DIALOG_ACTION = exports.SHOW_OCCURRENCE_DIALOG_ACTION = exports.SERIES_ACTION = exports.RESIZE_ITEM_ACTION = exports.REMOVE_ITEM_ACTION = exports.ITEMS_SELECT_ACTION = exports.ITEMS_FOCUS_ACTION = exports.DRAG_ITEM_ACTION = exports.TimeHeaderCell = exports.DateHeaderCell = exports.SchedulerFooter = exports.SchedulerHeader = exports.SchedulerRemoveDialog = exports.SchedulerOccurrenceDialog = exports.SchedulerFormEditor = exports.SchedulerForm = exports.SchedulerResize = exports.SchedulerDrag = exports.SchedulerEditTask = exports.SchedulerViewTask = exports.SchedulerTask = exports.SchedulerEditSlot = exports.SchedulerViewSlot = exports.SchedulerSlot = exports.SchedulerEditItem = exports.SchedulerViewItem = exports.SchedulerItemContent = exports.SchedulerItem = exports.DATA_ACTION = exports.MonthView = exports.WorkWeekView = exports.WeekView = exports.DayView = exports.TimelineView = exports.AgendaView = exports.Scheduler = void 0;
+exports.SchedulerViewSelector = exports.NavigationDatePicker = exports.SchedulerNavigation = exports.BusinessHours = exports.SLOTS_SELECT_ACTION = exports.SLOTS_FOCUS_ACTION = exports.SHOW_REMOVE_DIALOG_ACTION = exports.SHOW_OCCURRENCE_DIALOG_ACTION = exports.SERIES_ACTION = exports.RESIZE_ITEM_ACTION = exports.REMOVE_ITEM_ACTION = exports.ITEMS_SELECT_ACTION = exports.ITEMS_FOCUS_ACTION = exports.DRAG_ITEM_ACTION = exports.TimeHeaderCell = exports.DateHeaderCell = exports.SchedulerFooter = exports.SchedulerHeader = exports.SchedulerRemoveDialog = exports.SchedulerOccurrenceDialog = exports.SchedulerFormEditor = exports.SchedulerActionButtons = exports.SchedulerForm = exports.SchedulerResize = exports.SchedulerDrag = exports.SchedulerEditTask = exports.SchedulerViewTask = exports.SchedulerTask = exports.SchedulerEditSlot = exports.SchedulerViewSlot = exports.SchedulerSlot = exports.SchedulerEditItem = exports.SchedulerViewItem = exports.SchedulerItemContent = exports.SchedulerItem = exports.DATA_ACTION = exports.MonthView = exports.WorkWeekView = exports.WeekView = exports.DayView = exports.TimelineView = exports.AgendaView = exports.Scheduler = void 0;
 var Scheduler_1 = require("./Scheduler");
 Object.defineProperty(exports, "Scheduler", { enumerable: true, get: function () { return Scheduler_1.Scheduler; } });
 Object.defineProperty(exports, "DATA_ACTION", { enumerable: true, get: function () { return Scheduler_1.DATA_ACTION; } });
@@ -44,6 +44,8 @@ var SchedulerForm_1 = require("./components/SchedulerForm");
 Object.defineProperty(exports, "SchedulerForm", { enumerable: true, get: function () { return SchedulerForm_1.SchedulerForm; } });
 var SchedulerFormEditor_1 = require("./editors/SchedulerFormEditor");
 Object.defineProperty(exports, "SchedulerFormEditor", { enumerable: true, get: function () { return SchedulerFormEditor_1.SchedulerFormEditor; } });
+var SchedulerActionButtons_1 = require("./components/SchedulerActionButtons");
+Object.defineProperty(exports, "SchedulerActionButtons", { enumerable: true, get: function () { return SchedulerActionButtons_1.SchedulerActionButtons; } });
 var SchedulerOccurrenceDialog_1 = require("./components/SchedulerOccurrenceDialog");
 Object.defineProperty(exports, "SchedulerOccurrenceDialog", { enumerable: true, get: function () { return SchedulerOccurrenceDialog_1.SchedulerOccurrenceDialog; } });
 var SchedulerRemoveDialog_1 = require("./components/SchedulerRemoveDialog");

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-scheduler',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1651497551,
+    publishDate: 1651755811,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/npm/slots/SchedulerEditSlot.js

@@ -27,7 +27,6 @@ var use_slots_selection_1 = require("../hooks/use-slots-selection"); // tslint:e
 var SchedulerEditSlotVue2 = {
   name: 'KendoSchedulerEditSlot',
   props: {
-    viewSlot: Object,
     tabIndex: {
       type: Number,
       default: undefined
@@ -57,6 +56,7 @@ var SchedulerEditSlotVue2 = {
     isAllDay: Boolean,
     expandable: [Boolean, Object],
     slotRender: [String, Function, Object],
+    viewSlot: [String, Function, Object],
     navDay: Boolean,
     editable: [Object, Boolean],
     itemsPerSlot: Number
@@ -139,33 +139,13 @@ var SchedulerEditSlotVue2 = {
     var selected = this.bv.selectedSlots.some(function (s) {
       return utils_1.compareSlots(s, _this);
     });
-    return (// @ts-ignore  function children
-      h(SchedulerViewSlot_1.SchedulerViewSlot, {
+    var editSlotRender;
+    var editSlotRenderDefaultRendering = // @ts-ignore  function children
+    h(SchedulerViewSlot_1.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,
@@ -185,23 +165,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 = kendo_vue_common_1.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/npm/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/npm/slots/SchedulerViewSlot.d.ts

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

package/dist/npm/slots/SchedulerViewSlot.js

@@ -58,7 +58,8 @@ var SchedulerViewSlotVue2 = {
     tabIndex: {
       type: Number,
       default: undefined
-    }
+    },
+    slotStyle: Object
   },
   created: function created() {
     this.viewSlot = null;
@@ -73,10 +74,16 @@ var SchedulerViewSlotVue2 = {
     }
   },
   updated: function updated() {
-    hooks_1.useSlotExpand(this, this.ks.scheduler, this.$props.expandable);
+    var that = this;
+    this.$nextTick(function () {
+      hooks_1.useSlotExpand(that, that.ks.scheduler, that.$props.expandable);
+    });
   },
   mounted: function mounted() {
-    hooks_1.useSlotExpand(this, this.ks.scheduler, this.$props.expandable);
+    var that = this;
+    this.$nextTick(function () {
+      hooks_1.useSlotExpand(that, that.ks.scheduler, that.$props.expandable);
+    });
   },
   // @ts-ignore
   setup: !gh ? undefined : function () {
@@ -158,7 +165,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/npm/views/agenda/AgendaViewBody.js

@@ -102,7 +102,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/npm/views/common/VerticalResourceIterator.js

@@ -61,6 +61,7 @@ var VerticalResourceIteratorVue2 = {
         slotRender: more.slotRender,
         attrs: this.v3 ? undefined : {
           slotRender: more.slotRender,
+          viewSlot: more.viewSlot,
           groupIndex: currentGroupIndex,
           ranges: more.ranges,
           workDayStart: more.workDayStart,
@@ -68,6 +69,7 @@ var VerticalResourceIteratorVue2 = {
           timelineSlots: more.timelineSlots,
           editable: more.editable
         },
+        viewSlot: more.viewSlot,
         groupIndex: currentGroupIndex,
         ranges: more.ranges,
         workDayStart: more.workDayStart,
@@ -83,6 +85,7 @@ var VerticalResourceIteratorVue2 = {
           slotRender: more.slotRender,
           attrs: this.v3 ? undefined : {
             slotRender: more.slotRender,
+            viewSlot: more.viewSlot,
             ranges: more.ranges,
             groupIndex: currentGroupIndex,
             monthSlots: more.monthSlots,
@@ -90,6 +93,7 @@ var VerticalResourceIteratorVue2 = {
             itemsPerSlot: more.itemsPerSlot,
             editable: more.editable
           },
+          viewSlot: more.viewSlot,
           ranges: more.ranges,
           groupIndex: currentGroupIndex,
           monthSlots: more.monthSlots,
@@ -108,6 +112,7 @@ var VerticalResourceIteratorVue2 = {
           slotRender: more.slotRender,
           attrs: this.v3 ? undefined : {
             slotRender: more.slotRender,
+            viewSlot: more.viewSlot,
             groupIndex: currentGroupIndex,
             root: root,
             rootIndex: rootIndex,
@@ -119,8 +124,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 : {
@@ -136,7 +143,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/npm/views/day/DayView.js

@@ -98,9 +98,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
@@ -146,8 +149,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,
@@ -168,8 +175,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/npm/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/npm/views/day/DayViewAllDaySlots.js

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

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

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