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

package/dist/npm/dateinput/models/DateInputSettings.d.ts

@@ -64,6 +64,26 @@ export interface DateInputSettings {
      * Sets the title of the `input` element of the DateInput.
      */
     title?: string;
+    /**
+     * Sets the aria-label of the DateInput.
+     */
+    ariaLabel?: string;
+    /**
+     * Sets the aria role of the DateInput.
+     */
+    ariaRole?: string;
+    /**
+     * Sets the aria-controls of the DateInput.
+     */
+    ariaControls?: string;
+    /**
+     * Sets the aria-haspopup of the DateInput.
+     */
+    ariaHasPopup?: boolean;
+    /**
+     * Sets the aria-expanded of the DateInput.
+     */
+    ariaExpanded?: boolean;
     /**
      * Specifies the incremental steps of the DateInput ([see example]({% slug incrementalsteps_dateinput %}).
      *

package/dist/npm/datepicker/DatePicker.js

@@ -212,21 +212,8 @@ var DatePickerVue2 = {
       // If defaultShow is true during the initial render, the popup is not aligned.
       this.$forceUpdate();
     }
-
-    if (this._dateInput && this._dateInput.$el) {
-      this._dateInput.$el.setAttribute('aria-haspopup', 'true'); // this._dateInput.$el.setAttribute('aria-expanded', `${this.$data.currentShow}`);
-
-    }
-
-    if (this.$el) {
-      this.$el.setAttribute('aria-expanded', "".concat(this.computedShow));
-    }
   },
   updated: function updated() {
-    if (this.$el) {
-      this.$el.setAttribute('aria-expanded', "".concat(this.computedShow));
-    }
-
     if (this.$refs.calendar || this.calendarRef) {
       this._calendar = (0, kendo_vue_common_1.getRef)(this, 'calendar');
     }
@@ -514,7 +501,11 @@ var DatePickerVue2 = {
         valid: this.validity().valid,
         validationMessage: validationMessage,
         validityStyles: validityStyles,
-        value: value
+        value: value,
+        ariaHasPopup: true,
+        ariaExpanded: show,
+        ariaRole: "combobox",
+        ariaControls: this._popupId
       },
       disabled: disabled,
       format: format,
@@ -536,7 +527,11 @@ var DatePickerVue2 = {
       valid: this.validity().valid,
       validationMessage: validationMessage,
       validityStyles: validityStyles,
-      value: value
+      value: value,
+      ariaHasPopup: true,
+      ariaExpanded: show,
+      ariaRole: "combobox",
+      ariaControls: this._popupId
     });
     var dateInputRendering = kendo_vue_common_1.getTemplate.call(this, {
       h: h,
@@ -622,10 +617,8 @@ var DatePickerVue2 = {
       ref: (0, kendo_vue_common_1.setRef)(this, 'kendoAnchor', this._anchor),
       role: "group",
       attrs: this.v3 ? undefined : {
-        role: "group",
-        "aria-expanded": this.computedShow
+        role: "group"
       },
-      "aria-expanded": this.computedShow,
       "class": (0, kendo_vue_common_1.classNames)('k-input', 'k-datepicker', (_a = {}, _a["k-input-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-".concat(fillMode)] = fillMode, _a["k-rounded-".concat(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.$data.isFocused, _a)),
       onKeydown: this.handleKeyDown,
       on: this.v3 ? undefined : {

package/dist/npm/daterangepicker/DateRangePicker.js

@@ -294,7 +294,9 @@ var DateRangePickerVue2 = {
       rounded: rounded,
       ariaHasPopup: true,
       ariaExpanded: this.computedShow,
-      value: value.start
+      value: value.start,
+      ariaRole: 'combobox',
+      ariaControls: this._popupId
     }, this.$props.startDateInputSettings);
 
     var startDateInputDefaultRendering = h(DateInput_1.DateInput, __assign(__assign({
@@ -331,7 +333,9 @@ var DateRangePickerVue2 = {
       valid: this.$props.valid,
       ariaHasPopup: true,
       ariaExpanded: this.computedShow,
-      value: value.end
+      value: value.end,
+      ariaRole: 'combobox',
+      ariaControls: this._popupId
     }, this.$props.endDateInputSettings);
 
     var endDateInputDefaultRendering = h(DateInput_1.DateInput, __assign(__assign({

package/dist/npm/datetimepicker/DateTimePicker.js

@@ -265,7 +265,6 @@ var DateTimePickerVue2 = {
 
     if (dateInputElement) {
       dateInputElement.setAttribute('aria-haspopup', 'true');
-      dateInputElement.setAttribute('aria-expanded', "".concat(this.computedShow));
     }
   },
   updated: function updated() {
@@ -273,10 +272,6 @@ var DateTimePickerVue2 = {
     this._dateTimeSelector = this.$refs.dateTimeSelector;
     this._wrapper = this.v3 ? this.kendoAnchorRef : this.$refs[this._anchor];
 
-    if (dateInputElement) {
-      dateInputElement.setAttribute('aria-expanded', "".concat(this.computedShow));
-    }
-
     if (this._dateTimeSelector && this.computedShow && !this._oldShow) {
       this._dateTimeSelector.focus({
         preventScroll: true
@@ -371,7 +366,11 @@ var DateTimePickerVue2 = {
         valid: this.validity().valid,
         validationMessage: validationMessage,
         validityStyles: validityStyles,
-        value: this.computedValue
+        value: this.computedValue,
+        ariaHasPopup: true,
+        ariaExpanded: this.computedShow,
+        ariaRole: "combobox",
+        ariaControls: this._popupId
       },
       disabled: disabled,
       format: format,
@@ -398,7 +397,11 @@ var DateTimePickerVue2 = {
       valid: this.validity().valid,
       validationMessage: validationMessage,
       validityStyles: validityStyles,
-      value: this.computedValue
+      value: this.computedValue,
+      ariaHasPopup: true,
+      ariaExpanded: this.computedShow,
+      ariaRole: "combobox",
+      ariaControls: this._popupId
     }, this.v3 ? function () {
       return [defaultSlot];
     } : [defaultSlot]);

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: 1662552967,
+    publishDate: 1662725573,
     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

@@ -271,8 +271,6 @@ var TimePickerVue2 = {
 
     if (this._dateInput && this._dateInput.element()) {
       this._dateInput.element().setAttribute('aria-haspopup', 'true');
-
-      this._dateInput.element().setAttribute('aria-expanded', "".concat(this.computedShow));
     }
   },
   updated: function updated() {
@@ -280,10 +278,6 @@ var TimePickerVue2 = {
     this._timeSelector = this.$refs.timeSelector;
     this._wrapper = this.v3 ? this.kendoAnchorRef : this.$refs[this._anchor];
 
-    if (this._dateInput && this._dateInput.element()) {
-      this._dateInput.element().setAttribute('aria-expanded', "".concat(this.computedShow));
-    }
-
     if (this._timeSelector && this.computedShow && !this._oldShow) {
       this._timeSelector.focusActiveList();
     } else if (this._dateInput && this._dateInput.element() && !this.computedShow && this.shouldFocusDateInput) {
@@ -377,7 +371,11 @@ var TimePickerVue2 = {
         valid: this.validity().valid,
         validationMessage: validationMessage,
         validityStyles: validityStyles,
-        value: this.computedValue && this.normalizeTime(this.computedValue)
+        value: this.computedValue && this.normalizeTime(this.computedValue),
+        ariaHasPopup: true,
+        ariaExpanded: this.computedShow,
+        ariaRole: "combobox",
+        ariaControls: this._popupId
       },
       disabled: disabled,
       format: format,
@@ -402,7 +400,11 @@ var TimePickerVue2 = {
       valid: this.validity().valid,
       validationMessage: validationMessage,
       validityStyles: validityStyles,
-      value: this.computedValue && this.normalizeTime(this.computedValue)
+      value: this.computedValue && this.normalizeTime(this.computedValue),
+      ariaHasPopup: true,
+      ariaExpanded: this.computedShow,
+      ariaRole: "combobox",
+      ariaControls: this._popupId
     }, this.v3 ? function () {
       return [defaultSlot];
     } : [defaultSlot]);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-dateinputs",
   "description": "Kendo UI for Vue Date Inputs package",
-  "version": "3.5.4-dev.202209071223",
+  "version": "3.5.4-dev.202209091220",
   "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.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"
+    "@progress/kendo-vue-buttons": "3.5.4-dev.202209091220",
+    "@progress/kendo-vue-common": "3.5.4-dev.202209091220",
+    "@progress/kendo-vue-labels": "3.5.4-dev.202209091220",
+    "@progress/kendo-vue-popup": "3.5.4-dev.202209091220"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.4",
     "@progress/kendo-licensing": "^1.1.0",
-    "@progress/kendo-vue-dropdowns": "3.5.4-dev.202209071223",
-    "@progress/kendo-vue-intl": "3.5.4-dev.202209071223"
+    "@progress/kendo-vue-dropdowns": "3.5.4-dev.202209091220",
+    "@progress/kendo-vue-intl": "3.5.4-dev.202209091220"
   },
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",