@progress/kendo-vue-scheduler 3.2.5 → 3.2.7-dev.202205021145

package/dist/es/utils/index.js

@@ -525,31 +525,40 @@ export var noop = function () {
 };
 /** @hidden */
 export var findFirstItem = function (current) {
-    var next = current.$props.items.find(function (i) { return i.order === 0; }) || current.$props.items[0];
-    return next && next.refTo.current;
+    var next = current.props.items.find(function (i) { return i.order === 0; }) || current.props.items[0];
+    return next;
 };
 /** @hidden */
+export var compareItems = function (f, s, ignoreIsAllDay) { return Boolean(f.uid === s.uid
+    && ((f.occurrenceId === undefined) ||
+        f.occurrenceId === s.occurrenceId)
+    && (f.group.index === s.group.index)
+    && (f.range.index === s.range.index)
+    && (ignoreIsAllDay || f.isAllDay === s.isAllDay)); };
+/** @hidden */
+export var compareSlots = function (f, s) { return Boolean(f.start.getTime() === s.start.getTime()
+    && f.end.getTime() === s.end.getTime()
+    && f.index === s.index
+    && f.group.index === s.group.index
+    && f.range.index === s.range.index
+    && f.isAllDay === s.isAllDay); };
+/** @hidden */
 export var findNextItem = function (ref, all, ignoreIsAllDay, backwards) {
     if (ignoreIsAllDay === void 0) { ignoreIsAllDay = false; }
     if (backwards === void 0) { backwards = false; }
-    var current = ref.current;
+    var current = ref;
     if (!current || !all) {
         return null;
     }
-    var filtered = all.filter(function (i) { return i.current !== null && i.current.element !== null; });
+    var filtered = all.filter(function (i) { return i.element !== null; });
     var sorted = orderBy(filtered, [
-        { field: 'current.props.group.index', dir: 'asc' },
-        { field: 'current.props.range.index', dir: 'asc' },
-        (ignoreIsAllDay ? { field: '' } : { field: 'current.props.isAllDay', dir: 'desc' }),
-        { field: 'current.props.start', dir: 'asc' }
+        { field: 'group.index', dir: 'asc' },
+        { field: 'range.index', dir: 'asc' },
+        (ignoreIsAllDay ? { field: '' } : { field: 'isAllDay', dir: 'desc' }),
+        { field: 'start', dir: 'asc' }
     ]);
     var currentIndex = sorted
-        .findIndex(function (i) { return i.current !== null && Boolean(i.current.props.uid === current.props.uid
-        && ((i.current.props.occurrenceId === undefined) ||
-            i.current.props.occurrenceId === current.props.occurrenceId)
-        && (i.current.props.group.index === current.props.group.index)
-        && (i.current.props.range.index === current.props.range.index)
-        && (ignoreIsAllDay || i.current.props.isAllDay === current.props.isAllDay)); });
+        .findIndex(function (i) { return compareItems(i, current, ignoreIsAllDay); });
     var next = sorted[currentIndex + (backwards ? -1 : 1)];
     return next;
 };

package/dist/es/views/common/SchedulerDrag.js

