@progress/kendo-vue-scheduler 3.1.0-dev.202203011833 → 3.1.1

package/dist/es/items/SchedulerItem.js

@@ -87,7 +87,8 @@ var SchedulerItemVue2 = {
     dragHint: Boolean,
     resizeHint: Boolean,
     format: String,
-    maxSiblingsPerSlot: Number
+    maxSiblingsPerSlot: Number,
+    itemTitle: String
   },
   data: function data() {
     return {
@@ -106,6 +107,12 @@ var SchedulerItemVue2 = {
     },
     setItems: {
       default: null
+    },
+    itemClick: {
+      default: null
+    },
+    itemDoubleClick: {
+      default: null
     }
   },
   computed: {
@@ -238,7 +245,7 @@ var SchedulerItemVue2 = {
         "mouseout": this.handleMouseOut,
         "mouseenter": this.handleMouseEnter,
         "mouseleave": this.handleMouseLeave,
-        "doubleclick": this.handleDoubleClick,
+        "dblclick": this.handleDoubleClick,
         "keydown": this.handleKeyDown,
         "keypress": this.handleKeyPress,
         "keyup": this.handleKeyUp
@@ -252,14 +259,22 @@ var SchedulerItemVue2 = {
       onMouseout: this.handleMouseOut,
       onMouseenter: this.handleMouseEnter,
       onMouseleave: this.handleMouseLeave,
-      onDoubleclick: this.handleDoubleClick // Keyboard
+      onDblclick: this.handleDoubleClick // Keyboard
       ,
       onKeydown: this.handleKeyDown,
       onKeypress: this.handleKeyPress,
       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,
@@ -312,130 +327,197 @@ var SchedulerItemVue2 = {
     handleFocus: function handleFocus(event) {
       this.$emit('focus', {
         event: event,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleBlur: function handleBlur(event) {
       this.$emit('blur', {
         event: event,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     // Mouse Handlers
     handleMouseDown: function handleMouseDown(event) {
       this.$emit('mousedown', {
         event: event,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleClick: function handleClick(event) {
-      this.$emit('click', {
+      var args = {
         event: event,
-        target: this.item
-      });
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
+      };
+      this.$emit('click', args);
+      this.itemClick(args);
     },
     handleMouseUp: function handleMouseUp(event) {
       this.$emit('mouseup', {
         event: event,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleMouseOver: function handleMouseOver(event) {
       this.$emit('mouseover', {
         event: event,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleMouseOut: function handleMouseOut(event) {
       this.$emit('mouseout', {
         event: event,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleMouseEnter: function handleMouseEnter(event) {
       this.$emit('mouseenter', {
         event: event,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleMouseLeave: function handleMouseLeave(event) {
       this.$emit('mouseleave', {
         event: event,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleDoubleClick: function handleDoubleClick(event) {
-      this.$emit('doubleclick', {
+      var args = {
         event: event,
-        target: this.item
-      });
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
+      };
+      this.$emit('doubleclick', args);
+      this.itemDoubleClick(args);
     },
     handleRemoveClick: function handleRemoveClick(event) {
       this.$emit('removeclick', {
         event: event,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     // Keyboard Handlers
     handleKeyDown: function handleKeyDown(event) {
       this.$emit('keydown', {
         event: event,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleKeyPress: function handleKeyPress(event) {
       this.$emit('keypress', {
         event: event,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleKeyUp: function handleKeyUp(event) {
       this.$emit('keyup', {
         event: event,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     // Drag Handlers
     handlePress: function handlePress(dragEvent) {
       this.$emit('press', {
         dragEvent: dragEvent,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleDrag: function handleDrag(dragEvent) {
       this.$emit('drag', {
         dragEvent: dragEvent,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleRelease: function handleRelease(dragEvent) {
       this.$emit('release', {
         dragEvent: dragEvent,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleResizePress: function handleResizePress(dragEvent) {
       this.$emit('resizepress', {
         dragEvent: dragEvent,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleResizeStartDrag: function handleResizeStartDrag(dragEvent) {
       this.$emit('resizestartdrag', {
         dragEvent: dragEvent,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$e
+        }
       });
     },
     handleResizeEndDrag: function handleResizeEndDrag(dragEvent) {
       this.$emit('resizeenddrag', {
         dragEvent: dragEvent,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$el
+        }
       });
     },
     handleResizeRelease: function handleResizeRelease(dragEvent) {
       this.$emit('resizerelease', {
         dragEvent: dragEvent,
-        target: this.item
+        target: {
+          props: __assign({}, this.$props),
+          element: this.$e
+        }
       });
     }
   }

package/dist/es/items/SchedulerViewItem.js

@@ -25,6 +25,7 @@ import { getRect, setRect } from '../views/common/utils';
 import { BORDER_WIDTH } from '../constants';
 import { provideIntlService } from '@progress/kendo-vue-intl';
 import { SchedulerItemContent } from './SchedulerItemContent';
+import { getDefaultSlots, getTemplate } from '@progress/kendo-vue-common';
 var ITEMS_SPACING = 1; // tslint:enable:max-line-length
 
 var SchedulerViewItemVue2 = {
@@ -141,58 +142,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 = getDefaultSlots(this); // tslint:enable:max-line-length
 
-    var _a = this.$props,
-        itemProp = _a.item,
-        refTo = _a.refTo,
-        itemRef = _a.itemRef;
     this.intl = provideIntlService(this);
-    return (// @ts-ignore  function children
-      h(SchedulerItem, {
+    var itemRender;
+    var itemRenderDefaultRendering = // @ts-ignore  function children
+    h(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,
@@ -228,59 +187,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, {
-          "class": "k-event-template k-event-time "
-        }, _this2.v3 ? function () {
-          return [_this2.itemTitle];
-        } : [_this2.itemTitle]), // @ts-ignore  function children
-        h(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, {
+      }, [!_this2.$props.isAllDay && // @ts-ignore  function children
+      h(SchedulerItemContent, {
         "class": "k-event-template k-event-time "
       }, _this2.v3 ? function () {
         return [_this2.itemTitle];
-      } : [_this2.itemTitle]), h(SchedulerItemContent, {
+      } : [_this2.itemTitle]), // @ts-ignore  function children
+      h(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, {
+      "class": "k-event-template k-event-time "
+    }, _this2.v3 ? function () {
+      return [_this2.itemTitle];
+    } : [_this2.itemTitle]), h(SchedulerItemContent, {
+      "class": "k-event-template"
+    }, _this2.v3 ? function () {
+      return [_this2.$props.title];
+    } : [_this2.$props.title])])]);
+    itemRender = getTemplate.call(this, {
+      h: h,
+      template: this.$props.item,
+      defaultRendering: itemRenderDefaultRendering,
+      defaultSlots: defaultSlot
+    });
+    return itemRender;
   },
   methods: {
     calculateMostSiblings: function calculateMostSiblings(slots, items) {

package/dist/es/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/es/main.js

@@ -22,18 +22,12 @@ import { SchedulerFormEditor } from './editors/SchedulerFormEditor';
 import { SchedulerOccurrenceDialog } from './components/SchedulerOccurrenceDialog';
 import { SchedulerRemoveDialog } from './components/SchedulerRemoveDialog';
 import { SchedulerHeader } from './components/header/SchedulerHeader';
+import { BusinessHours } from './components/footer/bussiness-hours/BusinessHours';
 import { DateHeaderCell } from './components/DateHeaderCell';
 import { TimeHeaderCell } from './components/TimeHeaderCell';
-// import {
-//     SchedulerNavigation,
-//     SchedulerNavigationProps,
-//     SchedulerNavigationHandle
-// } from './components/SchedulerNavigation';
-// import {
-//     SchedulerViewSelector,
-//     SchedulerViewSelectorProps,
-//     SchedulerViewSelectorHandle
-// } from './components/SchedulerViewSelector';
+import { SchedulerNavigation } from './components/header/navigation/SchedulerNavigation';
+import { NavigationDatePicker } from './components/header/navigation/NavigationDatePicker';
+import { SchedulerViewSelector } from './components/header/view-selector/SchedulerViewSelector';
 import { SchedulerFooter } from './components/footer/SchedulerFooter';
 import { DRAG_ITEM_ACTION } from './items/hooks/use-drag-item';
 import { ITEMS_FOCUS_ACTION, SLOTS_FOCUS_ACTION } from './hooks';
@@ -79,4 +73,4 @@ SchedulerHeader,
 // SchedulerViewSelector,
 // SchedulerViewSelectorProps,
 // SchedulerViewSelectorHandle
-SchedulerFooter, DateHeaderCell, TimeHeaderCell, DRAG_ITEM_ACTION, ITEMS_FOCUS_ACTION, ITEMS_SELECT_ACTION, REMOVE_ITEM_ACTION, RESIZE_ITEM_ACTION, SERIES_ACTION, SHOW_OCCURRENCE_DIALOG_ACTION, SHOW_REMOVE_DIALOG_ACTION, SLOTS_FOCUS_ACTION, SLOTS_SELECT_ACTION };
+SchedulerFooter, DateHeaderCell, TimeHeaderCell, DRAG_ITEM_ACTION, ITEMS_FOCUS_ACTION, ITEMS_SELECT_ACTION, REMOVE_ITEM_ACTION, RESIZE_ITEM_ACTION, SERIES_ACTION, SHOW_OCCURRENCE_DIALOG_ACTION, SHOW_REMOVE_DIALOG_ACTION, SLOTS_FOCUS_ACTION, SLOTS_SELECT_ACTION, BusinessHours, SchedulerNavigation, NavigationDatePicker, SchedulerViewSelector };

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-scheduler',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1646159364,
+    publishDate: 1647354431,
     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/es/slots/SchedulerEditSlot.js

@@ -14,7 +14,6 @@ var SchedulerEditSlotVue2 = {
   name: 'KendoSchedulerEditSlot',
   props: {
     viewSlot: Object,
-    renderSlot: Object,
     form: Object,
     formItem: Object,
     refTo: [Function, Object],
@@ -38,7 +37,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;
@@ -96,7 +98,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();
@@ -107,8 +111,9 @@ var SchedulerEditSlotVue2 = {
     });
     return (// @ts-ignore  function children
       h(SchedulerViewSlot, {
-        isAllDay: this.isAllDay,
+        slotRender: this.$props.slotRender,
         attrs: this.v3 ? undefined : {
+          slotRender: this.$props.slotRender,
           isAllDay: this.isAllDay,
           expandable: this.expandable,
           items: items,
@@ -122,12 +127,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,
@@ -142,17 +149,21 @@ 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
@@ -166,6 +177,9 @@ var SchedulerEditSlotVue2 = {
     );
   },
   methods: {
+    handleShowMoreItemsClick: function handleShowMoreItemsClick(event) {
+      this.$emit('showmoreitems', event);
+    },
     createDataItemFromSlot: function createDataItemFromSlot() {
       var dataItem = {};
       setField(dataItem, this.fields.start, new Date(this.$props.start.getTime()));
@@ -191,7 +205,7 @@ var SchedulerEditSlotVue2 = {
       if (this.computedEditable.select) {
         this.dispatchSlotsSelection({
           type: SLOTS_SELECT_ACTION.select,
-          slot: this.renderSlot
+          slot: this.slotRender
         }, event.event);
       }
 

package/dist/es/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.
      */