@progress/kendo-vue-dateinputs 3.7.4-dev.202212020747 → 3.7.4-dev.202301091431

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: 1669966717,
+    publishDate: 1673273820,
     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

@@ -29,6 +29,7 @@ import { TimeSelector } from './TimeSelector.js';
 import { MIDNIGHT_DATE, MIN_TIME, MAX_TIME, setTime } from '../utils.js';
 import { isInRange, isSmallerThanMin, isBiggerThanMax } from './utils.js';
 import { defaultFormatPlaceholder } from '../dateinput/utils.js';
+import { clockIcon } from '@progress/kendo-svg-icons';
 /**
  * @hidden
  */
@@ -342,7 +343,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 +372,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
@@ -489,6 +490,7 @@ var TimePickerVue2 = {
         type: "button",
         tabIndex: -1,
         icon: 'clock',
+        svgIcon: clockIcon,
         title: toggleTimeMessage,
         rounded: null,
         "aria-controls": this._popupId,
@@ -496,6 +498,7 @@ var TimePickerVue2 = {
       },
       tabIndex: -1,
       icon: 'clock',
+      svgIcon: clockIcon,
       onMousedown: this.handleIconMouseDown,
       on: this.v3 ? undefined : {
         "mousedown": this.handleIconMouseDown,

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

@@ -19,6 +19,7 @@ var main_2 = require("../models/main");
 var utils_1 = require("../../utils");
 var defaults_1 = require("../../defaults");
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 /**
  * @hidden
  */
@@ -213,6 +214,7 @@ var HeaderVue2 = {
       attrs: this.v3 ? undefined : {
         type: "button",
         icon: 'chevron-left',
+        svgIcon: kendo_svg_icons_1.chevronLeftIcon,
         size: this.$props.size,
         fillMode: 'flat',
         desabled: isPrevDisabled,
@@ -220,6 +222,7 @@ var HeaderVue2 = {
         title: prevViewTitle
       },
       icon: 'chevron-left',
+      svgIcon: kendo_svg_icons_1.chevronLeftIcon,
       size: this.$props.size,
       fillMode: 'flat',
       "class": "k-calendar-nav-pre",
@@ -249,6 +252,7 @@ var HeaderVue2 = {
       attrs: this.v3 ? undefined : {
         type: "button",
         icon: 'chevron-right',
+        svgIcon: kendo_svg_icons_1.chevronRightIcon,
         size: this.$props.size,
         fillMode: 'flat',
         desabled: isNextDisabled,
@@ -256,6 +260,7 @@ var HeaderVue2 = {
         title: nextViewTittle
       },
       icon: 'chevron-right',
+      svgIcon: kendo_svg_icons_1.chevronRightIcon,
       size: this.$props.size,
       fillMode: 'flat',
       "class": "k-calendar-nav-next",

package/dist/npm/dateinput/DateInput.js

@@ -23,6 +23,7 @@ var main_2 = require("../messages/main");
 var utils_3 = require("../timepicker/utils");
 var defaults_1 = require("../defaults");
 var kendo_vue_labels_1 = require("@progress/kendo-vue-labels");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 var VALIDATION_MESSAGE = 'Please enter a valid value!';
 /**
  * @hidden
@@ -153,7 +154,7 @@ var DateInputVue2 = {
       default: undefined
     },
     ariaHasPopup: {
-      type: Boolean,
+      type: String,
       default: undefined
     }
   },
@@ -563,7 +564,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 +602,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",
@@ -615,6 +618,7 @@ var DateInputVue2 = {
         type: "button",
         tabIndex: -1,
         icon: 'caret-alt-up',
+        svgIcon: kendo_svg_icons_1.caretAltUpIcon,
         size: this.$props.size,
         fillMode: this.$props.fillMode,
         "aria-label": localizationService.toLanguageString(main_2.increaseValue, main_2.messages[main_2.increaseValue]),
@@ -622,6 +626,7 @@ var DateInputVue2 = {
       },
       tabIndex: -1,
       icon: 'caret-alt-up',
+      svgIcon: kendo_svg_icons_1.caretAltUpIcon,
       size: this.$props.size,
       fillMode: this.$props.fillMode,
       "class": "k-spinner-increase",
@@ -639,6 +644,7 @@ var DateInputVue2 = {
         type: "button",
         tabIndex: -1,
         icon: 'caret-alt-down',
+        svgIcon: kendo_svg_icons_1.caretAltDownIcon,
         size: this.$props.size,
         fillMode: this.$props.fillMode,
         "aria-label": localizationService.toLanguageString(main_2.decreaseValue, main_2.messages[main_2.decreaseValue]),
@@ -647,6 +653,7 @@ var DateInputVue2 = {
       tabIndex: -1,
       "class": "k-spinner-decrease",
       icon: 'caret-alt-down',
+      svgIcon: kendo_svg_icons_1.caretAltDownIcon,
       size: this.$props.size,
       fillMode: this.$props.fillMode,
       "aria-label": localizationService.toLanguageString(main_2.decreaseValue, main_2.messages[main_2.decreaseValue]),

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

@@ -79,7 +79,7 @@ export interface DateInputSettings {
     /**
      * Sets the aria-haspopup of the DateInput.
      */
-    ariaHasPopup?: boolean;
+    ariaHasPopup?: String;
     /**
      * Sets the aria-expanded of the DateInput.
      */

package/dist/npm/datepicker/DatePicker.js

@@ -11,6 +11,7 @@ var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 var kendo_vue_popup_1 = require("@progress/kendo-vue-popup");
 var kendo_date_math_1 = require("@progress/kendo-date-math");
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
@@ -165,7 +166,8 @@ var DatePickerVue2 = {
     valid: {
       type: Boolean,
       default: undefined
-    }
+    },
+    ariaLabel: String
   },
   data: function data() {
     return {
@@ -404,7 +406,8 @@ var DatePickerVue2 = {
       validityStyles = _b.validityStyles,
       size = _b.size,
       fillMode = _b.fillMode,
-      rounded = _b.rounded;
+      rounded = _b.rounded,
+      ariaLabel = _b.ariaLabel;
     var _c = this.$props.popupSettings,
       popupClass = _c.popupClass,
       animate = _c.animate,
@@ -423,12 +426,14 @@ var DatePickerVue2 = {
         type: "button",
         tabIndex: -1,
         icon: "calendar",
+        svgIcon: kendo_svg_icons_1.calendarIcon,
         title: (0, kendo_vue_intl_1.provideLocalizationService)(this).toLanguageString(main_1.toggleCalendar, main_1.messages[main_1.toggleCalendar]),
         "aria-label": (0, kendo_vue_intl_1.provideLocalizationService)(this).toLanguageString(main_1.toggleCalendar, main_1.messages[main_1.toggleCalendar]),
         rounded: null
       },
       tabIndex: -1,
       icon: "calendar",
+      svgIcon: kendo_svg_icons_1.calendarIcon,
       onMousedown: this.handleIconMouseDown,
       on: this.v3 ? undefined : {
         "mousedown": this.handleIconMouseDown,
@@ -444,8 +449,13 @@ 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",
+          icon: kendo_svg_icons_1.calendarIcon
+        },
+        icon: kendo_svg_icons_1.calendarIcon
       }),
       additionalListeners: {
         click: this.handleIconClick
@@ -476,10 +486,11 @@ var DatePickerVue2 = {
         validationMessage: validationMessage,
         validityStyles: validityStyles,
         value: value,
-        ariaHasPopup: true,
+        ariaHasPopup: 'grid',
         ariaExpanded: show,
         ariaRole: "combobox",
-        ariaControls: this._popupId
+        ariaControls: this._popupId,
+        ariaLabel: ariaLabel
       },
       disabled: disabled,
       format: format,
@@ -502,10 +513,11 @@ var DatePickerVue2 = {
       validationMessage: validationMessage,
       validityStyles: validityStyles,
       value: value,
-      ariaHasPopup: true,
+      ariaHasPopup: 'grid',
       ariaExpanded: show,
       ariaRole: "combobox",
-      ariaControls: this._popupId
+      ariaControls: this._popupId,
+      ariaLabel: ariaLabel
     });
     var dateInputRendering = kendo_vue_common_1.getTemplate.call(this, {
       h: h,

package/dist/npm/datepicker/interfaces/DatePickerProps.d.ts

@@ -39,4 +39,8 @@ export interface DatePickerProps extends DatePickerSettings, FormComponentProps
      * Specifies the validate of the DatePicker.
      */
     validate?: boolean;
+    /**
+     * Specifies the validate of the DatePicker.
+     */
+    ariaLabel?: string;
 }

package/dist/npm/daterangepicker/DateRangePicker.js

@@ -34,6 +34,7 @@ var Calendar_1 = require("../calendar/components/Calendar");
 var main_1 = require("../calendar/models/main");
 var defaults_1 = require("../defaults");
 var main_2 = require("../messages/main");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 var WRAPPER_STYLES = {
   display: 'inline-block'
 };
@@ -266,7 +267,7 @@ var DateRangePickerVue2 = {
       size: size,
       fillMode: fillMode,
       rounded: rounded,
-      ariaHasPopup: true,
+      ariaHasPopup: 'grid',
       ariaExpanded: this.computedShow,
       value: value.start,
       ariaRole: 'combobox',
@@ -303,7 +304,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 +416,17 @@ 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',
+        icon: kendo_svg_icons_1.arrowsSwapIcon
+      },
+      icon: kendo_svg_icons_1.arrowsSwapIcon,
       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

@@ -25,6 +25,7 @@ var DateTimeSelector_1 = require("./DateTimeSelector");
 var utils_2 = require("../timepicker/utils");
 var defaults_1 = require("../defaults");
 var utils_3 = require("../dateinput/utils");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 /**
  * @hidden
  */
@@ -344,7 +345,7 @@ var DateTimePickerVue2 = {
         validationMessage: validationMessage,
         validityStyles: validityStyles,
         value: this.computedValue,
-        ariaHasPopup: true,
+        ariaHasPopup: 'grid',
         ariaExpanded: this.computedShow,
         ariaRole: "combobox",
         ariaControls: this._popupId
@@ -375,7 +376,7 @@ var DateTimePickerVue2 = {
       validationMessage: validationMessage,
       validityStyles: validityStyles,
       value: this.computedValue,
-      ariaHasPopup: true,
+      ariaHasPopup: 'grid',
       ariaExpanded: this.computedShow,
       ariaRole: "combobox",
       ariaControls: this._popupId
@@ -499,6 +500,7 @@ var DateTimePickerVue2 = {
         type: "button",
         tabIndex: -1,
         icon: 'calendar',
+        svgIcon: kendo_svg_icons_1.calendarIcon,
         title: (0, kendo_vue_intl_1.provideLocalizationService)(this).toLanguageString(main_1.toggleDateTimeSelector, main_1.messages[main_1.toggleDateTimeSelector]),
         rounded: null,
         "aria-controls": this._popupId,
@@ -506,6 +508,7 @@ var DateTimePickerVue2 = {
       },
       tabIndex: -1,
       icon: 'calendar',
+      svgIcon: kendo_svg_icons_1.calendarIcon,
       onMousedown: this.handleIconMouseDown,
       on: this.v3 ? undefined : {
         "mousedown": this.handleIconMouseDown,

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: 1669966717,
+    publishDate: 1673273820,
     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

@@ -35,6 +35,7 @@ var TimeSelector_1 = require("./TimeSelector");
 var utils_1 = require("../utils");
 var utils_2 = require("./utils");
 var utils_3 = require("../dateinput/utils");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 /**
  * @hidden
  */
@@ -348,7 +349,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 +378,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
@@ -495,6 +496,7 @@ var TimePickerVue2 = {
         type: "button",
         tabIndex: -1,
         icon: 'clock',
+        svgIcon: kendo_svg_icons_1.clockIcon,
         title: toggleTimeMessage,
         rounded: null,
         "aria-controls": this._popupId,
@@ -502,6 +504,7 @@ var TimePickerVue2 = {
       },
       tabIndex: -1,
       icon: 'clock',
+      svgIcon: kendo_svg_icons_1.clockIcon,
       onMousedown: this.handleIconMouseDown,
       on: this.v3 ? undefined : {
         "mousedown": this.handleIconMouseDown,

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.202212020747",
+  "version": "3.7.4-dev.202301091431",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -46,22 +46,24 @@
     "framework": "Kendo UI for Vue"
   },
   "peerDependencies": {
-    "@progress/kendo-licensing": "^1.1.0",
+    "@progress/kendo-licensing": "^1.3.0",
+    "@progress/kendo-svg-icons": "^1.0.0",
     "@progress/kendo-vue-intl": "^3.6.0",
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
     "@progress/kendo-date-math": "1.5.1",
-    "@progress/kendo-vue-buttons": "3.7.4-dev.202212020747",
-    "@progress/kendo-vue-common": "3.7.4-dev.202212020747",
-    "@progress/kendo-vue-labels": "3.7.4-dev.202212020747",
-    "@progress/kendo-vue-popup": "3.7.4-dev.202212020747"
+    "@progress/kendo-vue-buttons": "3.7.4-dev.202301091431",
+    "@progress/kendo-vue-common": "3.7.4-dev.202301091431",
+    "@progress/kendo-vue-labels": "3.7.4-dev.202301091431",
+    "@progress/kendo-vue-popup": "3.7.4-dev.202301091431"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.4",
-    "@progress/kendo-licensing": "^1.1.0",
-    "@progress/kendo-vue-dropdowns": "3.7.4-dev.202212020747",
-    "@progress/kendo-vue-intl": "3.7.4-dev.202212020747"
+    "@progress/kendo-licensing": "^1.3.0",
+    "@progress/kendo-svg-icons": "^1.0.0",
+    "@progress/kendo-vue-dropdowns": "3.7.4-dev.202301091431",
+    "@progress/kendo-vue-intl": "3.7.4-dev.202301091431"
   },
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",