@@ -17,6 +17,7 @@ import { mapItemsToSlots } from '../../utils'; // tslint:enable:max-line-length
 
 var SchedulerDragVue2 = {
   name: 'KendoSchedulerDrag',
+  inheritAttrs: false,
   props: {
     ignoreIsAllDay: Boolean,
     dataItem: Object,

package/dist/es/views/common/SchedulerResize.js

@@ -20,6 +20,7 @@ var SchedulerResizeVue2 = {
   props: {
     ignoreIsAllDay: Boolean,
     dataItem: Object,
+    format: String,
     vertical: Boolean,
     viewItem: [String, Function, Object],
     item: {
@@ -32,13 +33,16 @@ var SchedulerResizeVue2 = {
   inject: {
     ks: {
       default: null
+    },
+    bv: {
+      default: null
     }
   },
   computed: {
     occurrences: function occurrences() {
       return toOccurrences([this.$props.dataItem], {
-        dateRange: this.dateRange,
-        fields: this.fields,
+        dateRange: this.ks.dateRange,
+        fields: this.ks.fields,
         timezone: this.ks.timezone
       });
     },
@@ -46,8 +50,8 @@ var SchedulerResizeVue2 = {
       return toItems(this.occurrences, {
         timezone: this.ks.timezone
       }, {
-        groups: this.groups,
-        ranges: this.ranges
+        groups: this.ks.groups,
+        ranges: this.bv.ranges
       });
     }
   },
@@ -60,36 +64,80 @@ var SchedulerResizeVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var h = gh || createElement; // const ranges = useSchedulerViewRangesContext();
-    // const { timezone } = useSchedulerPropsContext();
-    // const groups = useSchedulerGroupsContext();
-    // const fields = useSchedulerFieldsContext();
-    // const dateRange = useSchedulerDateRangeContext();
-    // const [viewSlots] = useSchedulerViewSlotsContext();
-
-    var slots = (this.viewSlots || []).map(function (s) {
-      return s.current.props;
+    var h = gh || createElement;
+    var slots = (this.bv.slots || []).map(function (s) {
+      return s;
     });
     mapItemsToSlots(this.items, slots);
     return (// fragment
-      h("div", [this.items.map(function (_item, idx) {
+      // <div>
+      this.items.map(function (item, idx) {
         return h(SchedulerViewItem, {
-          key: idx //     {...item}
-          ,
-          format: this.$props.format,
+          key: idx,
+          uid: item.uid,
           attrs: this.v3 ? undefined : {
-            format: this.$props.format,
-            item: this.$props.item,
+            uid: item.uid,
+            start: item.start,
+            end: item.end,
+            originalStart: item.originalStart,
+            startTimezone: item.startTimezone,
+            endTimezone: item.endTimezone,
+            isAllDay: item.isAllDay,
+            title: item.title,
+            description: item.description,
+            occurrenceId: item.occurrenceId,
+            recurrenceExceptions: item.recurrenceExceptions,
+            recurrenceRule: item.recurrenceRule,
+            recurrenceId: item.recurrenceId,
+            dataItem: item.dataItem,
+            itemRef: item.itemRef,
+            head: item.head,
+            tail: item.tail,
+            order: item.order,
+            zonedStart: item.zonedStart,
+            zonedEnd: item.zonedEnd,
+            slots: item.slots,
+            group: item.group,
+            range: item.range,
+            isException: item.isException,
+            isRecurring: item.isRecurring,
+            format: this.format //   item={this.$props.item}
+            ,
             resizeHint: true,
             vertical: this.$props.vertical,
             ignoreIsAllDay: this.$props.ignoreIsAllDay
           },
-          item: this.$props.item,
+          start: item.start,
+          end: item.end,
+          originalStart: item.originalStart,
+          startTimezone: item.startTimezone,
+          endTimezone: item.endTimezone,
+          isAllDay: item.isAllDay,
+          title: item.title,
+          description: item.description,
+          occurrenceId: item.occurrenceId,
+          recurrenceExceptions: item.recurrenceExceptions,
+          recurrenceRule: item.recurrenceRule,
+          recurrenceId: item.recurrenceId,
+          dataItem: item.dataItem,
+          itemRef: item.itemRef,
+          head: item.head,
+          tail: item.tail,
+          order: item.order,
+          zonedStart: item.zonedStart,
+          zonedEnd: item.zonedEnd,
+          slots: item.slots,
+          group: item.group,
+          range: item.range,
+          isException: item.isException,
+          isRecurring: item.isRecurring,
+          format: this.format,
           resizeHint: true,
           vertical: this.$props.vertical,
           ignoreIsAllDay: this.$props.ignoreIsAllDay
         });
-      }, this)])
+      }, this) //  </div>
+
     );
   }
 };

package/dist/es/views/common/VerticalResourceIterator.js

@@ -105,7 +105,7 @@ var VerticalResourceIteratorVue2 = {
             numberOfDays: more.numberOfDays,
             workWeekStart: more.workWeekStart,
             workWeekEnd: more.workWeekEnd,
-            editable: this.$props.editable
+            editable: more.editable
           },
           groupIndex: currentGroupIndex,
           onDataaction: this.handleDataAction,
@@ -122,7 +122,7 @@ var VerticalResourceIteratorVue2 = {
           numberOfDays: more.numberOfDays,
           workWeekStart: more.workWeekStart,
           workWeekEnd: more.workWeekEnd,
-          editable: this.$props.editable
+          editable: more.editable
         });
       }, this) : null;
     };

package/dist/es/views/day/DayView.js

@@ -92,7 +92,8 @@ var DayViewVue2 = {
     editable: {
       type: [Boolean, Object],
       default: false
-    }
+    },
+    format: String
   },
   inject: {
     kendoLocalizationService: {

package/dist/es/views/day/MultiDayView.d.ts

@@ -106,6 +106,10 @@ export interface MultiDayViewProps extends SchedulerViewProps {
      * Overrides the `dragItem` prop of the Scheduler for the specified view only.
      */
     dragItem?: any;
+    /**
+     * Overrides the `resizeItem` prop of the Scheduler for the specified view only.
+     */
+    resizeItem?: any;
     /**
      * Overrides the `viewItem` prop of the Scheduler for the specified view only.
      */

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

@@ -51,6 +51,7 @@ import { SchedulerDrag } from '../../views/common/SchedulerDrag';
 import { SchedulerEditSlot } from '../../slots/SchedulerEditSlot';
 import { SchedulerEditItem } from '../../items/SchedulerEditItem';
 import { CurrentTimeMarker } from '../../components/CurrentTimeMarket';
+import { SchedulerResize } from '../common/SchedulerResize';
 var FIRST_INDEX = 0;
 export var GRID_OFFSET = 1; // tslint:enable:max-line-length
 
@@ -133,6 +134,16 @@ var MultiDayViewVue2 = {
         return undefined;
       }
     },
+    resizeItem: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
+    format: {
+      type: String,
+      default: 't'
+    },
     // showCurrentTime: {
     //   type: Boolean,
     //   default: true
@@ -254,11 +265,15 @@ var MultiDayViewVue2 = {
     },
     compDragItem: function compDragItem() {
       return this.dragItem !== undefined ? this.dragItem : this.currentDragItem;
+    },
+    compResizeItem: function compResizeItem() {
+      return this.resizeItem !== undefined ? this.resizeItem : this.currentResizeItem;
     }
   },
   data: function data() {
     return {
-      currentDragItem: undefined
+      currentDragItem: undefined,
+      currentResizeItem: undefined
     };
   },
   created: function created() {
@@ -322,6 +337,41 @@ var MultiDayViewVue2 = {
       }));
     };
 
