@progress/kendo-vue-dateinputs 3.7.4-dev.202211301436 → 3.7.4-dev.202212300853

package/dist/es/dateinput/DateInput.js

@@ -557,7 +557,8 @@ var DateInputVue2 = {
         "aria-label": ariaLabel,
         "aria-expanded": ariaExpanded,
         "aria-haspopup": ariaHasPopup,
-        "aria-controls": ariaControls
+        "aria-controls": ariaControls,
+        "aria-disabled": this.$props.disabled
       },
       tabindex: this.$props.tabIndex,
       disabled: this.$props.disabled,
@@ -594,6 +595,7 @@ var DateInputVue2 = {
       "aria-expanded": ariaExpanded,
       "aria-haspopup": ariaHasPopup,
       "aria-controls": ariaControls,
+      "aria-disabled": this.$props.disabled,
       ref: setRef(this, 'input')
     }), defaultSlot, this.$props.spinners && h("span", {
       "class": "k-input-spinner k-spin-button",

package/dist/es/datepicker/DatePicker.js

@@ -7,7 +7,7 @@ var ref = allVue.ref;
 var inject = allVue.inject;
 import { Popup } from '@progress/kendo-vue-popup';
 import { getDate, cloneDate } from '@progress/kendo-date-math';
-import { classNames, guid, Keys, templateRendering, getListeners, getTemplate, validatePackage, canUseDOM, kendoThemeMaps, getDefaultSlots, setRef, getRef } from '@progress/kendo-vue-common';
+import { classNames, guid, Keys, templateRendering, getListeners, getTemplate, validatePackage, canUseDOM, kendoThemeMaps, getDefaultSlots, setRef, getRef, Icon } from '@progress/kendo-vue-common';
 import { packageMetadata } from '../package-metadata';
 import { DateInput } from '../dateinput/DateInput';
 import { Calendar } from '../calendar/components/Calendar';
@@ -438,8 +438,11 @@ var DatePickerVue2 = {
       h: h,
       template: toggleButton,
       defaultRendering: toggleButtonDefaultRendering,
-      defaultSlots: h("span", {
-        "class": "k-icon k-i-calendar"
+      defaultSlots: h(Icon, {
+        name: "calendar",
+        attrs: this.v3 ? undefined : {
+          name: "calendar"
+        }
       }),
       additionalListeners: {
         click: this.handleIconClick
@@ -470,7 +473,7 @@ var DatePickerVue2 = {
         validationMessage: validationMessage,
         validityStyles: validityStyles,
         value: value,
-        ariaHasPopup: true,
+        ariaHasPopup: 'grid',
         ariaExpanded: show,
         ariaRole: "combobox",
         ariaControls: this._popupId
@@ -496,7 +499,7 @@ var DatePickerVue2 = {
       validationMessage: validationMessage,
       validityStyles: validityStyles,
       value: value,
-      ariaHasPopup: true,
+      ariaHasPopup: 'grid',
       ariaExpanded: show,
       ariaRole: "combobox",
       ariaControls: this._popupId

package/dist/es/daterangepicker/DateRangePicker.js

@@ -19,7 +19,7 @@ var ref = allVue.ref;
 var inject = allVue.inject;
 import { Popup } from '@progress/kendo-vue-popup';
 import { cloneDate } from '@progress/kendo-date-math';
-import { guid, Keys, canUseDOM, kendoThemeMaps } from '@progress/kendo-vue-common';
+import { guid, Keys, canUseDOM, kendoThemeMaps, Icon } from '@progress/kendo-vue-common';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { validatePackage, templateRendering, getListeners, getTemplate } from '@progress/kendo-vue-common';
 import { packageMetadata } from '../package-metadata';
@@ -260,7 +260,7 @@ var DateRangePickerVue2 = {
       size: size,
       fillMode: fillMode,
       rounded: rounded,
-      ariaHasPopup: true,
+      ariaHasPopup: 'grid',
       ariaExpanded: this.computedShow,
       value: value.start,
       ariaRole: 'combobox',
@@ -297,7 +297,7 @@ var DateRangePickerVue2 = {
       rounded: rounded,
       disabled: this.$props.disabled,
       valid: this.$props.valid,
-      ariaHasPopup: true,
+      ariaHasPopup: 'grid',
       ariaExpanded: this.computedShow,
       value: value.end,
       ariaRole: 'combobox',
@@ -409,11 +409,15 @@ var DateRangePickerVue2 = {
       onClick: this.handleReverseClick,
       "aria-controls": startDateInputId + ' ' + endDateInputId,
       "aria-label": provideLocalizationService(this).toLanguageString(swapStartEnd, messages[swapStartEnd])
-    }, [h("span", {
+    }, [h(Icon, {
+      name: 'arrows-swap',
+      attrs: this.v3 ? undefined : {
+        name: 'arrows-swap'
+      },
       style: {
         transform: 'rotate(90deg)'
       },
-      "class": "k-icon k-button-icon k-i-arrows-swap"
+      "class": "k-button-icon"
     })]);
     return h("span", {
       "class": this.rootClassName,

package/dist/es/datetimepicker/DateTimePicker.js

@@ -338,7 +338,7 @@ var DateTimePickerVue2 = {
         validationMessage: validationMessage,
         validityStyles: validityStyles,
         value: this.computedValue,
-        ariaHasPopup: true,
+        ariaHasPopup: 'grid',
         ariaExpanded: this.computedShow,
         ariaRole: "combobox",
         ariaControls: this._popupId
@@ -369,7 +369,7 @@ var DateTimePickerVue2 = {
       validationMessage: validationMessage,
       validityStyles: validityStyles,
       value: this.computedValue,
-      ariaHasPopup: true,
+      ariaHasPopup: 'grid',
       ariaExpanded: this.computedShow,
       ariaRole: "combobox",
       ariaControls: this._popupId

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: 1669818495,
+    publishDate: 1672389883,
     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/TimePicker.js

@@ -342,7 +342,7 @@ var TimePickerVue2 = {
         validationMessage: validationMessage,
         validityStyles: validityStyles,
         value: this.computedValue && this.normalizeTime(this.computedValue),
-        ariaHasPopup: true,
+        ariaHasPopup: 'grid',
         ariaExpanded: this.computedShow,
         ariaRole: "combobox",
         ariaControls: this._popupId
@@ -371,7 +371,7 @@ var TimePickerVue2 = {
       validationMessage: validationMessage,
       validityStyles: validityStyles,
       value: this.computedValue && this.normalizeTime(this.computedValue),
-      ariaHasPopup: true,
+      ariaHasPopup: 'grid',
       ariaExpanded: this.computedShow,
       ariaRole: "combobox",
       ariaControls: this._popupId

package/dist/esm/dateinput/DateInput.js

@@ -557,7 +557,8 @@ var DateInputVue2 = {
         "aria-label": ariaLabel,
         "aria-expanded": ariaExpanded,
         "aria-haspopup": ariaHasPopup,
-        "aria-controls": ariaControls
+        "aria-controls": ariaControls,
+        "aria-disabled": this.$props.disabled
       },
       tabindex: this.$props.tabIndex,
       disabled: this.$props.disabled,
@@ -594,6 +595,7 @@ var DateInputVue2 = {
       "aria-expanded": ariaExpanded,
       "aria-haspopup": ariaHasPopup,
       "aria-controls": ariaControls,
+      "aria-disabled": this.$props.disabled,
       ref: setRef(this, 'input')
     }), defaultSlot, this.$props.spinners && h("span", {
       "class": "k-input-spinner k-spin-button",

package/dist/esm/datepicker/DatePicker.js

@@ -7,7 +7,7 @@ var ref = allVue.ref;
 var inject = allVue.inject;
 import { Popup } from '@progress/kendo-vue-popup';
 import { getDate, cloneDate } from '@progress/kendo-date-math';
-import { classNames, guid, Keys, templateRendering, getListeners, getTemplate, validatePackage, canUseDOM, kendoThemeMaps, getDefaultSlots, setRef, getRef } from '@progress/kendo-vue-common';
+import { classNames, guid, Keys, templateRendering, getListeners, getTemplate, validatePackage, canUseDOM, kendoThemeMaps, getDefaultSlots, setRef, getRef, Icon } from '@progress/kendo-vue-common';
 import { packageMetadata } from '../package-metadata.js';
 import { DateInput } from '../dateinput/DateInput.js';
 import { Calendar } from '../calendar/components/Calendar.js';
@@ -438,8 +438,11 @@ var DatePickerVue2 = {
       h: h,
       template: toggleButton,
       defaultRendering: toggleButtonDefaultRendering,
-      defaultSlots: h("span", {
-        "class": "k-icon k-i-calendar"
+      defaultSlots: h(Icon, {
+        name: "calendar",
+        attrs: this.v3 ? undefined : {
+          name: "calendar"
+        }
       }),
       additionalListeners: {
         click: this.handleIconClick
@@ -470,7 +473,7 @@ var DatePickerVue2 = {
         validationMessage: validationMessage,
         validityStyles: validityStyles,
         value: value,
-        ariaHasPopup: true,
+        ariaHasPopup: 'grid',
         ariaExpanded: show,
         ariaRole: "combobox",
         ariaControls: this._popupId
@@ -496,7 +499,7 @@ var DatePickerVue2 = {
       validationMessage: validationMessage,
       validityStyles: validityStyles,
       value: value,
-      ariaHasPopup: true,
+      ariaHasPopup: 'grid',
       ariaExpanded: show,
       ariaRole: "combobox",
       ariaControls: this._popupId

package/dist/esm/daterangepicker/DateRangePicker.js

@@ -19,7 +19,7 @@ var ref = allVue.ref;
 var inject = allVue.inject;
 import { Popup } from '@progress/kendo-vue-popup';
 import { cloneDate } from '@progress/kendo-date-math';
-import { guid, Keys, canUseDOM, kendoThemeMaps } from '@progress/kendo-vue-common';
+import { guid, Keys, canUseDOM, kendoThemeMaps, Icon } from '@progress/kendo-vue-common';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { validatePackage, templateRendering, getListeners, getTemplate } from '@progress/kendo-vue-common';
 import { packageMetadata } from '../package-metadata.js';
@@ -260,7 +260,7 @@ var DateRangePickerVue2 = {
       size: size,
       fillMode: fillMode,
       rounded: rounded,
-      ariaHasPopup: true,
+      ariaHasPopup: 'grid',
       ariaExpanded: this.computedShow,
       value: value.start,
       ariaRole: 'combobox',
@@ -297,7 +297,7 @@ var DateRangePickerVue2 = {
       rounded: rounded,
       disabled: this.$props.disabled,
       valid: this.$props.valid,
-      ariaHasPopup: true,
+      ariaHasPopup: 'grid',
       ariaExpanded: this.computedShow,
       value: value.end,
       ariaRole: 'combobox',
@@ -409,11 +409,15 @@ var DateRangePickerVue2 = {
       onClick: this.handleReverseClick,
       "aria-controls": startDateInputId + ' ' + endDateInputId,
       "aria-label": provideLocalizationService(this).toLanguageString(swapStartEnd, messages[swapStartEnd])
-    }, [h("span", {
+    }, [h(Icon, {
+      name: 'arrows-swap',
+      attrs: this.v3 ? undefined : {
+        name: 'arrows-swap'
+      },
       style: {
         transform: 'rotate(90deg)'
       },
-      "class": "k-icon k-button-icon k-i-arrows-swap"
+      "class": "k-button-icon"
     })]);
     return h("span", {
       "class": this.rootClassName,

package/dist/esm/datetimepicker/DateTimePicker.js

@@ -338,7 +338,7 @@ var DateTimePickerVue2 = {
         validationMessage: validationMessage,
         validityStyles: validityStyles,
         value: this.computedValue,
-        ariaHasPopup: true,
+        ariaHasPopup: 'grid',
         ariaExpanded: this.computedShow,
         ariaRole: "combobox",
         ariaControls: this._popupId
@@ -369,7 +369,7 @@ var DateTimePickerVue2 = {
       validationMessage: validationMessage,
       validityStyles: validityStyles,
       value: this.computedValue,
-      ariaHasPopup: true,
+      ariaHasPopup: 'grid',
       ariaExpanded: this.computedShow,
       ariaRole: "combobox",
       ariaControls: this._popupId

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: 1669818495,
+    publishDate: 1672389883,
     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/TimePicker.js

@@ -342,7 +342,7 @@ var TimePickerVue2 = {
         validationMessage: validationMessage,
         validityStyles: validityStyles,
         value: this.computedValue && this.normalizeTime(this.computedValue),
-        ariaHasPopup: true,
+        ariaHasPopup: 'grid',
         ariaExpanded: this.computedShow,
         ariaRole: "combobox",
         ariaControls: this._popupId
@@ -371,7 +371,7 @@ var TimePickerVue2 = {
       validationMessage: validationMessage,
       validityStyles: validityStyles,
       value: this.computedValue && this.normalizeTime(this.computedValue),
-      ariaHasPopup: true,
+      ariaHasPopup: 'grid',
       ariaExpanded: this.computedShow,
       ariaRole: "combobox",
       ariaControls: this._popupId

package/dist/npm/dateinput/DateInput.js

@@ -563,7 +563,8 @@ var DateInputVue2 = {
         "aria-label": ariaLabel,
         "aria-expanded": ariaExpanded,
         "aria-haspopup": ariaHasPopup,
-        "aria-controls": ariaControls
+        "aria-controls": ariaControls,
+        "aria-disabled": this.$props.disabled
       },
       tabindex: this.$props.tabIndex,
       disabled: this.$props.disabled,
@@ -600,6 +601,7 @@ var DateInputVue2 = {
       "aria-expanded": ariaExpanded,
       "aria-haspopup": ariaHasPopup,
       "aria-controls": ariaControls,
+      "aria-disabled": this.$props.disabled,
       ref: (0, kendo_vue_common_1.setRef)(this, 'input')
     }), defaultSlot, this.$props.spinners && h("span", {
       "class": "k-input-spinner k-spin-button",

package/dist/npm/datepicker/DatePicker.js

@@ -444,8 +444,11 @@ var DatePickerVue2 = {
       h: h,
       template: toggleButton,
       defaultRendering: toggleButtonDefaultRendering,
-      defaultSlots: h("span", {
-        "class": "k-icon k-i-calendar"
+      defaultSlots: h(kendo_vue_common_1.Icon, {
+        name: "calendar",
+        attrs: this.v3 ? undefined : {
+          name: "calendar"
+        }
       }),
       additionalListeners: {
         click: this.handleIconClick
@@ -476,7 +479,7 @@ var DatePickerVue2 = {
         validationMessage: validationMessage,
         validityStyles: validityStyles,
         value: value,
-        ariaHasPopup: true,
+        ariaHasPopup: 'grid',
         ariaExpanded: show,
         ariaRole: "combobox",
         ariaControls: this._popupId
@@ -502,7 +505,7 @@ var DatePickerVue2 = {
       validationMessage: validationMessage,
       validityStyles: validityStyles,
       value: value,
-      ariaHasPopup: true,
+      ariaHasPopup: 'grid',
       ariaExpanded: show,
       ariaRole: "combobox",
       ariaControls: this._popupId

package/dist/npm/daterangepicker/DateRangePicker.js

@@ -266,7 +266,7 @@ var DateRangePickerVue2 = {
       size: size,
       fillMode: fillMode,
       rounded: rounded,
-      ariaHasPopup: true,
+      ariaHasPopup: 'grid',
       ariaExpanded: this.computedShow,
       value: value.start,
       ariaRole: 'combobox',
@@ -303,7 +303,7 @@ var DateRangePickerVue2 = {
       rounded: rounded,
       disabled: this.$props.disabled,
       valid: this.$props.valid,
-      ariaHasPopup: true,
+      ariaHasPopup: 'grid',
       ariaExpanded: this.computedShow,
       value: value.end,
       ariaRole: 'combobox',
@@ -415,11 +415,15 @@ var DateRangePickerVue2 = {
       onClick: this.handleReverseClick,
       "aria-controls": startDateInputId + ' ' + endDateInputId,
       "aria-label": (0, kendo_vue_intl_1.provideLocalizationService)(this).toLanguageString(main_2.swapStartEnd, main_2.messages[main_2.swapStartEnd])
-    }, [h("span", {
+    }, [h(kendo_vue_common_1.Icon, {
+      name: 'arrows-swap',
+      attrs: this.v3 ? undefined : {
+        name: 'arrows-swap'
+      },
       style: {
         transform: 'rotate(90deg)'
       },
-      "class": "k-icon k-button-icon k-i-arrows-swap"
+      "class": "k-button-icon"
     })]);
     return h("span", {
       "class": this.rootClassName,

package/dist/npm/datetimepicker/DateTimePicker.js

@@ -344,7 +344,7 @@ var DateTimePickerVue2 = {
         validationMessage: validationMessage,
         validityStyles: validityStyles,
         value: this.computedValue,
-        ariaHasPopup: true,
+        ariaHasPopup: 'grid',
         ariaExpanded: this.computedShow,
         ariaRole: "combobox",
         ariaControls: this._popupId
@@ -375,7 +375,7 @@ var DateTimePickerVue2 = {
       validationMessage: validationMessage,
       validityStyles: validityStyles,
       value: this.computedValue,
-      ariaHasPopup: true,
+      ariaHasPopup: 'grid',
       ariaExpanded: this.computedShow,
       ariaRole: "combobox",
       ariaControls: this._popupId

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: 1669818495,
+    publishDate: 1672389883,
     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/TimePicker.js

@@ -348,7 +348,7 @@ var TimePickerVue2 = {
         validationMessage: validationMessage,
         validityStyles: validityStyles,
         value: this.computedValue && this.normalizeTime(this.computedValue),
-        ariaHasPopup: true,
+        ariaHasPopup: 'grid',
         ariaExpanded: this.computedShow,
         ariaRole: "combobox",
         ariaControls: this._popupId
@@ -377,7 +377,7 @@ var TimePickerVue2 = {
       validationMessage: validationMessage,
       validityStyles: validityStyles,
       value: this.computedValue && this.normalizeTime(this.computedValue),
-      ariaHasPopup: true,
+      ariaHasPopup: 'grid',
       ariaExpanded: this.computedShow,
       ariaRole: "combobox",
       ariaControls: this._popupId

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-dateinputs",
   "description": "Kendo UI for Vue Date Inputs package",
-  "version": "3.7.4-dev.202211301436",
+  "version": "3.7.4-dev.202212300853",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -18,7 +18,7 @@
   },
   "scripts": {
     "test": "cd ../../ && npm run test -- --testPathPattern=/packages/dateinputs/.*",
-    "start": "gulp start",
+    "start": "gulp start --notsc",
     "build-package": "gulp build-package"
   },
   "keywords": [
@@ -52,16 +52,16 @@
   },
   "dependencies": {
     "@progress/kendo-date-math": "1.5.1",
-    "@progress/kendo-vue-buttons": "3.7.4-dev.202211301436",
-    "@progress/kendo-vue-common": "3.7.4-dev.202211301436",
-    "@progress/kendo-vue-labels": "3.7.4-dev.202211301436",
-    "@progress/kendo-vue-popup": "3.7.4-dev.202211301436"
+    "@progress/kendo-vue-buttons": "3.7.4-dev.202212300853",
+    "@progress/kendo-vue-common": "3.7.4-dev.202212300853",
+    "@progress/kendo-vue-labels": "3.7.4-dev.202212300853",
+    "@progress/kendo-vue-popup": "3.7.4-dev.202212300853"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.4",
     "@progress/kendo-licensing": "^1.1.0",
-    "@progress/kendo-vue-dropdowns": "3.7.4-dev.202211301436",
-    "@progress/kendo-vue-intl": "3.7.4-dev.202211301436"
+    "@progress/kendo-vue-dropdowns": "3.7.4-dev.202212300853",
+    "@progress/kendo-vue-intl": "3.7.4-dev.202212300853"
   },
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",