@progress/kendo-vue-scheduler 3.2.9 → 3.3.0-dev.202205080814

package/dist/es/Scheduler.js

@@ -174,8 +174,8 @@ var SchedulerVue2 = {
       date: currentDate,
       timezone: this.$props.timezone,
       numberOfDays: this.getViewPropValue(view, 'numberOfDays', activeViewName),
-      workWeekStart: view.workWeekStart || this.intl.firstDay(),
-      workWeekEnd: view.workWeekEnd || (this.intl.firstDay() + this.getViewPropValue(view, 'numberOfDays', activeViewName)) % 6
+      workWeekStart: this.getViewPropValue(view, 'workWeekStart', activeViewName) || this.intl.firstDay(),
+      workWeekEnd: this.getViewPropValue(view, 'workWeekEnd', activeViewName) || (this.intl.firstDay() + this.getViewPropValue(view, 'numberOfDays', activeViewName)) % 6
     });
     return {
       ks: {

package/dist/es/components/SchedulerForm.d.ts

@@ -40,6 +40,7 @@ export interface SchedulerFormHandle {
  * @hidden
  */
 export interface SchedulerFormState {
+    dialogId: string;
 }
 /**
  * @hidden

package/dist/es/components/SchedulerForm.js

@@ -26,7 +26,7 @@ import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { SchedulerFormEditor } from '../editors/SchedulerFormEditor'; // import { useSchedulerFieldsContext } from '../context';
 
 import { messages, editorValidationRequired, editorValidationStart, editorValidationEnd, editorSave, editorCancel, editorTitle } from '../messages';
-import { getTemplate } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length
+import { getTemplate, guid } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length
 
 var SchedulerFormVue2 = {
   name: 'KendoSchedulerForm',
@@ -53,6 +53,19 @@ var SchedulerFormVue2 = {
       default: null
     }
   },
+  created: function created() {
+    this.dialogId = guid();
+  },
+  mounted: function mounted() {
+    var that = this;
+    setTimeout(function () {
+      var dialogWrapper = document.getElementById(that.dialogId);
+
+      if (dialogWrapper) {
+        dialogWrapper.focus();
+      }
+    }, 10);
+  },
   // @ts-ignore
   setup: !gh ? undefined : function () {
     var v3 = !!gh;
@@ -119,7 +132,8 @@ var SchedulerFormVue2 = {
     var dialogProps = __assign({
       title: editorTitleMessage,
       appendTo: 'body',
-      minWidth: 600
+      minWidth: 600,
+      wrapperId: this.dialogId
     }, this.ks.dialogProps);
 
     var formProps = __assign({

package/dist/es/components/SchedulerOccurrenceDialog.js

@@ -6,6 +6,7 @@ var inject = allVue.inject;
 import { Dialog, DialogActionsBar } from '@progress/kendo-vue-dialogs';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages, editorOccurrence, editorSeries, editorRecurringConfirmation, editorRecurringDialogTitle, deleteOccurrence, deleteSeries, deleteRecurringDialogTitle, deleteRecurringConfirmation } from '../messages';
+import { guid } from '@progress/kendo-vue-common';
 import { Button } from '@progress/kendo-vue-buttons'; // tslint:enable:max-line-length
 
 var SchedulerOccurrenceDialogVue2 = {
@@ -19,6 +20,19 @@ var SchedulerOccurrenceDialogVue2 = {
       default: null
     }
   },
+  created: function created() {
+    this.dialogId = guid();
+  },
+  mounted: function mounted() {
+    var that = this;
+    setTimeout(function () {
+      var dialogWrapper = document.getElementById(that.dialogId);
+
+      if (dialogWrapper) {
+        dialogWrapper.focus();
+      }
+    }, 10);
+  },
   // @ts-ignore
   setup: !gh ? undefined : function () {
     var v3 = !!gh;
@@ -57,9 +71,11 @@ var SchedulerOccurrenceDialogVue2 = {
         title: titleMessage,
         attrs: this.v3 ? undefined : {
           title: titleMessage,
-          appendTo: 'body'
+          appendTo: 'body',
+          wrapperId: this.dialogId
         },
         appendTo: 'body',
+        wrapperId: this.dialogId,
         onClose: this.handleClose,
         on: this.v3 ? undefined : {
           "close": this.handleClose

package/dist/es/components/SchedulerRemoveDialog.js

@@ -6,7 +6,8 @@ var inject = allVue.inject;
 import { DialogActionsBar, Dialog } from '@progress/kendo-vue-dialogs';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages, editorCancel, deleteConfirmation, editorDelete, deleteDialogTitle } from '../messages';
-import { Button } from '@progress/kendo-vue-buttons'; // tslint:enable:max-line-length
+import { Button } from '@progress/kendo-vue-buttons';
+import { guid } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length
 
 var SchedulerRemoveDialogVue2 = {
   name: 'KendoSchedulerRemoveDialog',
@@ -18,6 +19,19 @@ var SchedulerRemoveDialogVue2 = {
       default: null
     }
   },
+  created: function created() {
+    this.dialogId = guid();
+  },
+  mounted: function mounted() {
+    var that = this;
+    setTimeout(function () {
+      var dialogWrapper = document.getElementById(that.dialogId);
+
+      if (dialogWrapper) {
+        dialogWrapper.focus();
+      }
+    }, 10);
+  },
   // @ts-ignore
   setup: !gh ? undefined : function () {
     var v3 = !!gh;
@@ -42,9 +56,11 @@ var SchedulerRemoveDialogVue2 = {
         title: deleteDialogTitleMessage,
         attrs: this.v3 ? undefined : {
           title: deleteDialogTitleMessage,
-          appendTo: 'body'
+          appendTo: 'body',
+          wrapperId: this.dialogId
         },
         appendTo: 'body',
+        wrapperId: this.dialogId,
         onClose: this.handleClose,
         on: this.v3 ? undefined : {
           "close": this.handleClose

package/dist/es/hooks/use-items-focus.d.ts

@@ -7,6 +7,7 @@ import { BaseViewAll } from '../components/BaseView';
  * - `ITEMS_FOCUS_PREV`
  */
 export declare enum ITEMS_FOCUS_ACTION {
+    current = "ITEMS_FOCUS_CURRENT",
     next = "ITEMS_FOCUS_NEXT",
     prev = "ITEMS_FOCUS_PREV"
 }

package/dist/es/hooks/use-items-focus.js

@@ -1,4 +1,4 @@
-import { findNextItem } from '../utils';
+import { findCurrentItem, findNextItem } from '../utils';
 /**
  * Represents the available `action` types for the `SchedulerItemsFocusAction` objects.
  *
@@ -10,6 +10,7 @@ import { findNextItem } from '../utils';
 export var ITEMS_FOCUS_ACTION;
 
 (function (ITEMS_FOCUS_ACTION) {
+  ITEMS_FOCUS_ACTION["current"] = "ITEMS_FOCUS_CURRENT";
   ITEMS_FOCUS_ACTION["next"] = "ITEMS_FOCUS_NEXT";
   ITEMS_FOCUS_ACTION["prev"] = "ITEMS_FOCUS_PREV";
 })(ITEMS_FOCUS_ACTION || (ITEMS_FOCUS_ACTION = {}));
@@ -18,6 +19,22 @@ export var ITEMS_FOCUS_ACTION;
 
 export var dispatchFocusedItems = function dispatchFocusedItems(action, event) {
   switch (action.type) {
+    case ITEMS_FOCUS_ACTION.current:
+      {
+        if (!action.item || !this.bv.items) {
+          return;
+        }
+
+        var next = findCurrentItem(action.item, this.bv.items, action.ignoreIsAllDay);
+
+        if (next && next.element) {
+          event.preventDefault();
+          next.element.focus();
+        }
+
+        break;
+      }
+
     case ITEMS_FOCUS_ACTION.next:
       {
         if (!action.item || !this.bv.items) {

package/dist/es/items/SchedulerEditItem.js

@@ -31,7 +31,7 @@ import { DRAG_ITEM_ACTION, useDragItem } from './hooks/use-drag-item';
 import { RESIZE_ITEM_ACTION, useResizeItem } from './hooks/use-resize-item';
 import { seriesReducer, SERIES_ACTION, useSeries } from './hooks/use-series';
 import { ITEMS_SELECT_ACTION } from '../hooks/use-items-selection';
-import { compareItems, findMaster } from '../utils'; // tslint:enable:max-line-length
+import { compareItems, compareSlots, findMaster } from '../utils'; // tslint:enable:max-line-length
 
 var SchedulerEditItemVue2 = {
   name: 'KendoSchedulerEditItem',
@@ -1084,6 +1084,8 @@ var SchedulerEditItemVue2 = {
       }
     },
     onKeyDownAction: function onKeyDownAction(event, props) {
+      var nextSlot;
+
       switch (event.event.keyCode) {
         case Keys.enter:
           return [{
@@ -1103,27 +1105,50 @@ var SchedulerEditItemVue2 = {
           }];
 
         case Keys.up:
-          return [Boolean(props.slots.length && props.slots[0].refTo.current) && {
+          nextSlot = this.bv.slots.find(function (s) {
+            return compareSlots(s, props.slots[0]);
+          });
+          return [Boolean(props.slots.length && nextSlot) && {
             type: SLOTS_FOCUS_ACTION.up,
-            slot: props.slots[0].refTo
+            slot: nextSlot
           }];
 
         case Keys.right:
-          return [Boolean(props.slots.length && props.slots[0].refTo.current) && {
+          nextSlot = this.bv.slots.find(function (s) {
+            return compareSlots(s, props.slots[0]);
+          });
+          return [Boolean(props.slots.length && nextSlot) && {
             type: SLOTS_FOCUS_ACTION.right,
-            slot: props.slots[0].refTo
+            slot: nextSlot
           }];
 
         case Keys.down:
-          return [Boolean(props.slots.length && props.slots[props.slots.length - 1].refTo.current) && {
+          nextSlot = this.bv.slots.find(function (s) {
+            return compareSlots(s, props.slots[props.slots.length - 1]);
+          });
+          return [Boolean(props.slots.length && nextSlot) && {
             type: SLOTS_FOCUS_ACTION.down,
-            slot: props.slots[props.slots.length - 1].refTo
+            slot: nextSlot
           }];
 
         case Keys.left:
-          return [Boolean(props.slots.length && props.slots[0].refTo.current) && {
+          nextSlot = this.bv.slots.find(function (s) {
+            return compareSlots(s, props.slots[0]);
+          });
+          return [Boolean(props.slots.length && nextSlot) && {
             type: SLOTS_FOCUS_ACTION.left,
-            slot: props.slots[0].refTo
+            slot: nextSlot
+          }];
+
+        case Keys.delete:
+        case Keys.backspace:
+          return [{
+            type: REMOVE_ITEM_ACTION.set,
+            payload: props.dataItem
+          }, props.isRecurring ? {
+            type: SHOW_OCCURRENCE_DIALOG_ACTION.open
+          } : {
+            type: SHOW_REMOVE_DIALOG_ACTION.open
           }];
 
         default:

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: 1651757342,
+    publishDate: 1651997436,
     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

@@ -5,10 +5,11 @@ var gh = allVue.h;
 var inject = allVue.inject;
 import { getDefaultSlots, getTemplate, Keys } from '@progress/kendo-vue-common';
 import { DATA_ACTION } from '../Scheduler';
-import { setField, getField, findFirstItem, isGroupped, compareSlots, findNextItem } from '../utils';
+import { setField, getField, findFirstItem, isGroupped, compareSlots, findCurrentItem, getSortedSlots } from '../utils';
 import { SchedulerViewSlot } from './SchedulerViewSlot';
-import { SLOTS_FOCUS_ACTION, useEditable } from '../hooks';
-import { SLOTS_SELECT_ACTION } from '../hooks/use-slots-selection'; // tslint:enable:max-line-length
+import { ITEMS_FOCUS_ACTION, SLOTS_FOCUS_ACTION, useEditable } from '../hooks';
+import { SLOTS_SELECT_ACTION } from '../hooks/use-slots-selection';
+import { ITEMS_SELECT_ACTION } from '../main'; // tslint:enable:max-line-length
 
 var SchedulerEditSlotVue2 = {
   name: 'KendoSchedulerEditSlot',
@@ -65,6 +66,12 @@ var SchedulerEditSlotVue2 = {
     ks: {
       default: null
     },
+    dispatchSelectedItems: {
+      default: null
+    },
+    dispatchFocusedItems: {
+      default: null
+    },
     dispatchFocusedSlots: {
       default: null
     },
@@ -309,7 +316,16 @@ var SchedulerEditSlotVue2 = {
           break;
 
         case Keys.tab:
-          nextItem = findNextItem(findFirstItem(event.target), this.bv.items, false);
+          var fi = findFirstItem(event.target);
+          nextItem = fi ? findCurrentItem(fi, this.bv.items, false) : getSortedSlots(this.bv.items, this.ignoreIsAllDay)[0];
+          this.dispatchFocusedItems({
+            type: ITEMS_FOCUS_ACTION.current,
+            item: nextItem
+          }, event.event);
+          this.dispatchSelectedItems({
+            type: ITEMS_SELECT_ACTION.select,
+            item: nextItem
+          }, event);
           break;
 
         default:
@@ -318,10 +334,6 @@ var SchedulerEditSlotVue2 = {
 
       if (nextItem) {
         event.event.preventDefault();
-
-        if (nextItem.element) {
-          nextItem.element.focus();
-        }
       }
     },
     handleEditFormSubmit: function handleEditFormSubmit(event) {

package/dist/es/utils/index.d.ts

@@ -166,9 +166,17 @@ export declare const noop: (..._args: any) => void;
 export declare const findFirstItem: (current: any) => SchedulerItemHandle | null;
 /** @hidden */
 export declare const compareItems: (f: any, s: any, ignoreIsAllDay?: boolean) => boolean;
+export declare const getSortedSlots: (all: any[], ignoreIsAllDay: boolean) => any[];
 /** @hidden */
 export declare const compareSlots: (f: any, s: any) => boolean;
 /** @hidden */
+export declare const getCurrentItemIndex: (ref: any, all: any, ignoreIsAllDay?: boolean | undefined) => {
+    currentIndex: number;
+    sorted: any[];
+};
+/** @hidden */
+export declare const findCurrentItem: (ref: any, all: any, ignoreIsAllDay?: boolean | undefined) => any;
+/** @hidden */
 export declare const findNextItem: (ref: any, all: any, ignoreIsAllDay?: boolean | undefined, backwards?: boolean) => any;
 /**
  * @hidden

package/dist/es/utils/index.js

@@ -535,6 +535,16 @@ export var compareItems = function (f, s, ignoreIsAllDay) { return Boolean(f.uid
     && (f.group.index === s.group.index)
     && (f.range.index === s.range.index)
     && (ignoreIsAllDay || f.isAllDay === s.isAllDay)); };
+export var getSortedSlots = function (all, ignoreIsAllDay) {
+    var filtered = all.filter(function (i) { return i.element !== null; });
+    var sorted = orderBy(filtered, [
+        { field: 'group.index', dir: 'asc' },
+        { field: 'range.index', dir: 'asc' },
+        (ignoreIsAllDay ? { field: '' } : { field: 'isAllDay', dir: 'desc' }),
+        { field: 'start', dir: 'asc' }
+    ]);
+    return sorted;
+};
 /** @hidden */
 export var compareSlots = function (f, s) { return Boolean(f.start.getTime() === s.start.getTime()
     && f.end.getTime() === s.end.getTime()
@@ -543,22 +553,32 @@ export var compareSlots = function (f, s) { return Boolean(f.start.getTime() ===
     && f.range.index === s.range.index
     && f.isAllDay === s.isAllDay); };
 /** @hidden */
-export var findNextItem = function (ref, all, ignoreIsAllDay, backwards) {
+export var getCurrentItemIndex = function (ref, all, ignoreIsAllDay) {
     if (ignoreIsAllDay === void 0) { ignoreIsAllDay = false; }
-    if (backwards === void 0) { backwards = false; }
     var current = ref;
-    if (!current || !all) {
-        return null;
-    }
-    var filtered = all.filter(function (i) { return i.element !== null; });
-    var sorted = orderBy(filtered, [
-        { field: 'group.index', dir: 'asc' },
-        { field: 'range.index', dir: 'asc' },
-        (ignoreIsAllDay ? { field: '' } : { field: 'isAllDay', dir: 'desc' }),
-        { field: 'start', dir: 'asc' }
-    ]);
+    var sorted = getSortedSlots(all, ignoreIsAllDay);
     var currentIndex = sorted
         .findIndex(function (i) { return compareItems(i, current, ignoreIsAllDay); });
+    return {
+        currentIndex: currentIndex,
+        sorted: sorted
+    };
+};
+/** @hidden */
+export var findCurrentItem = function (ref, all, ignoreIsAllDay) {
+    if (ignoreIsAllDay === void 0) { ignoreIsAllDay = false; }
+    if (!ref || !all) {
+        return null;
+    }
+    var _a = getCurrentItemIndex(ref, all, ignoreIsAllDay) || {}, currentIndex = _a.currentIndex, sorted = _a.sorted;
+    var next = sorted[currentIndex];
+    return next;
+};
+/** @hidden */
+export var findNextItem = function (ref, all, ignoreIsAllDay, backwards) {
+    if (ignoreIsAllDay === void 0) { ignoreIsAllDay = false; }
+    if (backwards === void 0) { backwards = false; }
+    var _a = getCurrentItemIndex(ref, all, ignoreIsAllDay), currentIndex = _a.currentIndex, sorted = _a.sorted;
     var next = sorted[currentIndex + (backwards ? -1 : 1)];
     return next;
 };

package/dist/npm/Scheduler.js

@@ -198,8 +198,8 @@ var SchedulerVue2 = {
       date: currentDate,
       timezone: this.$props.timezone,
       numberOfDays: this.getViewPropValue(view, 'numberOfDays', activeViewName),
-      workWeekStart: view.workWeekStart || this.intl.firstDay(),
-      workWeekEnd: view.workWeekEnd || (this.intl.firstDay() + this.getViewPropValue(view, 'numberOfDays', activeViewName)) % 6
+      workWeekStart: this.getViewPropValue(view, 'workWeekStart', activeViewName) || this.intl.firstDay(),
+      workWeekEnd: this.getViewPropValue(view, 'workWeekEnd', activeViewName) || (this.intl.firstDay() + this.getViewPropValue(view, 'numberOfDays', activeViewName)) % 6
     });
     return {
       ks: {

package/dist/npm/components/SchedulerForm.d.ts

@@ -40,6 +40,7 @@ export interface SchedulerFormHandle {
  * @hidden
  */
 export interface SchedulerFormState {
+    dialogId: string;
 }
 /**
  * @hidden

package/dist/npm/components/SchedulerForm.js

@@ -68,6 +68,19 @@ var SchedulerFormVue2 = {
       default: null
     }
   },
+  created: function created() {
+    this.dialogId = kendo_vue_common_1.guid();
+  },
+  mounted: function mounted() {
+    var that = this;
+    setTimeout(function () {
+      var dialogWrapper = document.getElementById(that.dialogId);
+
+      if (dialogWrapper) {
+        dialogWrapper.focus();
+      }
+    }, 10);
+  },
   // @ts-ignore
   setup: !gh ? undefined : function () {
     var v3 = !!gh;
@@ -134,7 +147,8 @@ var SchedulerFormVue2 = {
     var dialogProps = __assign({
       title: editorTitleMessage,
       appendTo: 'body',
-      minWidth: 600
+      minWidth: 600,
+      wrapperId: this.dialogId
     }, this.ks.dialogProps);
 
     var formProps = __assign({

package/dist/npm/components/SchedulerOccurrenceDialog.js

@@ -17,6 +17,8 @@ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 
 var messages_1 = require("../messages");
 
+var kendo_vue_common_1 = require("@progress/kendo-vue-common");
+
 var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons"); // tslint:enable:max-line-length
 
 
@@ -31,6 +33,19 @@ var SchedulerOccurrenceDialogVue2 = {
       default: null
     }
   },
+  created: function created() {
+    this.dialogId = kendo_vue_common_1.guid();
+  },
+  mounted: function mounted() {
+    var that = this;
+    setTimeout(function () {
+      var dialogWrapper = document.getElementById(that.dialogId);
+
+      if (dialogWrapper) {
+        dialogWrapper.focus();
+      }
+    }, 10);
+  },
   // @ts-ignore
   setup: !gh ? undefined : function () {
     var v3 = !!gh;
@@ -69,9 +84,11 @@ var SchedulerOccurrenceDialogVue2 = {
         title: titleMessage,
         attrs: this.v3 ? undefined : {
           title: titleMessage,
-          appendTo: 'body'
+          appendTo: 'body',
+          wrapperId: this.dialogId
         },
         appendTo: 'body',
+        wrapperId: this.dialogId,
         onClose: this.handleClose,
         on: this.v3 ? undefined : {
           "close": this.handleClose

package/dist/npm/components/SchedulerRemoveDialog.js

@@ -17,7 +17,9 @@ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 
 var messages_1 = require("../messages");
 
-var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons"); // tslint:enable:max-line-length
+var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
+
+var kendo_vue_common_1 = require("@progress/kendo-vue-common"); // tslint:enable:max-line-length
 
 
 var SchedulerRemoveDialogVue2 = {
@@ -30,6 +32,19 @@ var SchedulerRemoveDialogVue2 = {
       default: null
     }
   },
+  created: function created() {
+    this.dialogId = kendo_vue_common_1.guid();
+  },
+  mounted: function mounted() {
+    var that = this;
+    setTimeout(function () {
+      var dialogWrapper = document.getElementById(that.dialogId);
+
+      if (dialogWrapper) {
+        dialogWrapper.focus();
+      }
+    }, 10);
+  },
   // @ts-ignore
   setup: !gh ? undefined : function () {
     var v3 = !!gh;
@@ -54,9 +69,11 @@ var SchedulerRemoveDialogVue2 = {
         title: deleteDialogTitleMessage,
         attrs: this.v3 ? undefined : {
           title: deleteDialogTitleMessage,
-          appendTo: 'body'
+          appendTo: 'body',
+          wrapperId: this.dialogId
         },
         appendTo: 'body',
+        wrapperId: this.dialogId,
         onClose: this.handleClose,
         on: this.v3 ? undefined : {
           "close": this.handleClose

package/dist/npm/hooks/use-items-focus.d.ts

@@ -7,6 +7,7 @@ import { BaseViewAll } from '../components/BaseView';
  * - `ITEMS_FOCUS_PREV`
  */
 export declare enum ITEMS_FOCUS_ACTION {
+    current = "ITEMS_FOCUS_CURRENT",
     next = "ITEMS_FOCUS_NEXT",
     prev = "ITEMS_FOCUS_PREV"
 }

package/dist/npm/hooks/use-items-focus.js

@@ -18,6 +18,7 @@ var utils_1 = require("../utils");
 var ITEMS_FOCUS_ACTION;
 
 (function (ITEMS_FOCUS_ACTION) {
+  ITEMS_FOCUS_ACTION["current"] = "ITEMS_FOCUS_CURRENT";
   ITEMS_FOCUS_ACTION["next"] = "ITEMS_FOCUS_NEXT";
   ITEMS_FOCUS_ACTION["prev"] = "ITEMS_FOCUS_PREV";
 })(ITEMS_FOCUS_ACTION = exports.ITEMS_FOCUS_ACTION || (exports.ITEMS_FOCUS_ACTION = {}));
@@ -26,6 +27,22 @@ var ITEMS_FOCUS_ACTION;
 
 exports.dispatchFocusedItems = function (action, event) {
   switch (action.type) {
+    case ITEMS_FOCUS_ACTION.current:
+      {
+        if (!action.item || !this.bv.items) {
+          return;
+        }
+
+        var next = utils_1.findCurrentItem(action.item, this.bv.items, action.ignoreIsAllDay);
+
+        if (next && next.element) {
+          event.preventDefault();
+          next.element.focus();
+        }
+
+        break;
+      }
+
     case ITEMS_FOCUS_ACTION.next:
       {
         if (!action.item || !this.bv.items) {

package/dist/npm/items/SchedulerEditItem.js

@@ -1105,6 +1105,8 @@ var SchedulerEditItemVue2 = {
       }
     },
     onKeyDownAction: function onKeyDownAction(event, props) {
+      var nextSlot;
+
       switch (event.event.keyCode) {
         case kendo_vue_common_1.Keys.enter:
           return [{
@@ -1124,27 +1126,50 @@ var SchedulerEditItemVue2 = {
           }];
 
         case kendo_vue_common_1.Keys.up:
-          return [Boolean(props.slots.length && props.slots[0].refTo.current) && {
+          nextSlot = this.bv.slots.find(function (s) {
+            return utils_1.compareSlots(s, props.slots[0]);
+          });
+          return [Boolean(props.slots.length && nextSlot) && {
             type: hooks_1.SLOTS_FOCUS_ACTION.up,
-            slot: props.slots[0].refTo
+            slot: nextSlot
           }];
 
         case kendo_vue_common_1.Keys.right:
-          return [Boolean(props.slots.length && props.slots[0].refTo.current) && {
+          nextSlot = this.bv.slots.find(function (s) {
+            return utils_1.compareSlots(s, props.slots[0]);
+          });
+          return [Boolean(props.slots.length && nextSlot) && {
             type: hooks_1.SLOTS_FOCUS_ACTION.right,
-            slot: props.slots[0].refTo
+            slot: nextSlot
           }];
 
         case kendo_vue_common_1.Keys.down:
-          return [Boolean(props.slots.length && props.slots[props.slots.length - 1].refTo.current) && {
+          nextSlot = this.bv.slots.find(function (s) {
+            return utils_1.compareSlots(s, props.slots[props.slots.length - 1]);
+          });
+          return [Boolean(props.slots.length && nextSlot) && {
             type: hooks_1.SLOTS_FOCUS_ACTION.down,
-            slot: props.slots[props.slots.length - 1].refTo
+            slot: nextSlot
           }];
 
         case kendo_vue_common_1.Keys.left:
-          return [Boolean(props.slots.length && props.slots[0].refTo.current) && {
+          nextSlot = this.bv.slots.find(function (s) {
+            return utils_1.compareSlots(s, props.slots[0]);
+          });
+          return [Boolean(props.slots.length && nextSlot) && {
             type: hooks_1.SLOTS_FOCUS_ACTION.left,
-            slot: props.slots[0].refTo
+            slot: nextSlot
+          }];
+
+        case kendo_vue_common_1.Keys.delete:
+        case kendo_vue_common_1.Keys.backspace:
+          return [{
+            type: use_remove_item_1.REMOVE_ITEM_ACTION.set,
+            payload: props.dataItem
+          }, props.isRecurring ? {
+            type: use_show_occurrence_dialog_1.SHOW_OCCURRENCE_DIALOG_ACTION.open
+          } : {
+            type: use_show_remove_item_dialog_1.SHOW_REMOVE_DIALOG_ACTION.open
           }];
 
         default:

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: 1651757342,
+    publishDate: 1651997436,
     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'
 };