+    var resizeItemClue = function resizeItemClue(vertical) {
+      return this.compResizeItem && this.editable.resize && (Array.isArray(this.compResizeItem) ? this.compResizeItem.map(function (ri, idx) {
+        return h(SchedulerResize, {
+          key: idx,
+          format: this.$props.format //   ignoreIsAllDay={ignoreIsAllDay}
+          ,
+          attrs: this.v3 ? undefined : {
+            format: this.$props.format,
+            dataItem: ri,
+            viewItem: this.$props.viewItem,
+            item: this.$props.item,
+            vertical: vertical
+          },
+          dataItem: ri,
+          viewItem: this.$props.viewItem,
+          item: this.$props.item,
+          vertical: vertical
+        });
+      }, this) : h(SchedulerResize, {
+        format: this.$props.format //   ignoreIsAllDay={ignoreIsAllDay}
+        ,
+        attrs: this.v3 ? undefined : {
+          format: this.$props.format,
+          dataItem: this.compResizeItem,
+          viewItem: this.$props.viewItem,
+          item: this.$props.item,
+          vertical: vertical
+        },
+        dataItem: this.compResizeItem,
+        viewItem: this.$props.viewItem,
+        item: this.$props.item,
+        vertical: vertical
+      }));
+    };
+
     return (// @ts-ignore  function children
       h(BaseView, {
         id: this.$props.id,
@@ -487,16 +537,18 @@ var MultiDayViewVue2 = {
             form: this.$props.form,
             onDataaction: this.handleDataAction,
             on: this.v3 ? undefined : {
-              "dataaction": this.handleDataAction
+              "dataaction": this.handleDataAction,
+              "dragitemchange": this.handleDragItemChange,
+              "resizeitemchange": this.handleResizeItemChange
             },
+            onDragitemchange: this.handleDragItemChange,
+            onResizeitemchange: this.handleResizeItemChange,
             item: this.$props.item,
             viewItem: this.$props.viewItem,
             editable: this.$props.editable,
             vertical: false
           });
-        }, _this2) // ,
-        // dragItemClue.call(this, false)
-        ] : // @ts-ignore  function children
+        }, _this2), _this2.compDragItem && _this2.compDragItem.isAllDay && dragItemClue.call(_this2, false), _this2.compResizeItem && _this2.compResizeItem.isAllDay && resizeItemClue.call(_this2, false)] : // @ts-ignore  function children
         h(VerticalResourceIterator, {
           group: _this2.ks.props.group,
           attrs: _this2.v3 ? undefined : {
@@ -762,15 +814,19 @@ var MultiDayViewVue2 = {
             isRecurring: item.isRecurring,
             onDataaction: this.handleDataAction,
             on: this.v3 ? undefined : {
-              "dataaction": this.handleDataAction
+              "dataaction": this.handleDataAction,
+              "dragitemchange": this.handleDragItemChange,
+              "resizeitemchange": this.handleResizeItemChange
             },
+            onDragitemchange: this.handleDragItemChange,
+            onResizeitemchange: this.handleResizeItemChange,
             viewItem: this.$props.viewItem,
             item: this.$props.item,
             form: this.$props.form,
             editable: this.$props.editable,
             vertical: false
           });
-        }, _this2)], timeItems.map(function (item) {
+        }, _this2), _this2.compDragItem && _this2.compDragItem.isAllDay && dragItemClue.call(_this2, true), _this2.compResizeItem && _this2.compResizeItem.isAllDay && resizeItemClue.call(_this2, true)], timeItems.map(function (item) {
           return h(EditItem, {
             key: item.isRecurring ? item.uid + ":" + item.group.index + ":" + item.range.index + ":" + item.originalStart : item.uid + ":" + item.group.index + ":" + item.range.index,
             uid: item.uid,
@@ -835,16 +891,18 @@ var MultiDayViewVue2 = {
             onDataaction: this.handleDataAction,
             on: this.v3 ? undefined : {
               "dataaction": this.handleDataAction,
-              "dragitemchange": this.handleDragItemChange
+              "dragitemchange": this.handleDragItemChange,
+              "resizeitemchange": this.handleResizeItemChange
             },
             onDragitemchange: this.handleDragItemChange,
+            onResizeitemchange: this.handleResizeItemChange,
             viewItem: this.$props.viewItem,
             item: this.$props.item,
             form: this.$props.form,
             editable: this.$props.editable,
             vertical: true
           });
-        }, _this2), dragItemClue.call(_this2, true)])];
+        }, _this2), _this2.compDragItem && !_this2.compDragItem.isAllDay && dragItemClue.call(_this2, true), _this2.compResizeItem && !_this2.compResizeItem.isAllDay && resizeItemClue.call(_this2, true)])];
       } : [h("div", {
         "class": "k-scheduler-head"
       }, [_this2.ks.orientation === 'horizontal' ? [h(HorizontalResourceIterator, {
@@ -994,14 +1052,18 @@ var MultiDayViewVue2 = {
           form: this.$props.form,
           onDataaction: this.handleDataAction,
           on: this.v3 ? undefined : {
-            "dataaction": this.handleDataAction
+            "dataaction": this.handleDataAction,
+            "dragitemchange": this.handleDragItemChange,
+            "resizeitemchange": this.handleResizeItemChange
           },
+          onDragitemchange: this.handleDragItemChange,
+          onResizeitemchange: this.handleResizeItemChange,
           item: this.$props.item,
           viewItem: this.$props.viewItem,
           editable: this.$props.editable,
           vertical: false
         });
-      }, _this2)] : h(VerticalResourceIterator, {
+      }, _this2), _this2.compDragItem && _this2.compDragItem.isAllDay && dragItemClue.call(_this2, false), _this2.compResizeItem && _this2.compResizeItem.isAllDay && resizeItemClue.call(_this2, false)] : h(VerticalResourceIterator, {
         group: _this2.ks.props.group,
         attrs: _this2.v3 ? undefined : {
           group: _this2.ks.props.group,
@@ -1253,15 +1315,19 @@ var MultiDayViewVue2 = {
           isRecurring: item.isRecurring,
           onDataaction: this.handleDataAction,
           on: this.v3 ? undefined : {
-            "dataaction": this.handleDataAction
+            "dataaction": this.handleDataAction,
+            "dragitemchange": this.handleDragItemChange,
+            "resizeitemchange": this.handleResizeItemChange
           },
+          onDragitemchange: this.handleDragItemChange,
+          onResizeitemchange: this.handleResizeItemChange,
           viewItem: this.$props.viewItem,
           item: this.$props.item,
           form: this.$props.form,
           editable: this.$props.editable,
           vertical: false
         });
-      }, _this2)], timeItems.map(function (item) {
+      }, _this2), _this2.compDragItem && _this2.compDragItem.isAllDay && dragItemClue.call(_this2, true), _this2.compResizeItem && _this2.compResizeItem.isAllDay && resizeItemClue.call(_this2, true)], timeItems.map(function (item) {
         return h(EditItem, {
           key: item.isRecurring ? item.uid + ":" + item.group.index + ":" + item.range.index + ":" + item.originalStart : item.uid + ":" + item.group.index + ":" + item.range.index,
           uid: item.uid,
@@ -1326,16 +1392,18 @@ var MultiDayViewVue2 = {
           onDataaction: this.handleDataAction,
           on: this.v3 ? undefined : {
             "dataaction": this.handleDataAction,
-            "dragitemchange": this.handleDragItemChange
+            "dragitemchange": this.handleDragItemChange,
+            "resizeitemchange": this.handleResizeItemChange
           },
           onDragitemchange: this.handleDragItemChange,
+          onResizeitemchange: this.handleResizeItemChange,
           viewItem: this.$props.viewItem,
           item: this.$props.item,
           form: this.$props.form,
           editable: this.$props.editable,
           vertical: true
         });
-      }, _this2), dragItemClue.call(_this2, true)])])
+      }, _this2), _this2.compDragItem && !_this2.compDragItem.isAllDay && dragItemClue.call(_this2, true), _this2.compResizeItem && !_this2.compResizeItem.isAllDay && resizeItemClue.call(_this2, true)])])
     );
   },
   methods: {
@@ -1344,6 +1412,9 @@ var MultiDayViewVue2 = {
     },
     handleDragItemChange: function handleDragItemChange(item) {
       this.currentDragItem = item;
+    },
+    handleResizeItemChange: function handleResizeItemChange(item) {
+      this.currentResizeItem = item;
     }
   }
 };

