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

package/dist/npm/context/SchedulerResourceIteratorContext.js

@@ -53,9 +53,9 @@ var SchedulerResourceIteratorContextVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
-    return this.$props.noWrap ? defaultSlot[0] : h("div", {
+    return defaultSlot ? this.$props.noWrap && defaultSlot ? defaultSlot[0] : h("div", {
       "class": "k-scheduler-cell k-group-cell"
-    }, [defaultSlot]);
+    }, [defaultSlot]) : null;
   }
 };
 exports.SchedulerResourceIteratorContextVue2 = SchedulerResourceIteratorContextVue2;

package/dist/npm/items/SchedulerEditItem.js

@@ -38,6 +38,7 @@ var SchedulerEditItemVue2 = {
   name: 'KendoSchedulerEditItem',
   props: {
     tabIndex: Number,
+    item: [String, Function, Object],
     viewItem: [String, Function, Object],
     drag: [String, Function, Object],
     resize: [String, Function, Object],
@@ -108,7 +109,8 @@ var SchedulerEditItemVue2 = {
         showOccurrenceDialog: this.showOccurrenceDialog
       },
       currentTabIndex: this.$props.tabIndex,
-      item: null
+      currentItem: null //    item: null
+
     };
   },
   computed: {

package/dist/npm/items/SchedulerItem.d.ts

@@ -177,6 +177,8 @@ export interface SchedulerItemProps extends Item {
     onResizeRelease?: (event: SchedulerItemDragEvent) => void;
     /** @hidden */
     maxSiblingsPerSlot?: number;
+    /** @hidden */
+    itemTitle?: string;
 }
 /**
  * Represents the object which is returned from the `ref` callback of the [SchedulerItem]({% slug api_scheduler_scheduleritem %}).

package/dist/npm/items/SchedulerItem.js

@@ -101,7 +101,8 @@ var SchedulerItemVue2 = {
     dragHint: Boolean,
     resizeHint: Boolean,
     format: String,
-    maxSiblingsPerSlot: Number
+    maxSiblingsPerSlot: Number,
+    itemTitle: String
   },
   data: function data() {
     return {
@@ -279,7 +280,15 @@ var SchedulerItemVue2 = {
       onKeyup: this.handleKeyUp,
       "data-group-index": this.$props.group.index,
       "data-range-index": this.$props.range.index
-    }, [defaultSlot, !this.$props.resizeHint && h("span", {
+    }, [!this.$props.resizeHint && h("span", {
+      "class": "k-event-actions"
+    }, [this.$props.tail && h("span", {
+      "class": "k-icon k-i-arrow-60-left"
+    }), this.$props.isRecurring && !this.$props.isException && h("span", {
+      "class": "k-icon k-i-reload"
+    }), !this.$props.isRecurring && this.$props.isException && h("span", {
+      "class": "k-icon k-i-non-recurrence"
+    })]), defaultSlot, !this.$props.resizeHint && h("span", {
       "class": "k-event-actions"
     }, [editable.remove && h("a", {
       tabIndex: -1,

package/dist/npm/items/SchedulerViewItem.js

@@ -39,6 +39,8 @@ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 
 var SchedulerItemContent_1 = require("./SchedulerItemContent");
 
+var kendo_vue_common_1 = require("@progress/kendo-vue-common");
+
 var ITEMS_SPACING = 1; // tslint:enable:max-line-length
 
 var SchedulerViewItemVue2 = {
@@ -155,58 +157,16 @@ var SchedulerViewItemVue2 = {
   render: function render(createElement) {
     var _this2 = 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,
-        itemProp = _a.item,
-        refTo = _a.refTo,
-        itemRef = _a.itemRef;
     this.intl = kendo_vue_intl_1.provideIntlService(this);
-    return (// @ts-ignore  function children
-      h(SchedulerItem_1.SchedulerItem, {
+    var itemRender;
+    var itemRenderDefaultRendering = // @ts-ignore  function children
+    h(SchedulerItem_1.SchedulerItem, {
+      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,
-          tabIndex: this.tabIndex,
-          className: this.className,
-          itemStyle: this.itemStyle,
-          editable: this.editable,
-          selected: this.selected,
-          vertical: this.vertical,
-          dragHint: this.dragHint,
-          resizeHint: this.resizeHint,
-          format: this.format //   {...itemProps}
-          //  refTo={this}
-          ,
-          maxSiblingsPerSlot: this.maxSiblingsPerSlot //  itemRef={item}
-
-        },
         item: this.item,
         uid: this.uid,
         start: this.start,
@@ -242,59 +202,88 @@ var SchedulerViewItemVue2 = {
         dragHint: this.dragHint,
         resizeHint: this.resizeHint,
         format: this.format,
-        maxSiblingsPerSlot: this.maxSiblingsPerSlot,
-        style: __assign({
-          visibility: this.visible ? undefined : 'hidden',
-          display: this.display ? undefined : 'none'
-        }, this.$props.style)
-      }, this.v3 ? function () {
-        return [!_this2.$props.resizeHint && h("span", {
-          "class": "k-event-actions"
-        }, [_this2.$props.tail && h("span", {
-          "class": "k-icon k-i-arrow-60-left"
-        }), _this2.$props.isRecurring && !_this2.$props.isException && h("span", {
-          "class": "k-icon k-i-reload"
-        }), !_this2.$props.isRecurring && _this2.$props.isException && h("span", {
-          "class": "k-icon k-i-non-recurrence"
-        })]), !_this2.$props.resizeHint && h("div", {
-          title: _this2.itemTitle,
-          attrs: _this2.v3 ? undefined : {
-            title: _this2.itemTitle
-          }
-        }, [!_this2.$props.isAllDay && // @ts-ignore  function children
-        h(SchedulerItemContent_1.SchedulerItemContent, {
-          "class": "k-event-template k-event-time "
-        }, _this2.v3 ? function () {
-          return [_this2.itemTitle];
-        } : [_this2.itemTitle]), // @ts-ignore  function children
-        h(SchedulerItemContent_1.SchedulerItemContent, {
-          "class": "k-event-template"
-        }, _this2.v3 ? function () {
-          return [_this2.$props.title];
-        } : [_this2.$props.title])])];
-      } : [!_this2.$props.resizeHint && h("span", {
-        "class": "k-event-actions"
-      }, [_this2.$props.tail && h("span", {
-        "class": "k-icon k-i-arrow-60-left"
-      }), _this2.$props.isRecurring && !_this2.$props.isException && h("span", {
-        "class": "k-icon k-i-reload"
-      }), !_this2.$props.isRecurring && _this2.$props.isException && h("span", {
-        "class": "k-icon k-i-non-recurrence"
-      })]), !_this2.$props.resizeHint && h("div", {
+        itemTitle: this.itemTitle,
+        maxSiblingsPerSlot: this.maxSiblingsPerSlot
+      },
+      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,
+      tabIndex: this.tabIndex,
+      className: this.className,
+      itemStyle: this.itemStyle,
+      editable: this.editable,
+      selected: this.selected,
+      vertical: this.vertical,
+      dragHint: this.dragHint,
+      resizeHint: this.resizeHint,
+      format: this.format,
+      itemTitle: this.itemTitle,
+      maxSiblingsPerSlot: this.maxSiblingsPerSlot,
+      style: __assign({
+        visibility: this.visible ? undefined : 'hidden',
+        display: this.display ? undefined : 'none'
+      }, this.$props.style)
+    }, this.v3 ? function () {
+      return [!_this2.$props.resizeHint && h("div", {
         title: _this2.itemTitle,
         attrs: _this2.v3 ? undefined : {
           title: _this2.itemTitle
         }
-      }, [!_this2.$props.isAllDay && h(SchedulerItemContent_1.SchedulerItemContent, {
+      }, [!_this2.$props.isAllDay && // @ts-ignore  function children
+      h(SchedulerItemContent_1.SchedulerItemContent, {
         "class": "k-event-template k-event-time "
       }, _this2.v3 ? function () {
         return [_this2.itemTitle];
-      } : [_this2.itemTitle]), h(SchedulerItemContent_1.SchedulerItemContent, {
+      } : [_this2.itemTitle]), // @ts-ignore  function children
+      h(SchedulerItemContent_1.SchedulerItemContent, {
         "class": "k-event-template"
       }, _this2.v3 ? function () {
         return [_this2.$props.title];
-      } : [_this2.$props.title])])])
-    );
+      } : [_this2.$props.title])])];
+    } : [!_this2.$props.resizeHint && h("div", {
+      title: _this2.itemTitle,
+      attrs: _this2.v3 ? undefined : {
+        title: _this2.itemTitle
+      }
+    }, [!_this2.$props.isAllDay && h(SchedulerItemContent_1.SchedulerItemContent, {
+      "class": "k-event-template k-event-time "
+    }, _this2.v3 ? function () {
+      return [_this2.itemTitle];
+    } : [_this2.itemTitle]), h(SchedulerItemContent_1.SchedulerItemContent, {
+      "class": "k-event-template"
+    }, _this2.v3 ? function () {
+      return [_this2.$props.title];
+    } : [_this2.$props.title])])]);
+    itemRender = kendo_vue_common_1.getTemplate.call(this, {
+      h: h,
+      template: this.$props.item,
+      defaultRendering: itemRenderDefaultRendering,
+      defaultSlots: defaultSlot
+    });
+    return itemRender;
   },
   methods: {
     calculateMostSiblings: function calculateMostSiblings(slots, items) {

package/dist/npm/main.d.ts

@@ -22,8 +22,12 @@ import { SchedulerFormEditor, SchedulerFormEditorHandle, SchedulerFormEditorProp
 import { SchedulerOccurrenceDialog, SchedulerOccurrenceDialogHandle, SchedulerOccurrenceDialogProps } from './components/SchedulerOccurrenceDialog';
 import { SchedulerRemoveDialog, SchedulerRemoveDialogHandle, SchedulerRemoveDialogProps } from './components/SchedulerRemoveDialog';
 import { SchedulerHeader, SchedulerHeaderProps, SchedulerHeaderHandle } from './components/header/SchedulerHeader';
+import { BusinessHours, BusinessHoursProps } from './components/footer/bussiness-hours/BusinessHours';
 import { DateHeaderCell, DateHeaderCellHandle, DateHeaderCellProps } from './components/DateHeaderCell';
 import { TimeHeaderCell, TimeHeaderCellHandle, TimeHeaderCellProps } from './components/TimeHeaderCell';
+import { SchedulerNavigation, SchedulerNavigationProps } from './components/header/navigation/SchedulerNavigation';
+import { NavigationDatePicker } from './components/header/navigation/NavigationDatePicker';
+import { SchedulerViewSelector, SchedulerViewSelectorProps } from './components/header/view-selector/SchedulerViewSelector';
 import { SchedulerFooter, SchedulerFooterProps, SchedulerFooterHandle } from './components/footer/SchedulerFooter';
 import { DRAG_ITEM_ACTION, SchedulerItemDragItemAction } from './items/hooks/use-drag-item';
 import { ITEMS_FOCUS_ACTION, SchedulerItemsFocusAction, SchedulerSlotsFocusAction, SLOTS_FOCUS_ACTION } from './hooks';
@@ -35,4 +39,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 };
+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 };

package/dist/npm/main.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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.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; } });
@@ -50,20 +50,18 @@ var SchedulerRemoveDialog_1 = require("./components/SchedulerRemoveDialog");
 Object.defineProperty(exports, "SchedulerRemoveDialog", { enumerable: true, get: function () { return SchedulerRemoveDialog_1.SchedulerRemoveDialog; } });
 var SchedulerHeader_1 = require("./components/header/SchedulerHeader");
 Object.defineProperty(exports, "SchedulerHeader", { enumerable: true, get: function () { return SchedulerHeader_1.SchedulerHeader; } });
+var BusinessHours_1 = require("./components/footer/bussiness-hours/BusinessHours");
+Object.defineProperty(exports, "BusinessHours", { enumerable: true, get: function () { return BusinessHours_1.BusinessHours; } });
 var DateHeaderCell_1 = require("./components/DateHeaderCell");
 Object.defineProperty(exports, "DateHeaderCell", { enumerable: true, get: function () { return DateHeaderCell_1.DateHeaderCell; } });
 var TimeHeaderCell_1 = require("./components/TimeHeaderCell");
 Object.defineProperty(exports, "TimeHeaderCell", { enumerable: true, get: function () { return TimeHeaderCell_1.TimeHeaderCell; } });
-// import {
-//     SchedulerNavigation,
-//     SchedulerNavigationProps,
-//     SchedulerNavigationHandle
-// } from './components/SchedulerNavigation';
-// import {
-//     SchedulerViewSelector,
-//     SchedulerViewSelectorProps,
-//     SchedulerViewSelectorHandle
-// } from './components/SchedulerViewSelector';
+var SchedulerNavigation_1 = require("./components/header/navigation/SchedulerNavigation");
+Object.defineProperty(exports, "SchedulerNavigation", { enumerable: true, get: function () { return SchedulerNavigation_1.SchedulerNavigation; } });
+var NavigationDatePicker_1 = require("./components/header/navigation/NavigationDatePicker");
+Object.defineProperty(exports, "NavigationDatePicker", { enumerable: true, get: function () { return NavigationDatePicker_1.NavigationDatePicker; } });
+var SchedulerViewSelector_1 = require("./components/header/view-selector/SchedulerViewSelector");
+Object.defineProperty(exports, "SchedulerViewSelector", { enumerable: true, get: function () { return SchedulerViewSelector_1.SchedulerViewSelector; } });
 var SchedulerFooter_1 = require("./components/footer/SchedulerFooter");
 Object.defineProperty(exports, "SchedulerFooter", { enumerable: true, get: function () { return SchedulerFooter_1.SchedulerFooter; } });
 var use_drag_item_1 = require("./items/hooks/use-drag-item");

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: 1646205551,
+    publishDate: 1647960632,
     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

@@ -17,6 +17,8 @@ var Scheduler_1 = require("../Scheduler");
 
 var utils_1 = require("../utils");
 
+var SchedulerForm_1 = require("../components/SchedulerForm");
+
 var SchedulerViewSlot_1 = require("./SchedulerViewSlot");
 
 var hooks_1 = require("../hooks");
@@ -28,7 +30,6 @@ var SchedulerEditSlotVue2 = {
   name: 'KendoSchedulerEditSlot',
   props: {
     viewSlot: Object,
-    renderSlot: Object,
     form: Object,
     formItem: Object,
     refTo: [Function, Object],
@@ -52,7 +53,10 @@ var SchedulerEditSlotVue2 = {
     zonedStart: Object,
     zonedEnd: Object,
     isAllDay: Boolean,
-    expandable: [Boolean, Object]
+    expandable: [Boolean, Object],
+    slotRender: [String, Function, Object],
+    navDay: Boolean,
+    itemsPerSlot: Number
   },
   created: function created() {
     this.slot = null;
@@ -89,6 +93,8 @@ var SchedulerEditSlotVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
+    var _this2 = this;
+
     var _this = this;
 
     var h = gh || createElement;
@@ -110,7 +116,9 @@ var SchedulerEditSlotVue2 = {
         start = _a.start,
         end = _a.end,
         zonedStart = _a.zonedStart,
-        zonedEnd = _a.zonedEnd; // const fields = useSchedulerFieldsContext();
+        zonedEnd = _a.zonedEnd,
+        navDay = _a.navDay,
+        itemsPerSlot = _a.itemsPerSlot; // const fields = useSchedulerFieldsContext();
     // const [slots] = useSchedulerViewSlotsContext();
     // const [items] = useSchedulerViewItemsContext();
     // const [selectedSlots, dispatchSlotsSelection] = useSchedulerViewSelectedSlotsContext();
@@ -121,8 +129,9 @@ var SchedulerEditSlotVue2 = {
     });
     return (// @ts-ignore  function children
       h(SchedulerViewSlot_1.SchedulerViewSlot, {
-        isAllDay: this.isAllDay,
+        slotRender: this.$props.slotRender,
         attrs: this.v3 ? undefined : {
+          slotRender: this.$props.slotRender,
           isAllDay: this.isAllDay,
           expandable: this.expandable,
           items: items,
@@ -136,12 +145,14 @@ var SchedulerEditSlotVue2 = {
           start: start,
           end: end,
           zonedStart: zonedStart,
-          zonedEnd: zonedEnd //  refTo={this}
-          ,
+          zonedEnd: zonedEnd,
           selected: selected,
+          navDay: navDay,
+          itemsPerSlot: itemsPerSlot,
           tabIndex: this.currentTabIndex // Focus
 
         },
+        isAllDay: this.isAllDay,
         expandable: this.expandable,
         items: items,
         row: row,
@@ -156,30 +167,56 @@ var SchedulerEditSlotVue2 = {
         zonedStart: zonedStart,
         zonedEnd: zonedEnd,
         selected: selected,
+        navDay: navDay,
+        itemsPerSlot: itemsPerSlot,
         tabIndex: this.currentTabIndex,
         onFocus: this.handleFocus // Mouse
         ,
         on: this.v3 ? undefined : {
           "focus": this.handleFocus,
           "doubleclick": this.handleDoubleClick,
-          "keydown": this.handleKeyDown
+          "keydown": this.handleKeyDown,
+          "showmoreitems": this.handleShowMoreItemsClick
         },
         onDoubleclick: this.handleDoubleClick // Keyboard
         ,
-        onKeydown: this.handleKeyDown
+        onKeydown: this.handleKeyDown,
+        onShowmoreitems: this.handleShowMoreItemsClick
       }, this.v3 ? function () {
-        return [defaultSlot];
-      } : [defaultSlot]) // (this.formItem && <SchedulerForm
-      //     dataItem={this.formItem}
-      //     onSubmit={this.handleEditFormSubmit}
-      //     onClose={this.handleEditFormClose}
-      //     onCancel={this.handleEditFormCancel}
-      // />
-      // </SchedulerEditSlotContext>
-
+        return [defaultSlot, _this2.currentFormItem && h(SchedulerForm_1.SchedulerForm, {
+          dataItem: _this2.formItem,
+          attrs: _this2.v3 ? undefined : {
+            dataItem: _this2.formItem
+          },
+          onSubmit: _this2.handleEditFormSubmit,
+          on: _this2.v3 ? undefined : {
+            "submit": _this2.handleEditFormSubmit,
+            "close": _this2.handleEditFormClose,
+            "cancel": _this2.handleEditFormCancel
+          },
+          onClose: _this2.handleEditFormClose,
+          onCancel: _this2.handleEditFormCancel
+        })];
+      } : [defaultSlot, _this2.currentFormItem && h(SchedulerForm_1.SchedulerForm, {
+        dataItem: _this2.formItem,
+        attrs: _this2.v3 ? undefined : {
+          dataItem: _this2.formItem
+        },
+        onSubmit: _this2.handleEditFormSubmit,
+        on: _this2.v3 ? undefined : {
+          "submit": _this2.handleEditFormSubmit,
+          "close": _this2.handleEditFormClose,
+          "cancel": _this2.handleEditFormCancel
+        },
+        onClose: _this2.handleEditFormClose,
+        onCancel: _this2.handleEditFormCancel
+      })])
     );
   },
   methods: {
+    handleShowMoreItemsClick: function handleShowMoreItemsClick(event) {
+      this.$emit('showmoreitems', event);
+    },
     createDataItemFromSlot: function createDataItemFromSlot() {
       var dataItem = {};
       utils_1.setField(dataItem, this.fields.start, new Date(this.$props.start.getTime()));
@@ -205,7 +242,7 @@ var SchedulerEditSlotVue2 = {
       if (this.computedEditable.select) {
         this.dispatchSlotsSelection({
           type: use_slots_selection_1.SLOTS_SELECT_ACTION.select,
-          slot: this.renderSlot
+          slot: this.slotRender
         }, event.event);
       }
 
@@ -316,6 +353,10 @@ var SchedulerEditSlotVue2 = {
       }
 
       this.setFormItem(value, event);
+    },
+    setFormItem: function setFormItem(dataItem, event) {
+      this.currentFormItem = dataItem;
+      this.$emit('formitemchange', event);
     }
   }
 };

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

@@ -10,6 +10,10 @@ import { Slot, SchedulerSlotMouseEvent, SchedulerSlotKeyboardEvent, SchedulerSlo
 export interface SchedulerSlotProps extends Slot {
     /** @hidden */
     refTo: any;
+    /** @hidden */
+    navDay?: boolean;
+    /** @hidden */
+    itemsPerSlot?: number;
     /**
      * Specifies the `id` of the wrapping element of the SchedulerSlot.
      */

package/dist/npm/slots/SchedulerSlot.js

@@ -31,8 +31,13 @@ var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 
 var utils_1 = require("../utils");
 
-var kendo_vue_intl_1 = require("@progress/kendo-vue-intl"); // tslint:enable:max-line-length
+var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 
+var ShowMoreItemsButton_1 = require("../components/ShowMoreItemsButton");
+
+var DAY_FORMAT = {
+  skeleton: 'dd'
+}; // tslint:enable:max-line-length
 
 var SchedulerSlotVue2 = {
   name: 'KendoSchedulerSlot',
@@ -57,7 +62,9 @@ var SchedulerSlotVue2 = {
     end: Date,
     zonedStart: Object,
     zonedEnd: Object,
-    isAllDay: Boolean
+    isAllDay: Boolean,
+    navDay: Boolean,
+    itemsPerSlot: Number
   },
   computed: {
     currentTabIndex: function currentTabIndex() {
@@ -176,9 +183,19 @@ var SchedulerSlotVue2 = {
       "data-slot-group": this.$props.group.index,
       "data-slot-range": this.$props.range.index,
       "data-slot-index": this.$props.index
-    }, [defaultSlot]);
+    }, [this.navDay && h("span", {
+      "class": "k-link k-nav-day"
+    }, [this.intl.formatDate(new Date(this.end.getTime() - (this.end.getTime() - this.start.getTime()) / 2), DAY_FORMAT)]), this.itemsPerSlot < this.items.length && h(ShowMoreItemsButton_1.ShowMoreItemsButton, {
+      onClick: this.handleShowMoreItemsClick,
+      on: this.v3 ? undefined : {
+        "click": this.handleShowMoreItemsClick
+      }
+    }), defaultSlot]);
   },
   methods: {
+    handleShowMoreItemsClick: function handleShowMoreItemsClick(event) {
+      this.$emit('showmoreitems', event);
+    },
     handleFocus: function handleFocus(event) {
       this.$emit('focus', {
         event: event,

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

@@ -22,7 +22,7 @@ export interface SchedulerViewSlotProps extends SchedulerSlotProps {
      *
      * The default Component is: [SchedulerSlot]({% slug api_scheduler_schedulerslot %}).
      */
-    renderSlot?: any;
+    slotRender?: any;
     /**
      * Set to `false` will render the `slot` as is, without expanding depending on the `items` inside it.
      *