@progress/kendo-vue-scheduler 3.5.2 → 3.5.4-dev.202209071223

package/dist/esm/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-scheduler',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1662110745,
+    publishDate: 1662553158,
     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/esm/tasks/SchedulerTask.js

@@ -137,9 +137,9 @@ var SchedulerTaskVue2 = {
         backgroundColor: color
       }
     }), this.$props.isRecurring && h("span", {
-      "class": "k-icon k-i-reload"
+      "class": "k-icon k-i-arrow-rotate-cw"
     }), this.$props.isException && h("span", {
-      "class": "k-icon k-i-non-recurrence"
+      "class": "k-icon k-i-arrows-no-repeat"
     }), this.$props.title, defaultSlot, editable.remove && h("a", {
       "class": "k-link k-event-delete",
       title: deleteMessage,

package/dist/esm/views/agenda/AgendaView.js

@@ -19,7 +19,6 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-var inject = allVue.inject;
 import { BaseView } from '../../components/BaseView.js';
 import { VerticalResourceIterator } from '../common/VerticalResourceIterator.js';
 import { useCellSync } from '../../hooks/main.js';

package/dist/esm/views/agenda/AgendaViewBody.js

@@ -123,9 +123,9 @@ var AgendaViewBodyVue2 = {
         }, [h("div", {
           "class": "k-scheduler-cell k-scheduler-timecolumn"
         }, [h("div", [item.tail && h("span", {
-          "class": "k-icon k-i-arrow-60-left"
+          "class": "k-icon k-i-caret-alt-left"
         }), item.isAllDay ? localization.toLanguageString(allDay, messages[allDay]) : getTimeFormat(this.intl, item), item.head && h("span", {
-          "class": "k-icon k-i-arrow-60-right"
+          "class": "k-icon k-i-caret-alt-right"
         })])]), h("div", {
           "class": "k-scheduler-cell"
         }, [h(EditTask, {

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

@@ -6,14 +6,7 @@ var isV3 = allVue.version && allVue.version[0] === '3';
 var inject = allVue.inject;
 import { toItems, toOccurrences } from '../../services/main.js';
 import { SchedulerItem } from '../../items/SchedulerItem.js';
-import { SchedulerViewItem } from '../../items/SchedulerViewItem'; // import { useSchedulerViewRangesContext, useSchedulerViewSlotsContext } from '../../context.js';
-// import {
-//     useSchedulerPropsContext,
-//     useSchedulerGroupsContext,
-//     useSchedulerFieldsContext,
-//     useSchedulerDateRangeContext
-// } from '../../context/SchedulerContext.js';
-
+import { SchedulerViewItem } from '../../items/SchedulerViewItem.js';
 import { mapItemsToSlots } from '../../utils/main.js';
 /** @hidden */
 

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

@@ -6,14 +6,7 @@ var isV3 = allVue.version && allVue.version[0] === '3';
 var inject = allVue.inject;
 import { toItems, toOccurrences } from '../../services/main.js';
 import { SchedulerItem } from '../../items/SchedulerItem.js';
-import { SchedulerViewItem } from '../../items/SchedulerViewItem'; // import { useSchedulerViewRangesContext, useSchedulerViewSlotsContext } from '../../context.js';
-// import {
-//     useSchedulerPropsContext,
-//     useSchedulerGroupsContext,
-//     useSchedulerFieldsContext,
-//     useSchedulerDateRangeContext
-// } from '../../context/SchedulerContext.js';
-
+import { SchedulerViewItem } from '../../items/SchedulerViewItem.js';
 import { mapItemsToSlots } from '../../utils/main.js';
 /** @hidden */
 

package/dist/esm/views/week/WorkWeekView.js

@@ -21,8 +21,7 @@ import { Day, getDate, addDays, ZonedDate, MS_PER_DAY } from '@progress/kendo-da
 import { DAYS_IN_WEEK_COUNT } from '../../constants/main.js';
 import { MultiDayView } from '../day/MultiDayView.js';
 import { workWeekViewTitle, messages } from '../../messages/main.js';
-import { toUTCDateTime } from '../../utils/main'; // import { useSchedulerDateRangeContext } from '../../main.js';
-
+import { toUTCDateTime } from '../../utils/main.js';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 /** @hidden */
 

package/dist/npm/Scheduler.js

@@ -59,8 +59,7 @@ var NavigationDatePicker_1 = require("./components/header/navigation/NavigationD
 
 var BusinessHours_1 = require("./components/footer/bussiness-hours/BusinessHours");
 
-var DayView_1 = require("./views/day/DayView"); // import { SchedulerFormProps } from './editors/SchedulerFormEditor';
-
+var DayView_1 = require("./views/day/DayView");
 
 var kendo_vue_common_2 = require("@progress/kendo-vue-common");
 
@@ -161,7 +160,6 @@ var SchedulerVue2 = {
         'k-rtl': this.$props.rtl !== undefined ? this.$props.rtl : this.dir === 'rtl',
         'k-widget': true,
         'k-scheduler': true,
-        'k-scheduler-flex': true,
         'k-floatwrap': true
       };
     },

package/dist/npm/components/BaseView.js

@@ -11,8 +11,7 @@ var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 
-var main_1 = require("../hooks/main"); // import { SchedulerItemHandle, SchedulerSlotHandle } from '../main';
-
+var main_1 = require("../hooks/main");
 
 var use_items_selection_1 = require("../hooks/use-items-selection");
 

package/dist/npm/components/CurrentTimeMarker.js

@@ -11,8 +11,7 @@ var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 
-var kendo_date_math_1 = require("@progress/kendo-date-math"); // import { useSchedulerElementContext, useSchedulerPropsContext, useSchedulerViewSlotsContext } from '../context';
-
+var kendo_date_math_1 = require("@progress/kendo-date-math");
 
 var main_1 = require("../utils/main");
 

package/dist/npm/components/CurrentTimeMarkerArrow.js

@@ -13,8 +13,7 @@ var isV3 = allVue.version && allVue.version[0] === '3';
 
 var kendo_date_math_1 = require("@progress/kendo-date-math");
 
-var kendo_vue_common_1 = require("@progress/kendo-vue-common"); // import { useSchedulerElementContext, useSchedulerPropsContext, useSchedulerViewSlotsContext } from '../context';
-
+var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 
 var main_1 = require("../utils/main");
 

package/dist/npm/components/SchedulerForm.js

@@ -36,8 +36,7 @@ var kendo_vue_dialogs_1 = require("@progress/kendo-vue-dialogs");
 
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 
-var SchedulerFormEditor_1 = require("../editors/SchedulerFormEditor"); // import { useSchedulerFieldsContext } from '../context';
-
+var SchedulerFormEditor_1 = require("../editors/SchedulerFormEditor");
 
 var main_1 = require("../messages/main");
 

package/dist/npm/components/footer/bussiness-hours/BusinessHours.js

@@ -65,35 +65,31 @@ var BusinessHoursVue2 = {
       h(kendo_vue_buttons_2.Button, {
         tabIndex: -1,
         attrs: _this.v3 ? undefined : {
-          tabIndex: -1
+          tabIndex: -1,
+          icon: 'clock'
         },
+        icon: 'clock',
         onClick: _this.handleShowWorkHoursClick,
         on: _this.v3 ? undefined : {
           "click": _this.handleShowWorkHoursClick
         }
       }, _this.v3 ? function () {
-        return [h("span", {
-          "class": "k-icon k-i-clock"
-        }), _this.localization.toLanguageString(_this.ks.showWorkHours ? main_1.showFullDay : main_1.showWorkDay, main_1.messages[_this.ks.showWorkHours ? main_1.showFullDay : main_1.showWorkDay])];
-      } : [h("span", {
-        "class": "k-icon k-i-clock"
-      }), _this.localization.toLanguageString(_this.ks.showWorkHours ? main_1.showFullDay : main_1.showWorkDay, main_1.messages[_this.ks.showWorkHours ? main_1.showFullDay : main_1.showWorkDay])])];
+        return [_this.localization.toLanguageString(_this.ks.showWorkHours ? main_1.showFullDay : main_1.showWorkDay, main_1.messages[_this.ks.showWorkHours ? main_1.showFullDay : main_1.showWorkDay])];
+      } : [_this.localization.toLanguageString(_this.ks.showWorkHours ? main_1.showFullDay : main_1.showWorkDay, main_1.messages[_this.ks.showWorkHours ? main_1.showFullDay : main_1.showWorkDay])])];
     } : [defaultSlot ? defaultSlot : h(kendo_vue_buttons_2.Button, {
       tabIndex: -1,
       attrs: _this.v3 ? undefined : {
-        tabIndex: -1
+        tabIndex: -1,
+        icon: 'clock'
       },
+      icon: 'clock',
       onClick: _this.handleShowWorkHoursClick,
       on: _this.v3 ? undefined : {
         "click": _this.handleShowWorkHoursClick
       }
     }, _this.v3 ? function () {
-      return [h("span", {
-        "class": "k-icon k-i-clock"
-      }), _this.localization.toLanguageString(_this.ks.showWorkHours ? main_1.showFullDay : main_1.showWorkDay, main_1.messages[_this.ks.showWorkHours ? main_1.showFullDay : main_1.showWorkDay])];
-    } : [h("span", {
-      "class": "k-icon k-i-clock"
-    }), _this.localization.toLanguageString(_this.ks.showWorkHours ? main_1.showFullDay : main_1.showWorkDay, main_1.messages[_this.ks.showWorkHours ? main_1.showFullDay : main_1.showWorkDay])])]) : null;
+      return [_this.localization.toLanguageString(_this.ks.showWorkHours ? main_1.showFullDay : main_1.showWorkDay, main_1.messages[_this.ks.showWorkHours ? main_1.showFullDay : main_1.showWorkDay])];
+    } : [_this.localization.toLanguageString(_this.ks.showWorkHours ? main_1.showFullDay : main_1.showWorkDay, main_1.messages[_this.ks.showWorkHours ? main_1.showFullDay : main_1.showWorkDay])])]) : null;
   },
   methods: {
     handleShowWorkHoursClick: function handleShowWorkHoursClick(e) {

package/dist/npm/components/header/navigation/NavigationDatePicker.js

@@ -29,17 +29,19 @@ var isV3 = allVue.version && allVue.version[0] === '3';
 
 var kendo_vue_dateinputs_1 = require("@progress/kendo-vue-dateinputs");
 
-var DatePickerToggleButton_1 = require("./DatePickerToggleButton"); // import {
-//     useSchedulerDateFormatContext,
-//     useSchedulerDateRangeContext,
-//     useSchedulerDateContext,
-//     useSchedulerPropsContext
-// } from '../../../context/SchedulerContext';
+var kendo_date_math_1 = require("@progress/kendo-date-math");
 
+var kendo_vue_popup_1 = require("@progress/kendo-vue-popup");
 
-var kendo_date_math_1 = require("@progress/kendo-date-math");
+var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
+
+var main_1 = require("../../../constants/main");
+
+var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
+
+var main_2 = require("../../../utils/main");
 
-var main_1 = require("../../../utils/main");
+var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 
 var EMPTY_DATE_INPUT = function EMPTY_DATE_INPUT() {
   return null;
@@ -51,14 +53,52 @@ var EMPTY_DATE_INPUT = function EMPTY_DATE_INPUT() {
 
 var NavigationDatePickerVue2 = {
   name: 'KendoNavigationDatePicker',
-  props: __assign(__assign({}, kendo_vue_dateinputs_1.DatePicker.props), {
+  props: {
     value: [Date, Object]
-  }),
+  },
   inject: {
+    kendoIntlService: {
+      default: null
+    },
     ks: {
       default: null
     }
   },
+  created: function created() {
+    this.buttonId = (0, kendo_vue_common_1.guid)();
+    this._popupId = 'popup' + (0, kendo_vue_common_1.guid)();
+  },
+  data: function data() {
+    return {
+      show: false,
+      focused: false,
+      media: 'desktop'
+    };
+  },
+  mounted: function mounted() {
+    this.buttonRef = this.$refs.button;
+    this.calculateMedia();
+    this.observer = new window.ResizeObserver(this.calculateMedia);
+    this.observer.observe(this.ks.scheduler.$el);
+  },
+  destroyed: !!isV3 ? undefined : function () {
+    if (this.observer) {
+      this.observer.disconnect();
+    }
+  },
+  // @ts-ignore
+  unmounted: function unmounted() {
+    if (this.observer) {
+      this.observer.disconnect();
+    }
+  },
+  updated: function updated() {
+    if (this.show && this.focused) {
+      if (this.$refs.calendar) {
+        this.$refs.calendar.focus();
+      }
+    }
+  },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
     var v3 = !!isV3;
@@ -68,35 +108,169 @@ var NavigationDatePickerVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
+    var _this2 = this;
+
     var h = gh || createElement;
     var normalized = kendo_date_math_1.ZonedDate.fromLocalDate(this.$props.value || this.ks.currentDate, this.ks.timezone);
     var value = (0, kendo_date_math_1.getDate)(normalized);
-    return (// @ts-ignore
-      h(kendo_vue_dateinputs_1.DatePicker, {
-        style: {
-          width: 'auto'
-        },
-        dateInput: EMPTY_DATE_INPUT,
+    var show = this.show;
+    var isMonthView = this.ks.dateRange.end.getTime() - this.ks.dateRange.start.getTime() > main_1.MS_PER_DAY * 27;
+    var intl = (0, kendo_vue_intl_1.provideIntlService)(this);
+    var text = intl.format(this.ks.dateFormat, isMonthView ? this.ks.currentDate : this.ks.dateRange.zonedStart, isMonthView ? this.ks.currentDate : this.ks.dateRange.zonedEnd.addDays(-1));
+    var shortText = intl.format(this.ks.shortDateFormat, isMonthView ? this.ks.currentDate : this.ks.dateRange.zonedStart, isMonthView ? this.ks.currentDate : this.ks.dateRange.zonedEnd.addDays(-1));
+    return (// @ts-ignore function children
+      h(kendo_vue_buttons_1.Button, {
+        ref: 'button',
+        id: this.buttonId,
         attrs: this.v3 ? undefined : {
-          dateInput: EMPTY_DATE_INPUT,
-          toggleButton: DatePickerToggleButton_1.DatePickerToggleButton,
-          value: value
+          id: this.buttonId,
+          fillMode: 'flat',
+          tabIndex: -1,
+          icon: "calendar"
         },
-        toggleButton: DatePickerToggleButton_1.DatePickerToggleButton,
-        value: value,
-        onChange: this.handleChange,
+        onFocus: this.onFocus,
         on: this.v3 ? undefined : {
-          "change": this.handleChange
+          "focus": this.onFocus,
+          "blur": this.onBlur,
+          "click": this.handleClick
+        },
+        onBlur: this.onBlur,
+        fillMode: 'flat',
+        "class": 'k-nav-current',
+        tabIndex: -1,
+        icon: "calendar",
+        onClick: this.handleClick
+      }, this.v3 ? function () {
+        return [_this2.media === 'desktop' ? text : shortText, // @ts-ignore function children
+        h(kendo_vue_popup_1.Popup, {
+          id: _this2._popupId,
+          attrs: _this2.v3 ? undefined : {
+            id: _this2._popupId,
+            anchor: _this2.buttonId,
+            show: show
+          },
+          anchor: _this2.buttonId,
+          show: show
+        }, _this2.v3 ? function () {
+          return [h(kendo_vue_dateinputs_1.Calendar, {
+            ref: 'calendar',
+            onBlur: _this2.onCalendarBlur,
+            on: _this2.v3 ? undefined : {
+              "blur": _this2.onCalendarBlur,
+              "change": _this2.handleChange,
+              "keydown": _this2.calendarKeydown
+            },
+            onChange: _this2.handleChange,
+            onKeydown: _this2.calendarKeydown,
+            value: value,
+            attrs: _this2.v3 ? undefined : {
+              value: value
+            }
+          })];
+        } : [h(kendo_vue_dateinputs_1.Calendar, {
+          ref: 'calendar',
+          onBlur: _this2.onCalendarBlur,
+          on: _this2.v3 ? undefined : {
+            "blur": _this2.onCalendarBlur,
+            "change": _this2.handleChange,
+            "keydown": _this2.calendarKeydown
+          },
+          onChange: _this2.handleChange,
+          onKeydown: _this2.calendarKeydown,
+          value: value,
+          attrs: _this2.v3 ? undefined : {
+            value: value
+          }
+        })])];
+      } : [_this2.media === 'desktop' ? text : shortText, h(kendo_vue_popup_1.Popup, {
+        id: _this2._popupId,
+        attrs: _this2.v3 ? undefined : {
+          id: _this2._popupId,
+          anchor: _this2.buttonId,
+          show: show
+        },
+        anchor: _this2.buttonId,
+        show: show
+      }, _this2.v3 ? function () {
+        return [h(kendo_vue_dateinputs_1.Calendar, {
+          ref: 'calendar',
+          onBlur: _this2.onCalendarBlur,
+          on: _this2.v3 ? undefined : {
+            "blur": _this2.onCalendarBlur,
+            "change": _this2.handleChange,
+            "keydown": _this2.calendarKeydown
+          },
+          onChange: _this2.handleChange,
+          onKeydown: _this2.calendarKeydown,
+          value: value,
+          attrs: _this2.v3 ? undefined : {
+            value: value
+          }
+        })];
+      } : [h(kendo_vue_dateinputs_1.Calendar, {
+        ref: 'calendar',
+        onBlur: _this2.onCalendarBlur,
+        on: _this2.v3 ? undefined : {
+          "blur": _this2.onCalendarBlur,
+          "change": _this2.handleChange,
+          "keydown": _this2.calendarKeydown
+        },
+        onChange: _this2.handleChange,
+        onKeydown: _this2.calendarKeydown,
+        value: value,
+        attrs: _this2.v3 ? undefined : {
+          value: value
         }
-      })
+      })])])
     );
   },
   methods: {
     handleChange: function handleChange(event) {
-      var normalizedValue = kendo_date_math_1.ZonedDate.fromUTCDate((0, main_1.toUTCDateTime)(event.value), this.ks.timezone);
+      var normalizedValue = kendo_date_math_1.ZonedDate.fromUTCDate((0, main_2.toUTCDateTime)(event.value), this.ks.timezone);
       this.$emit('change', __assign(__assign({}, event), {
         value: normalizedValue
       }));
+      this.hideAndFocusButton();
+    },
+    handleClick: function handleClick() {
+      this.show = !this.show;
+    },
+    onFocus: function onFocus() {
+      clearTimeout(this._blurTimeout);
+      this.focused = true;
+    },
+    onBlur: function onBlur() {
+      this.focused = false;
+    },
+    onCalendarBlur: function onCalendarBlur() {
+      clearTimeout(this._blurTimeout);
+      this.createBlurTimeout();
+    },
+    createBlurTimeout: function createBlurTimeout() {
+      var _this = this;
+
+      var that = this;
+      this._blurTimeout = setTimeout(function () {
+        _this.focused = false;
+        var isInPopup = document.activeElement && document.activeElement.closest("#".concat(that._popupId));
+        var isButtonActive = kendo_vue_common_1.canUseDOM && document.activeElement !== that.$refs.button.$el;
+
+        if (isButtonActive && !isInPopup) {
+          that.show = false;
+        }
+      }, 200);
+    },
+    calendarKeydown: function calendarKeydown(e) {
+      if (e.keyCode === kendo_vue_common_1.Keys.esc) {
+        this.hideAndFocusButton();
+      }
+    },
+    hideAndFocusButton: function hideAndFocusButton() {
+      this.show = false;
+      this.$refs.button.focus();
+    },
+    calculateMedia: function calculateMedia() {
+      this.media = window.matchMedia('(min-width: 1024px)').matches ? 'desktop' : 'mobile';
     }
   }
 };

package/dist/npm/components/header/navigation/SchedulerNavigation.js

@@ -98,12 +98,12 @@ var SchedulerNavigationVue2 = {
             return [h("span", {
               "class": "k-button-text"
             }, [h("span", {
-              "class": "k-icon k-i-arrow-60-left"
+              "class": "k-icon k-i-caret-alt-left"
             })])];
           } : [h("span", {
             "class": "k-button-text"
           }, [h("span", {
-            "class": "k-icon k-i-arrow-60-left"
+            "class": "k-icon k-i-caret-alt-left"
           })])]), // @ts-ignore  function children
           h(kendo_vue_buttons_1.Button, {
             role: "button",
@@ -125,12 +125,12 @@ var SchedulerNavigationVue2 = {
             return [h("span", {
               "class": "k-button-text"
             }, [h("span", {
-              "class": "k-icon k-i-arrow-60-right"
+              "class": "k-icon k-i-caret-alt-right"
             })])];
           } : [h("span", {
             "class": "k-button-text"
           }, [h("span", {
-            "class": "k-icon k-i-arrow-60-right"
+            "class": "k-icon k-i-caret-alt-right"
           })])])];
         } : [h(kendo_vue_buttons_1.Button, {
           role: "button",
@@ -169,12 +169,12 @@ var SchedulerNavigationVue2 = {
           return [h("span", {
             "class": "k-button-text"
           }, [h("span", {
-            "class": "k-icon k-i-arrow-60-left"
+            "class": "k-icon k-i-caret-alt-left"
           })])];
         } : [h("span", {
           "class": "k-button-text"
         }, [h("span", {
-          "class": "k-icon k-i-arrow-60-left"
+          "class": "k-icon k-i-caret-alt-left"
         })])]), h(kendo_vue_buttons_1.Button, {
           role: "button",
           attrs: _this.v3 ? undefined : {
@@ -195,12 +195,12 @@ var SchedulerNavigationVue2 = {
           return [h("span", {
             "class": "k-button-text"
           }, [h("span", {
-            "class": "k-icon k-i-arrow-60-right"
+            "class": "k-icon k-i-caret-alt-right"
           })])];
         } : [h("span", {
           "class": "k-button-text"
         }, [h("span", {
-          "class": "k-icon k-i-arrow-60-right"
+          "class": "k-icon k-i-caret-alt-right"
         })])])])];
       } : [h(kendo_vue_buttons_1.ButtonGroup, {
         "class": "k-scheduler-navigation"
@@ -242,12 +242,12 @@ var SchedulerNavigationVue2 = {
           return [h("span", {
             "class": "k-button-text"
           }, [h("span", {
-            "class": "k-icon k-i-arrow-60-left"
+            "class": "k-icon k-i-caret-alt-left"
           })])];
         } : [h("span", {
           "class": "k-button-text"
         }, [h("span", {
-          "class": "k-icon k-i-arrow-60-left"
+          "class": "k-icon k-i-caret-alt-left"
         })])]), h(kendo_vue_buttons_1.Button, {
           role: "button",
           attrs: _this.v3 ? undefined : {
@@ -268,12 +268,12 @@ var SchedulerNavigationVue2 = {
           return [h("span", {
             "class": "k-button-text"
           }, [h("span", {
-            "class": "k-icon k-i-arrow-60-right"
+            "class": "k-icon k-i-caret-alt-right"
           })])];
         } : [h("span", {
           "class": "k-button-text"
         }, [h("span", {
-          "class": "k-icon k-i-arrow-60-right"
+          "class": "k-icon k-i-caret-alt-right"
         })])])];
       } : [h(kendo_vue_buttons_1.Button, {
         role: "button",
@@ -312,12 +312,12 @@ var SchedulerNavigationVue2 = {
         return [h("span", {
           "class": "k-button-text"
         }, [h("span", {
-          "class": "k-icon k-i-arrow-60-left"
+          "class": "k-icon k-i-caret-alt-left"
         })])];
       } : [h("span", {
         "class": "k-button-text"
       }, [h("span", {
-        "class": "k-icon k-i-arrow-60-left"
+        "class": "k-icon k-i-caret-alt-left"
       })])]), h(kendo_vue_buttons_1.Button, {
         role: "button",
         attrs: _this.v3 ? undefined : {
@@ -338,12 +338,12 @@ var SchedulerNavigationVue2 = {
         return [h("span", {
           "class": "k-button-text"
         }, [h("span", {
-          "class": "k-icon k-i-arrow-60-right"
+          "class": "k-icon k-i-caret-alt-right"
         })])];
       } : [h("span", {
         "class": "k-button-text"
       }, [h("span", {
-        "class": "k-icon k-i-arrow-60-right"
+        "class": "k-icon k-i-caret-alt-right"
       })])])])])
     );
   },

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

@@ -25,9 +25,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3'; // import { useSchedulerViewsContext } from '../../../main';
-// import { useSchedulerActiveViewContext } from '../../../context';
-// import { useLocalization } from '@progress/kendo-vue-intl';
+var isV3 = allVue.version && allVue.version[0] === '3';
 
 var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
 
@@ -139,10 +137,10 @@ var ViewSelectorListVue2 = {
       text: activeView.title || activeName
     }, this.v3 ? function () {
       return [h("span", {
-        "class": "k-icon k-i-arrow-60-down"
+        "class": "k-icon k-i-caret-alt-down"
       })];
     } : [h("span", {
-      "class": "k-icon k-i-arrow-60-down"
+      "class": "k-icon k-i-caret-alt-down"
     })]), this.media === 'desktop' && // @ts-ignore  function children
     h(kendo_vue_buttons_1.ButtonGroup, {
       "class": "k-scheduler-views"

package/dist/npm/editors/SchedulerFormEditor.js

@@ -37,8 +37,7 @@ var kendo_vue_inputs_1 = require("@progress/kendo-vue-inputs");
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 
-var main_1 = require("../messages/main"); // import { useSchedulerPropsContext, useSchedulerFieldsContext } from '../context';
-
+var main_1 = require("../messages/main");
 
 var FilterableComboBox_1 = require("./FilterableComboBox");
 

package/dist/npm/hooks/useSchedulerSlot.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useSchedulerSlot = void 0; // import { useSchedulerViewSlotsContext } from '../context';
-// import { COLLECTION_ACTION } from '@progress/kendo-vue-common';
-
+exports.useSchedulerSlot = void 0;
 /** @hidden */
 
 var useSchedulerSlot = function useSchedulerSlot(_props) {

package/dist/npm/hooks/useSlotExpand.js

@@ -9,8 +9,7 @@ var utils_1 = require("../views/common/utils");
 
 var main_1 = require("../constants/main");
 
-var kendo_vue_common_1 = require("@progress/kendo-vue-common"); // import { useSchedulerElementContext } from '../context';
-
+var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /** @hidden */