package/dist/es/views/week/WeekView.js

@@ -90,7 +90,8 @@ var WeekViewVue2 = {
     editable: {
       type: [Boolean, Object],
       default: false
-    }
+    },
+    format: String
   },
   inject: {
     kendoLocalizationService: {

package/dist/npm/components/BaseView.js

@@ -42,10 +42,10 @@ var BaseViewVue2 = {
       bv: this.bv,
       setItems: this.dispatchItems,
       setSlots: this.dispatchSlots,
-      setSelectedSlots: use_slots_selection_1.dispatchSelectedSlots,
-      setSelectedItems: use_items_selection_1.dispatchSelectedItems,
-      setFocusedItems: hooks_1.dispatchFocusedItems,
-      setFocusedSlots: hooks_1.dispatchFocusedSlots //    setActiveViewName: this.handleActiveViewNameChange
+      dispatchSelectedSlots: this.handleSchedulerSlotsSelectAction,
+      dispatchSelectedItems: this.handleSchedulerItemsSelectAction,
+      dispatchFocusedItems: this.setFocusedItems,
+      dispatchFocusedSlots: this.setFocusedSlots //    setActiveViewName: this.handleActiveViewNameChange
 
     };
   },
@@ -107,21 +107,23 @@ var BaseViewVue2 = {
       });
     },
     handleSchedulerItemsSelectAction: function handleSchedulerItemsSelectAction(action, event) {
-      this.dispatchSelectedSlots({
+      use_slots_selection_1.dispatchSelectedSlots.call(this, {
         type: use_slots_selection_1.SLOTS_SELECT_ACTION.reset
       });
-      this.dispatchSelectedItems(action, event);
+      use_items_selection_1.dispatchSelectedItems.call(this, action, event);
     },
     handleSchedulerSlotsSelectAction: function handleSchedulerSlotsSelectAction(action, event) {
-      this.dispatchSelectedItems({
+      use_items_selection_1.dispatchSelectedItems.call(this, {
         type: use_items_selection_1.ITEMS_SELECT_ACTION.reset
       }, event);
-      this.dispatchSelectedSlots(action);
+      use_slots_selection_1.dispatchSelectedSlots.call(this, action);
+    },
+    setFocusedItems: function setFocusedItems(action, event) {
+      hooks_1.dispatchFocusedItems.call(this, action, event);
+    },
+    setFocusedSlots: function setFocusedSlots(action, event) {
+      hooks_1.dispatchFocusedSlots.call(this, action, event);
     },
-    dispatchSelectedSlots: use_slots_selection_1.dispatchSelectedSlots,
-    dispatchSelectedItems: use_items_selection_1.dispatchSelectedItems,
-    dispatchFocusedItems: hooks_1.dispatchFocusedItems,
-    dispatchFocusedSlots: hooks_1.dispatchFocusedSlots,
     dispatchItems: function dispatchItems(action) {
       switch (action.type) {
         case utils_1.COLLECTION_ACTION.add:

package/dist/npm/components/SchedulerForm.js

@@ -309,7 +309,7 @@ var SchedulerFormVue2 = {
       result[this.ks.fields.end] = [this.requiredValidator(formValueGetter(this.ks.fields.start)), this.endAfterStartValidator(formValueGetter(this.ks.fields.start), formValueGetter)].filter(Boolean).reduce(function (current, acc) {
         return current || acc;
       }, '');
-      var additionalValidator = this.ksValidator(_dataItem, formValueGetter);
+      var additionalValidator = this.ksValidator(formValueGetter);
       return __assign(__assign({}, result), additionalValidator);
     }
   }

package/dist/npm/components/header/view-selector/ViewSelectorList.js

@@ -97,14 +97,9 @@ var ViewSelectorListVue2 = {
     }, [activeView && this.media === 'mobile' && // @ts-ignore  function children
     h(kendo_vue_buttons_1.DropDownButton, {
       "class": "k-views-dropdown",
-      onItemclick: this.handleItemClick,
-      on: this.v3 ? undefined : {
-        "itemclick": this.handleItemClick
-      },
-      popupSettings: {
-        popupClass: 'k-scheduler-toolbar'
-      },
+      tabIndex: -1,
       attrs: this.v3 ? undefined : {
+        tabIndex: -1,
         popupSettings: {
           popupClass: 'k-scheduler-toolbar'
         },
@@ -120,6 +115,13 @@ var ViewSelectorListVue2 = {
         }, this),
         text: activeView.title || activeName
       },
+      onItemclick: this.handleItemClick,
+      on: this.v3 ? undefined : {
+        "itemclick": this.handleItemClick
+      },
+      popupSettings: {
+        popupClass: 'k-scheduler-toolbar'
+      },
       textField: "title",
       items: views.map(function (v) {
         var nameTitle = 'scheduler.' + v.name + 'ViewTitle';

package/dist/npm/editors/SchedulerFormEditor.js

@@ -640,6 +640,8 @@ var SchedulerFormEditorVue2 = {
         }, _this.v3 ? function () {
           return [_this.kendoForm.errors[_this.ks.fields.description]];
         } : [_this.kendoForm.errors[_this.ks.fields.description]])])]), (_this.ks.props.resources || []).map(function (resource) {
+          var _this2 = this;
+
           return h("div", {
             key: resource.field
           }, [h("div", {
@@ -673,7 +675,17 @@ var SchedulerFormEditorVue2 = {
             textField: resource.textField,
             valueField: resource.valueField,
             colorField: resource.colorField
-          })])]);
+          }), this.kendoForm.errors[resource.field] && // @ts-ignore function children
+          h(kendo_vue_form_1.Field, {
+            name: resource.field,
+            attrs: this.v3 ? undefined : {
+              name: resource.field,
+              component: kendo_vue_labels_1.Error
+            },
+            component: kendo_vue_labels_1.Error
+          }, this.v3 ? function () {
+            return [_this2.kendoForm.errors[resource.field]];
+          } : [_this2.kendoForm.errors[resource.field]])])]);
         }, _this), defaultSlots];
       } : [h("div", {
         "class": "k-form-field"
@@ -992,6 +1004,8 @@ var SchedulerFormEditorVue2 = {
       }, _this.v3 ? function () {
         return [_this.kendoForm.errors[_this.ks.fields.description]];
       } : [_this.kendoForm.errors[_this.ks.fields.description]])])]), (_this.ks.props.resources || []).map(function (resource) {
+        var _this2 = this;
+
         return h("div", {
           key: resource.field
         }, [h("div", {
@@ -1024,7 +1038,16 @@ var SchedulerFormEditorVue2 = {
           textField: resource.textField,
           valueField: resource.valueField,
           colorField: resource.colorField
-        })])]);
+        }), this.kendoForm.errors[resource.field] && h(kendo_vue_form_1.Field, {
+          name: resource.field,
+          attrs: this.v3 ? undefined : {
+            name: resource.field,
+            component: kendo_vue_labels_1.Error
+          },
+          component: kendo_vue_labels_1.Error
+        }, this.v3 ? function () {
+          return [_this2.kendoForm.errors[resource.field]];
+        } : [_this2.kendoForm.errors[resource.field]])])]);
       }, _this), defaultSlots])
     );
   },

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

