@progress/kendo-vue-dateinputs 3.4.4 → 3.4.5-dev.202207300828

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

@@ -456,7 +456,7 @@ var CalendarVue2 = {
 
     this._service = this._bus.service(activeView, this._intl);
     var rootClassNames = classNames('k-widget k-calendar', 'k-calendar-range', {
-      'k-state-disabled': this.$props.disabled,
+      'k-disabled': this.$props.disabled,
       'k-week-number': this.$props.weekNumber
     }, this.$props.className);
     var didViewChange = this._lastView !== this.$data.currentActiveView;

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

@@ -119,12 +119,12 @@ var CalendarCellVue2 = {
         'k-range-split-end': isRangeSplitEnd,
         'k-range-split-start': isRangeSplitStart,
         'k-range-start': isRangeStart,
-        'k-state-active': isStartActive || isEndActive,
-        'k-state-focused': isFocused,
-        'k-state-selected': isSelected || isRangeStart || isRangeEnd,
+        'k-active': isStartActive || isEndActive,
+        'k-focus': isFocused,
+        'k-selected': isSelected || isRangeStart || isRangeEnd,
         'k-today': isToday,
         'k-weekend': isWeekend,
-        'k-state-disabled': isDisabled
+        'k-disabled': isDisabled
       },
       onClick: this.handleClick,
       on: this.v3 ? undefined : {

package/dist/es/datepicker/DatePicker.js

@@ -438,14 +438,16 @@ var DatePickerVue2 = {
     var toggleButton = this.$props.toggleButton ? templateRendering.call(this, this.$props.toggleButton, getListeners.call(this)) : undefined;
     var toggleButtonDefaultRendering = // @ts-ignore
     h(ToggleButton, {
-      tabIndex: -1,
+      type: "button",
       attrs: this.v3 ? undefined : {
+        type: "button",
         tabIndex: -1,
         icon: "calendar",
         title: provideLocalizationService(this).toLanguageString(toggleCalendar, messages[toggleCalendar]),
         "aria-label": provideLocalizationService(this).toLanguageString(toggleCalendar, messages[toggleCalendar]),
         rounded: null
       },
+      tabIndex: -1,
       icon: "calendar",
       onMousedown: this.handleIconMouseDown,
       on: this.v3 ? undefined : {

package/dist/es/datetimepicker/DateTimePicker.js

@@ -471,7 +471,7 @@ var DateTimePickerVue2 = {
       defaultSlots: dataTimeSelector
     });
     var dateTimePicker = h("div", {
-      "class": classNames('k-input', 'k-datetimepicker', (_a = {}, _a["k-input-" + (kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-" + fillMode] = fillMode, _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-invalid'] = !isValid, _a['k-required'] = this.required, _a['k-disabled'] = this.$props.disabled, _a['k-focus'] = this.isFocused, _a)),
+      "class": classNames('k-input', 'k-datetimepicker', (_a = {}, _a["k-input-" + (kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-" + fillMode] = fillMode, _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-invalid'] = !isValid, _a['k-required'] = this.required, _a['k-disabled'] = this.$props.disabled, _a)),
       ref: this.v3 ? function (el) {
         _this.kendoAnchorRef = el;
       } : this._anchor,

package/dist/es/datetimepicker/DateTimeSelector.js

@@ -141,7 +141,7 @@ var DateTimeSelectorVue2 = {
     var rootClassName = classNames({
       'k-date-tab': this.currentTab === 'date',
       'k-time-tab': this.currentTab === 'time',
-      'k-state-disabled': disabled
+      'k-disabled': disabled
     }, 'k-datetime-wrap');
     var localizationService = provideLocalizationService(this);
     var dateMessage = localizationService.toLanguageString(date, messages[date]);

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: 1658485527,
+    publishDate: 1659169366,
     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/TimePart.js

@@ -154,7 +154,7 @@ var TimePartVue2 = {
     this.snapTime = snapTime(generateSnappers(this.$props.steps, this.computedMin));
     this.dateFormatParts = this.intl.splitDateFormat(format).filter(this.timeFormatFilter);
     var rootClassName = classNames({
-      'k-state-disabled': disabled
+      'k-disabled': disabled
     }, 'k-time-part');
     var localizationService = provideLocalizationService(this);
     var selectNowMessage = localizationService.toLanguageString(selectNow, messages[selectNow]);
@@ -200,7 +200,7 @@ var TimePartVue2 = {
       return part.type !== 'literal' ? h("div", {
         key: idx,
         "class": classNames('k-time-list-wrapper', {
-          'k-state-focused': idx === this.activeListIndex
+          'k-focus': idx === this.activeListIndex
         }),
         role: "presentation",
         attrs: this.v3 ? undefined : {

package/dist/es/timepicker/TimeSelector.js

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

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

@@ -475,7 +475,7 @@ var CalendarVue2 = {
 
     this._service = this._bus.service(activeView, this._intl);
     var rootClassNames = kendo_vue_common_1.classNames('k-widget k-calendar', 'k-calendar-range', {
-      'k-state-disabled': this.$props.disabled,
+      'k-disabled': this.$props.disabled,
       'k-week-number': this.$props.weekNumber
     }, this.$props.className);
     var didViewChange = this._lastView !== this.$data.currentActiveView;

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

@@ -128,12 +128,12 @@ var CalendarCellVue2 = {
         'k-range-split-end': isRangeSplitEnd,
         'k-range-split-start': isRangeSplitStart,
         'k-range-start': isRangeStart,
-        'k-state-active': isStartActive || isEndActive,
-        'k-state-focused': isFocused,
-        'k-state-selected': isSelected || isRangeStart || isRangeEnd,
+        'k-active': isStartActive || isEndActive,
+        'k-focus': isFocused,
+        'k-selected': isSelected || isRangeStart || isRangeEnd,
         'k-today': isToday,
         'k-weekend': isWeekend,
-        'k-state-disabled': isDisabled
+        'k-disabled': isDisabled
       },
       onClick: this.handleClick,
       on: this.v3 ? undefined : {

package/dist/npm/datepicker/DatePicker.js

@@ -458,14 +458,16 @@ var DatePickerVue2 = {
     var toggleButton = this.$props.toggleButton ? kendo_vue_common_1.templateRendering.call(this, this.$props.toggleButton, kendo_vue_common_1.getListeners.call(this)) : undefined;
     var toggleButtonDefaultRendering = // @ts-ignore
     h(ToggleButton_1.ToggleButton, {
-      tabIndex: -1,
+      type: "button",
       attrs: this.v3 ? undefined : {
+        type: "button",
         tabIndex: -1,
         icon: "calendar",
         title: kendo_vue_intl_1.provideLocalizationService(this).toLanguageString(messages_1.toggleCalendar, messages_1.messages[messages_1.toggleCalendar]),
         "aria-label": kendo_vue_intl_1.provideLocalizationService(this).toLanguageString(messages_1.toggleCalendar, messages_1.messages[messages_1.toggleCalendar]),
         rounded: null
       },
+      tabIndex: -1,
       icon: "calendar",
       onMousedown: this.handleIconMouseDown,
       on: this.v3 ? undefined : {

package/dist/npm/datetimepicker/DateTimePicker.js

@@ -493,7 +493,7 @@ var DateTimePickerVue2 = {
       defaultSlots: dataTimeSelector
     });
     var dateTimePicker = h("div", {
-      "class": kendo_vue_common_1.classNames('k-input', 'k-datetimepicker', (_a = {}, _a["k-input-" + (kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-" + fillMode] = fillMode, _a["k-rounded-" + (kendo_vue_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-invalid'] = !isValid, _a['k-required'] = this.required, _a['k-disabled'] = this.$props.disabled, _a['k-focus'] = this.isFocused, _a)),
+      "class": kendo_vue_common_1.classNames('k-input', 'k-datetimepicker', (_a = {}, _a["k-input-" + (kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-" + fillMode] = fillMode, _a["k-rounded-" + (kendo_vue_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-invalid'] = !isValid, _a['k-required'] = this.required, _a['k-disabled'] = this.$props.disabled, _a)),
       ref: this.v3 ? function (el) {
         _this.kendoAnchorRef = el;
       } : this._anchor,

package/dist/npm/datetimepicker/DateTimeSelector.js

@@ -159,7 +159,7 @@ var DateTimeSelectorVue2 = {
     var rootClassName = kendo_vue_common_1.classNames({
       'k-date-tab': this.currentTab === 'date',
       'k-time-tab': this.currentTab === 'time',
-      'k-state-disabled': disabled
+      'k-disabled': disabled
     }, 'k-datetime-wrap');
     var localizationService = kendo_vue_intl_1.provideLocalizationService(this);
     var dateMessage = localizationService.toLanguageString(messages_1.date, messages_1.messages[messages_1.date]);

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: 1658485527,
+    publishDate: 1659169366,
     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/TimePart.js

@@ -171,7 +171,7 @@ var TimePartVue2 = {
     this.snapTime = utils_2.snapTime(utils_2.generateSnappers(this.$props.steps, this.computedMin));
     this.dateFormatParts = this.intl.splitDateFormat(format).filter(this.timeFormatFilter);
     var rootClassName = kendo_vue_common_1.classNames({
-      'k-state-disabled': disabled
+      'k-disabled': disabled
     }, 'k-time-part');
     var localizationService = kendo_vue_intl_1.provideLocalizationService(this);
     var selectNowMessage = localizationService.toLanguageString(messages_1.selectNow, messages_1.messages[messages_1.selectNow]);
@@ -217,7 +217,7 @@ var TimePartVue2 = {
       return part.type !== 'literal' ? h("div", {
         key: idx,
         "class": kendo_vue_common_1.classNames('k-time-list-wrapper', {
-          'k-state-focused': idx === this.activeListIndex
+          'k-focus': idx === this.activeListIndex
         }),
         role: "presentation",
         attrs: this.v3 ? undefined : {

package/dist/npm/timepicker/TimeSelector.js

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

package/package.json

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