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

package/dist/es/calendar/components/Header.js

@@ -181,7 +181,7 @@ var HeaderVue2 = {
     var titleClassNames = classNames('k-calendar-title', 'k-title', {
       'k-disabled': !this.navigate
     });
-    var todayClassNames = classNames('k-nav-today', {
+    var todayClassNames = classNames('k-calendar-nav-today', {
       'k-disabled': !this.todayIsInRange
     });
     var headerTitle;
@@ -217,17 +217,17 @@ var HeaderVue2 = {
       type: "button",
       attrs: this.v3 ? undefined : {
         type: "button",
-        icon: 'arrow-60-left',
+        icon: 'chevron-left',
         size: this.$props.size,
         fillMode: 'flat',
         desabled: isPrevDisabled,
         "aria-label": prevViewTitle,
         title: prevViewTitle
       },
-      icon: 'arrow-60-left',
+      icon: 'chevron-left',
       size: this.$props.size,
       fillMode: 'flat',
-      "class": "k-prev-view",
+      "class": "k-calendar-nav-pre",
       desabled: isPrevDisabled,
       "aria-label": prevViewTitle,
       title: prevViewTitle,
@@ -252,17 +252,17 @@ var HeaderVue2 = {
       type: "button",
       attrs: this.v3 ? undefined : {
         type: "button",
-        icon: 'arrow-60-right',
+        icon: 'chevron-right',
         size: this.$props.size,
         fillMode: 'flat',
         desabled: isNextDisabled,
         "aria-label": nextViewTittle,
         title: nextViewTittle
       },
-      icon: 'arrow-60-right',
+      icon: 'chevron-right',
       size: this.$props.size,
       fillMode: 'flat',
-      "class": "k-next-view",
+      "class": "k-calendar-nav-next",
       desabled: isNextDisabled,
       "aria-label": nextViewTittle,
       title: nextViewTittle,

package/dist/es/calendar/components/ViewList.js

@@ -6,8 +6,7 @@ var isV3 = allVue.version && allVue.version[0] === '3';
 var inject = allVue.inject;
 import { cloneDate } from '@progress/kendo-date-math';
 import { provideIntlService } from '@progress/kendo-vue-intl';
-var DEFAULT_FETCH_MONTHS_COUNT = 1; // import { Virtualization, ScrollActionArguments } from '../../virtualization/Virtualization';
-
+var DEFAULT_FETCH_MONTHS_COUNT = 1;
 import { View } from './View';
 import { shiftWeekNames } from '../../utils';
 import { CalendarViewEnum } from '../models/main';
@@ -228,7 +227,7 @@ var ViewListVue2 = {
       'k-calendar-decadeview': this.$props.activeView === CalendarViewEnum.decade,
       'k-calendar-centuryview': this.$props.activeView === CalendarViewEnum.century
     });
-    var tableClassNames = classNames('k-calendar-table', 'k-content', 'k-calendar-content', {
+    var tableClassNames = classNames('k-calendar-table', {
       'k-month': this.$props.activeView === CalendarViewEnum.month,
       'k-year': this.$props.activeView === CalendarViewEnum.year,
       'k-decade': this.$props.activeView === CalendarViewEnum.decade,
@@ -243,7 +242,7 @@ var ViewListVue2 = {
         "class": 'k-calendar-tr k-calendar-weekdays'
       }, [weekNames.map(function (name, idx) {
         return h("th", {
-          "class": 'k-calendar-th',
+          "class": 'k-calendar-caption',
           key: idx,
           onClick: function onClick(ev) {
             return that.handleWeekNameClick(ev, name);

package/dist/es/dateinput/DateInput.js

@@ -636,14 +636,14 @@ var DateInputVue2 = {
       attrs: this.v3 ? undefined : {
         type: "button",
         tabIndex: -1,
-        icon: 'arrow-n',
+        icon: 'caret-alt-up',
         size: this.$props.size,
         fillMode: this.$props.fillMode,
         "aria-label": localizationService.toLanguageString(increaseValue, messages[increaseValue]),
         title: localizationService.toLanguageString(increaseValue, messages[increaseValue])
       },
       tabIndex: -1,
-      icon: 'arrow-n',
+      icon: 'caret-alt-up',
       size: this.$props.size,
       fillMode: this.$props.fillMode,
       "class": "k-spinner-increase",
@@ -659,7 +659,7 @@ var DateInputVue2 = {
       attrs: this.v3 ? undefined : {
         type: "button",
         tabIndex: -1,
-        icon: 'arrow-s',
+        icon: 'caret-alt-down',
         size: this.$props.size,
         fillMode: this.$props.fillMode,
         "aria-label": localizationService.toLanguageString(decreaseValue, messages[decreaseValue]),
@@ -667,7 +667,7 @@ var DateInputVue2 = {
       },
       tabIndex: -1,
       "class": "k-spinner-decrease",
-      icon: 'arrow-s',
+      icon: 'caret-alt-down',
       size: this.$props.size,
       fillMode: this.$props.fillMode,
       "aria-label": localizationService.toLanguageString(decreaseValue, messages[decreaseValue]),

package/dist/es/daterangepicker/DateRangePicker.js

@@ -520,21 +520,10 @@ var DateRangePickerVue2 = {
       event.preventDefault();
     },
     handleFocus: function handleFocus(event) {
-      var startInput = this.getStartInput();
-      var endInput = this.getEndInput();
-
       if (!this.shouldFocusDateInput) {
         this.setShow(true);
       }
 
-      if (startInput) {
-        startInput.classList.add('k-focus');
-      }
-
-      if (endInput) {
-        endInput.classList.add('k-focus');
-      }
-
       this.$emit('focus', event);
     },
     calendarBlur: function calendarBlur() {
@@ -554,14 +543,6 @@ var DateRangePickerVue2 = {
 
         var endInput = _this.getEndInput();
 
-        if (startInput) {
-          startInput.classList.remove('k-focus');
-        }
-
-        if (endInput) {
-          endInput.classList.remove('k-focus');
-        }
-
         if (startInput && endInput && canUseDOM && startInput && document.activeElement !== endInput) {
           _this.setShow(false);
         }

package/dist/es/datetimepicker/DateTimePicker.js

@@ -428,7 +428,7 @@ var DateTimePickerVue2 = {
       onBlur: this.timeSelectorBlur,
       onKeydown: this.handleKeyDown
     });
-    var popupClassNames = classNames('k-datetime-container k-group k-reset', popupClass);
+    var popupClassNames = classNames('k-datetime-container k-reset', popupClass);
     var popup = this.$props.popup ? templateRendering.call(this, this.$props.popup, getListeners.call(this)) : undefined;
     var popupDefaultRendering = // @ts-ignore function children
     h(Popup, {
@@ -436,6 +436,7 @@ var DateTimePickerVue2 = {
       attrs: this.v3 ? undefined : {
         show: this.computedShow,
         anchor: this._anchor,
+        popupClass: popupClassNames,
         id: this._popupId,
         anchorAlign: {
           horizontal: 'left',
@@ -449,7 +450,7 @@ var DateTimePickerVue2 = {
         animate: animate
       },
       anchor: this._anchor,
-      "class": popupClassNames,
+      popupClass: popupClassNames,
       id: this._popupId,
       anchorAlign: {
         horizontal: 'left',

package/dist/es/main.js

@@ -10,5 +10,4 @@ import { CalendarViewEnum } from './calendar/models/main';
 import { DateTimePicker, DateTimePickerVue2 } from './datetimepicker/DateTimePicker';
 import { ToggleButton, ToggleButtonVue2 } from './datepicker/ToggleButton';
 import { PickerWrap, PickerWrapVue2 } from './common/PickerWrap';
-// import { FormComponentValidity } from '@progress/kendo-vue-common';
 export { PickerWrap, PickerWrapVue2, ToggleButton, ToggleButtonVue2, Calendar, CalendarVue2, CalendarViewEnum, CalendarCell, CalendarCellVue2, CalendarWeekCell, CalendarWeekCellVue2, CalendarHeaderTitle, CalendarHeaderTitleVue2, DateInput, DateInputVue2, DatePicker, DatePickerVue2, TimePicker, TimePickerVue2, DateRangePicker, DateTimePicker, DateTimePickerVue2 };

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-dateinputs',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1662110541,
+    publishDate: 1662552967,
     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/timepicker/TimeSelector.js

@@ -157,7 +157,7 @@ var TimeSelectorVue2 = {
       attrs: this.v3 ? undefined : {
         tabindex: !disabled ? tabIndex || 0 : undefined
       },
-      "class": classNames('k-timeselector k-reset', {
+      "class": classNames('k-timeselector', {
         'k-disabled': disabled
       }),
       onKeydown: this.handleKeyDown,

package/dist/esm/calendar/components/Header.js

@@ -181,7 +181,7 @@ var HeaderVue2 = {
     var titleClassNames = classNames('k-calendar-title', 'k-title', {
       'k-disabled': !this.navigate
     });
-    var todayClassNames = classNames('k-nav-today', {
+    var todayClassNames = classNames('k-calendar-nav-today', {
       'k-disabled': !this.todayIsInRange
     });
     var headerTitle;
@@ -217,17 +217,17 @@ var HeaderVue2 = {
       type: "button",
       attrs: this.v3 ? undefined : {
         type: "button",
-        icon: 'arrow-60-left',
+        icon: 'chevron-left',
         size: this.$props.size,
         fillMode: 'flat',
         desabled: isPrevDisabled,
         "aria-label": prevViewTitle,
         title: prevViewTitle
       },
-      icon: 'arrow-60-left',
+      icon: 'chevron-left',
       size: this.$props.size,
       fillMode: 'flat',
-      "class": "k-prev-view",
+      "class": "k-calendar-nav-pre",
       desabled: isPrevDisabled,
       "aria-label": prevViewTitle,
       title: prevViewTitle,
@@ -252,17 +252,17 @@ var HeaderVue2 = {
       type: "button",
       attrs: this.v3 ? undefined : {
         type: "button",
-        icon: 'arrow-60-right',
+        icon: 'chevron-right',
         size: this.$props.size,
         fillMode: 'flat',
         desabled: isNextDisabled,
         "aria-label": nextViewTittle,
         title: nextViewTittle
       },
-      icon: 'arrow-60-right',
+      icon: 'chevron-right',
       size: this.$props.size,
       fillMode: 'flat',
-      "class": "k-next-view",
+      "class": "k-calendar-nav-next",
       desabled: isNextDisabled,
       "aria-label": nextViewTittle,
       title: nextViewTittle,

package/dist/esm/calendar/components/ViewList.js

@@ -6,8 +6,7 @@ var isV3 = allVue.version && allVue.version[0] === '3';
 var inject = allVue.inject;
 import { cloneDate } from '@progress/kendo-date-math';
 import { provideIntlService } from '@progress/kendo-vue-intl';
-var DEFAULT_FETCH_MONTHS_COUNT = 1; // import { Virtualization, ScrollActionArguments } from '../../virtualization/Virtualization.js';
-
+var DEFAULT_FETCH_MONTHS_COUNT = 1;
 import { View } from './View.js';
 import { shiftWeekNames } from '../../utils.js';
 import { CalendarViewEnum } from '../models/main.js';
@@ -228,7 +227,7 @@ var ViewListVue2 = {
       'k-calendar-decadeview': this.$props.activeView === CalendarViewEnum.decade,
       'k-calendar-centuryview': this.$props.activeView === CalendarViewEnum.century
     });
-    var tableClassNames = classNames('k-calendar-table', 'k-content', 'k-calendar-content', {
+    var tableClassNames = classNames('k-calendar-table', {
       'k-month': this.$props.activeView === CalendarViewEnum.month,
       'k-year': this.$props.activeView === CalendarViewEnum.year,
       'k-decade': this.$props.activeView === CalendarViewEnum.decade,
@@ -243,7 +242,7 @@ var ViewListVue2 = {
         "class": 'k-calendar-tr k-calendar-weekdays'
       }, [weekNames.map(function (name, idx) {
         return h("th", {
-          "class": 'k-calendar-th',
+          "class": 'k-calendar-caption',
           key: idx,
           onClick: function onClick(ev) {
             return that.handleWeekNameClick(ev, name);

package/dist/esm/dateinput/DateInput.js

@@ -636,14 +636,14 @@ var DateInputVue2 = {
       attrs: this.v3 ? undefined : {
         type: "button",
         tabIndex: -1,
-        icon: 'arrow-n',
+        icon: 'caret-alt-up',
         size: this.$props.size,
         fillMode: this.$props.fillMode,
         "aria-label": localizationService.toLanguageString(increaseValue, messages[increaseValue]),
         title: localizationService.toLanguageString(increaseValue, messages[increaseValue])
       },
       tabIndex: -1,
-      icon: 'arrow-n',
+      icon: 'caret-alt-up',
       size: this.$props.size,
       fillMode: this.$props.fillMode,
       "class": "k-spinner-increase",
@@ -659,7 +659,7 @@ var DateInputVue2 = {
       attrs: this.v3 ? undefined : {
         type: "button",
         tabIndex: -1,
-        icon: 'arrow-s',
+        icon: 'caret-alt-down',
         size: this.$props.size,
         fillMode: this.$props.fillMode,
         "aria-label": localizationService.toLanguageString(decreaseValue, messages[decreaseValue]),
@@ -667,7 +667,7 @@ var DateInputVue2 = {
       },
       tabIndex: -1,
       "class": "k-spinner-decrease",
-      icon: 'arrow-s',
+      icon: 'caret-alt-down',
       size: this.$props.size,
       fillMode: this.$props.fillMode,
       "aria-label": localizationService.toLanguageString(decreaseValue, messages[decreaseValue]),

package/dist/esm/daterangepicker/DateRangePicker.js

@@ -520,21 +520,10 @@ var DateRangePickerVue2 = {
       event.preventDefault();
     },
     handleFocus: function handleFocus(event) {
-      var startInput = this.getStartInput();
-      var endInput = this.getEndInput();
-
       if (!this.shouldFocusDateInput) {
         this.setShow(true);
       }
 
-      if (startInput) {
-        startInput.classList.add('k-focus');
-      }
-
-      if (endInput) {
-        endInput.classList.add('k-focus');
-      }
-
       this.$emit('focus', event);
     },
     calendarBlur: function calendarBlur() {
@@ -554,14 +543,6 @@ var DateRangePickerVue2 = {
 
         var endInput = _this.getEndInput();
 
-        if (startInput) {
-          startInput.classList.remove('k-focus');
-        }
-
-        if (endInput) {
-          endInput.classList.remove('k-focus');
-        }
-
         if (startInput && endInput && canUseDOM && startInput && document.activeElement !== endInput) {
           _this.setShow(false);
         }

package/dist/esm/datetimepicker/DateTimePicker.js

@@ -428,7 +428,7 @@ var DateTimePickerVue2 = {
       onBlur: this.timeSelectorBlur,
       onKeydown: this.handleKeyDown
     });
-    var popupClassNames = classNames('k-datetime-container k-group k-reset', popupClass);
+    var popupClassNames = classNames('k-datetime-container k-reset', popupClass);
     var popup = this.$props.popup ? templateRendering.call(this, this.$props.popup, getListeners.call(this)) : undefined;
     var popupDefaultRendering = // @ts-ignore function children
     h(Popup, {
@@ -436,6 +436,7 @@ var DateTimePickerVue2 = {
       attrs: this.v3 ? undefined : {
         show: this.computedShow,
         anchor: this._anchor,
+        popupClass: popupClassNames,
         id: this._popupId,
         anchorAlign: {
           horizontal: 'left',
@@ -449,7 +450,7 @@ var DateTimePickerVue2 = {
         animate: animate
       },
       anchor: this._anchor,
-      "class": popupClassNames,
+      popupClass: popupClassNames,
       id: this._popupId,
       anchorAlign: {
         horizontal: 'left',

package/dist/esm/main.js

@@ -10,5 +10,4 @@ import { CalendarViewEnum } from './calendar/models/main.js';
 import { DateTimePicker, DateTimePickerVue2 } from './datetimepicker/DateTimePicker.js';
 import { ToggleButton, ToggleButtonVue2 } from './datepicker/ToggleButton.js';
 import { PickerWrap, PickerWrapVue2 } from './common/PickerWrap.js';
-// import { FormComponentValidity } from '@progress/kendo-vue-common';
 export { PickerWrap, PickerWrapVue2, ToggleButton, ToggleButtonVue2, Calendar, CalendarVue2, CalendarViewEnum, CalendarCell, CalendarCellVue2, CalendarWeekCell, CalendarWeekCellVue2, CalendarHeaderTitle, CalendarHeaderTitleVue2, DateInput, DateInputVue2, DatePicker, DatePickerVue2, TimePicker, TimePickerVue2, DateRangePicker, DateTimePicker, DateTimePickerVue2 };

package/dist/esm/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-dateinputs',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1662110541,
+    publishDate: 1662552967,
     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/timepicker/TimeSelector.js

@@ -157,7 +157,7 @@ var TimeSelectorVue2 = {
       attrs: this.v3 ? undefined : {
         tabindex: !disabled ? tabIndex || 0 : undefined
       },
-      "class": classNames('k-timeselector k-reset', {
+      "class": classNames('k-timeselector', {
         'k-disabled': disabled
       }),
       onKeydown: this.handleKeyDown,

package/dist/npm/calendar/components/Header.js

@@ -198,7 +198,7 @@ var HeaderVue2 = {
     var titleClassNames = (0, kendo_vue_common_1.classNames)('k-calendar-title', 'k-title', {
       'k-disabled': !this.navigate
     });
-    var todayClassNames = (0, kendo_vue_common_1.classNames)('k-nav-today', {
+    var todayClassNames = (0, kendo_vue_common_1.classNames)('k-calendar-nav-today', {
       'k-disabled': !this.todayIsInRange
     });
     var headerTitle;
@@ -234,17 +234,17 @@ var HeaderVue2 = {
       type: "button",
       attrs: this.v3 ? undefined : {
         type: "button",
-        icon: 'arrow-60-left',
+        icon: 'chevron-left',
         size: this.$props.size,
         fillMode: 'flat',
         desabled: isPrevDisabled,
         "aria-label": prevViewTitle,
         title: prevViewTitle
       },
-      icon: 'arrow-60-left',
+      icon: 'chevron-left',
       size: this.$props.size,
       fillMode: 'flat',
-      "class": "k-prev-view",
+      "class": "k-calendar-nav-pre",
       desabled: isPrevDisabled,
       "aria-label": prevViewTitle,
       title: prevViewTitle,
@@ -269,17 +269,17 @@ var HeaderVue2 = {
       type: "button",
       attrs: this.v3 ? undefined : {
         type: "button",
-        icon: 'arrow-60-right',
+        icon: 'chevron-right',
         size: this.$props.size,
         fillMode: 'flat',
         desabled: isNextDisabled,
         "aria-label": nextViewTittle,
         title: nextViewTittle
       },
-      icon: 'arrow-60-right',
+      icon: 'chevron-right',
       size: this.$props.size,
       fillMode: 'flat',
-      "class": "k-next-view",
+      "class": "k-calendar-nav-next",
       desabled: isNextDisabled,
       "aria-label": nextViewTittle,
       title: nextViewTittle,

package/dist/npm/calendar/components/ViewList.js

@@ -16,7 +16,7 @@ var kendo_date_math_1 = require("@progress/kendo-date-math");
 
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 
-var DEFAULT_FETCH_MONTHS_COUNT = 1; // import { Virtualization, ScrollActionArguments } from '../../virtualization/Virtualization';
+var DEFAULT_FETCH_MONTHS_COUNT = 1;
 
 var View_1 = require("./View");
 
@@ -242,7 +242,7 @@ var ViewListVue2 = {
       'k-calendar-decadeview': this.$props.activeView === main_1.CalendarViewEnum.decade,
       'k-calendar-centuryview': this.$props.activeView === main_1.CalendarViewEnum.century
     });
-    var tableClassNames = (0, kendo_vue_common_1.classNames)('k-calendar-table', 'k-content', 'k-calendar-content', {
+    var tableClassNames = (0, kendo_vue_common_1.classNames)('k-calendar-table', {
       'k-month': this.$props.activeView === main_1.CalendarViewEnum.month,
       'k-year': this.$props.activeView === main_1.CalendarViewEnum.year,
       'k-decade': this.$props.activeView === main_1.CalendarViewEnum.decade,
@@ -257,7 +257,7 @@ var ViewListVue2 = {
         "class": 'k-calendar-tr k-calendar-weekdays'
       }, [weekNames.map(function (name, idx) {
         return h("th", {
-          "class": 'k-calendar-th',
+          "class": 'k-calendar-caption',
           key: idx,
           onClick: function onClick(ev) {
             return that.handleWeekNameClick(ev, name);

package/dist/npm/dateinput/DateInput.js

@@ -656,14 +656,14 @@ var DateInputVue2 = {
       attrs: this.v3 ? undefined : {
         type: "button",
         tabIndex: -1,
-        icon: 'arrow-n',
+        icon: 'caret-alt-up',
         size: this.$props.size,
         fillMode: this.$props.fillMode,
         "aria-label": localizationService.toLanguageString(main_2.increaseValue, main_2.messages[main_2.increaseValue]),
         title: localizationService.toLanguageString(main_2.increaseValue, main_2.messages[main_2.increaseValue])
       },
       tabIndex: -1,
-      icon: 'arrow-n',
+      icon: 'caret-alt-up',
       size: this.$props.size,
       fillMode: this.$props.fillMode,
       "class": "k-spinner-increase",
@@ -679,7 +679,7 @@ var DateInputVue2 = {
       attrs: this.v3 ? undefined : {
         type: "button",
         tabIndex: -1,
-        icon: 'arrow-s',
+        icon: 'caret-alt-down',
         size: this.$props.size,
         fillMode: this.$props.fillMode,
         "aria-label": localizationService.toLanguageString(main_2.decreaseValue, main_2.messages[main_2.decreaseValue]),
@@ -687,7 +687,7 @@ var DateInputVue2 = {
       },
       tabIndex: -1,
       "class": "k-spinner-decrease",
-      icon: 'arrow-s',
+      icon: 'caret-alt-down',
       size: this.$props.size,
       fillMode: this.$props.fillMode,
       "aria-label": localizationService.toLanguageString(main_2.decreaseValue, main_2.messages[main_2.decreaseValue]),

package/dist/npm/daterangepicker/DateRangePicker.js

@@ -539,21 +539,10 @@ var DateRangePickerVue2 = {
       event.preventDefault();
     },
     handleFocus: function handleFocus(event) {
-      var startInput = this.getStartInput();
-      var endInput = this.getEndInput();
-
       if (!this.shouldFocusDateInput) {
         this.setShow(true);
       }
 
-      if (startInput) {
-        startInput.classList.add('k-focus');
-      }
-
-      if (endInput) {
-        endInput.classList.add('k-focus');
-      }
-
       this.$emit('focus', event);
     },
     calendarBlur: function calendarBlur() {
@@ -573,14 +562,6 @@ var DateRangePickerVue2 = {
 
         var endInput = _this.getEndInput();
 
-        if (startInput) {
-          startInput.classList.remove('k-focus');
-        }
-
-        if (endInput) {
-          endInput.classList.remove('k-focus');
-        }
-
         if (startInput && endInput && kendo_vue_common_1.canUseDOM && startInput && document.activeElement !== endInput) {
           _this.setShow(false);
         }

package/dist/npm/datetimepicker/DateTimePicker.js

@@ -450,7 +450,7 @@ var DateTimePickerVue2 = {
       onBlur: this.timeSelectorBlur,
       onKeydown: this.handleKeyDown
     });
-    var popupClassNames = (0, kendo_vue_common_1.classNames)('k-datetime-container k-group k-reset', popupClass);
+    var popupClassNames = (0, kendo_vue_common_1.classNames)('k-datetime-container k-reset', popupClass);
     var popup = this.$props.popup ? kendo_vue_common_1.templateRendering.call(this, this.$props.popup, kendo_vue_common_1.getListeners.call(this)) : undefined;
     var popupDefaultRendering = // @ts-ignore function children
     h(kendo_vue_popup_1.Popup, {
@@ -458,6 +458,7 @@ var DateTimePickerVue2 = {
       attrs: this.v3 ? undefined : {
         show: this.computedShow,
         anchor: this._anchor,
+        popupClass: popupClassNames,
         id: this._popupId,
         anchorAlign: {
           horizontal: 'left',
@@ -471,7 +472,7 @@ var DateTimePickerVue2 = {
         animate: animate
       },
       anchor: this._anchor,
-      "class": popupClassNames,
+      popupClass: popupClassNames,
       id: this._popupId,
       anchorAlign: {
         horizontal: 'left',

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-dateinputs',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1662110541,
+    publishDate: 1662552967,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/npm/timepicker/TimeSelector.js

@@ -173,7 +173,7 @@ var TimeSelectorVue2 = {
       attrs: this.v3 ? undefined : {
         tabindex: !disabled ? tabIndex || 0 : undefined
       },
-      "class": (0, kendo_vue_common_1.classNames)('k-timeselector k-reset', {
+      "class": (0, kendo_vue_common_1.classNames)('k-timeselector', {
         'k-disabled': disabled
       }),
       onKeydown: this.handleKeyDown,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-dateinputs",
   "description": "Kendo UI for Vue Date Inputs package",
-  "version": "3.5.2",
+  "version": "3.5.4-dev.202209071223",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -52,16 +52,16 @@
   },
   "dependencies": {
     "@progress/kendo-date-math": "1.5.1",
-    "@progress/kendo-vue-buttons": "3.5.2",
-    "@progress/kendo-vue-common": "3.5.2",
-    "@progress/kendo-vue-labels": "3.5.2",
-    "@progress/kendo-vue-popup": "3.5.2"
+    "@progress/kendo-vue-buttons": "3.5.4-dev.202209071223",
+    "@progress/kendo-vue-common": "3.5.4-dev.202209071223",
+    "@progress/kendo-vue-labels": "3.5.4-dev.202209071223",
+    "@progress/kendo-vue-popup": "3.5.4-dev.202209071223"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.4",
     "@progress/kendo-licensing": "^1.1.0",
-    "@progress/kendo-vue-dropdowns": "3.5.2",
-    "@progress/kendo-vue-intl": "3.5.2"
+    "@progress/kendo-vue-dropdowns": "3.5.4-dev.202209071223",
+    "@progress/kendo-vue-intl": "3.5.4-dev.202209071223"
   },
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",