@@ -28,15 +28,15 @@ exports.dispatchFocusedItems = function (action, event) {
   switch (action.type) {
     case ITEMS_FOCUS_ACTION.next:
       {
-        if (!action.item || !action.item.current || !this.items) {
+        if (!action.item || !this.bv.items) {
           return;
         }
 
-        var next = utils_1.findNextItem(action.item, this.items, action.ignoreIsAllDay, false);
+        var next = utils_1.findNextItem(action.item, this.bv.items, action.ignoreIsAllDay, false);
 
-        if (next && next.current && next.current.element) {
+        if (next && next.element) {
           event.preventDefault();
-          next.current.element.focus();
+          next.element.focus();
         }
 
         break;
@@ -44,15 +44,15 @@ exports.dispatchFocusedItems = function (action, event) {
 
     case ITEMS_FOCUS_ACTION.prev:
       {
-        if (!action.item || !action.item.current || !this.items) {
+        if (!action.item || !this.bv.items) {
           return;
         }
 
-        var next = utils_1.findNextItem(action.item, this.items, action.ignoreIsAllDay, true);
+        var next = utils_1.findNextItem(action.item, this.bv.items, action.ignoreIsAllDay, true);
 
-        if (next && next.current && next.current.element) {
+        if (next && next.element) {
           event.preventDefault();
-          next.current.element.focus();
+          next.element.focus();
         }
 
         break;