@progress/kendo-vue-dateinputs 3.4.0 → 3.4.2-dev.202207070519

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

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
@@ -26,8 +27,8 @@ var CalendarWeekCellVue2 = {
     'click': null
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };
@@ -46,13 +47,11 @@ var CalendarWeekCellVue2 = {
       on: this.v3 ? undefined : {
         "click": this.handleClick
       },
-      value: this.$props.value,
+      id: this.$props.id,
       attrs: this.v3 ? undefined : {
-        value: this.$props.value,
         id: this.$props.id
-      },
-      id: this.$props.id
-    }, [defaultSlot]);
+      }
+    }, [this.$props.value !== undefined ? this.$props.value : defaultSlot]);
   },
   methods: {
     handleClick: function handleClick(event) {

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

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var inject = allVue.inject;
 
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
@@ -171,8 +172,8 @@ var HeaderVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var kendoLocalizationService = inject('kendoLocalizationService', {});
     return {
       v3: v3,
@@ -253,9 +254,9 @@ var HeaderVue2 = {
       }
     }), h("span", {
       "class": todayClassNames,
-      tabIndex: this.$props.tabIndex,
+      tabindex: this.$props.tabIndex,
       attrs: this.v3 ? undefined : {
-        tabIndex: this.$props.tabIndex
+        tabindex: this.$props.tabIndex
       },
       onKeydown: this.todayKeyDown,
       on: this.v3 ? undefined : {

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

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var inject = allVue.inject;
 
 var kendo_date_math_1 = require("@progress/kendo-date-math");
@@ -164,8 +165,8 @@ var ViewVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var kendoIntlService = inject('kendoIntlService', {});
     return {
       v3: v3,

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

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var inject = allVue.inject;
 
 var kendo_date_math_1 = require("@progress/kendo-date-math");
@@ -220,8 +221,8 @@ var ViewListVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var kendoIntlService = inject('kendoIntlService', {});
     return {
       v3: v3,
@@ -280,12 +281,12 @@ var ViewListVue2 = {
             "aria-label": this.$props.service.title(this.$props.focusedDate),
             "aria-live": 'polite',
             "aria-activedescendant": cellUID + this.$props.focusedDate.getTime(),
-            tabIndex: this.$attrs.tabIndex
+            tabindex: this.$attrs.tabIndex
           },
           "aria-label": this.$props.service.title(this.$props.focusedDate),
           "aria-live": 'polite',
           "aria-activedescendant": cellUID + this.$props.focusedDate.getTime(),
-          tabIndex: this.$attrs.tabIndex,
+          tabindex: this.$attrs.tabIndex,
           "class": tableClassNames,
           onKeydown: this.handleKeyDown,
           on: this.v3 ? undefined : {

package/dist/npm/common/PickerWrap.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
@@ -21,8 +22,8 @@ var PickerWrapVue2 = {
     id: String
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/npm/dateinput/DateInput.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
 
@@ -524,7 +525,7 @@ var DateInputVue2 = {
     }
   },
   mounted: function mounted() {
-    this._element = this.v3 ? this.inputRef : this.$refs.input;
+    this._element = kendo_vue_common_1.getRef(this, 'input');
     this.setValidity();
     this.$data.hasMounted = true;
   },
@@ -536,8 +537,8 @@ var DateInputVue2 = {
     this.setValidity();
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var inputRef = ref(null);
     var kendoIntlService = inject('kendoIntlService', {});
     var kendoLocalizationService = inject('kendoLocalizationService', {});
@@ -550,8 +551,6 @@ var DateInputVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _this = this;
-
     var h = gh || createElement;
     var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
     var localizationService = kendo_vue_intl_1.provideLocalizationService(this);
@@ -594,13 +593,13 @@ var DateInputVue2 = {
       role: "spinbutton",
       attrs: this.v3 ? undefined : {
         role: "spinbutton",
-        tabIndex: this.$props.tabIndex,
+        tabindex: this.$props.tabIndex,
         disabled: this.$props.disabled,
         title: this.$props.title !== undefined ? this.$props.title : currentText,
         type: "text",
         spellcheck: false,
-        autoComplete: "off",
-        autoCorrect: "off",
+        autocomplete: "off",
+        autocorrect: "off",
         id: inputId,
         placeholder: this.$props.placeholder,
         name: name,
@@ -609,13 +608,13 @@ var DateInputVue2 = {
         "aria-valuemax": max === null ? undefined : max.getTime(),
         "aria-valuetext": currentText
       },
-      tabIndex: this.$props.tabIndex,
+      tabindex: this.$props.tabIndex,
       disabled: this.$props.disabled,
       title: this.$props.title !== undefined ? this.$props.title : currentText,
       type: "text",
       spellcheck: false,
-      autoComplete: "off",
-      autoCorrect: "off",
+      autocomplete: "off",
+      autocorrect: "off",
       "class": "k-input-inner",
       id: inputId,
       placeholder: this.$props.placeholder,
@@ -644,9 +643,7 @@ var DateInputVue2 = {
       "aria-valuemin": min === null ? undefined : min.getTime(),
       "aria-valuemax": max === null ? undefined : max.getTime(),
       "aria-valuetext": currentText,
-      ref: this.v3 ? function (el) {
-        _this.inputRef = el;
-      } : 'input'
+      ref: kendo_vue_common_1.setRef(this, 'input')
     }), defaultSlot, this.$props.spinners && h("span", {
       "class": "k-input-spinner k-spin-button",
       onMousedown: this.spinnersMouseDown,

package/dist/npm/datepicker/DatePicker.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
 
@@ -201,10 +202,10 @@ var DatePickerVue2 = {
     this.$data.currentShow = this.$props.defaultShow;
   },
   mounted: function mounted() {
-    this._dateInput = this.v3 ? this.dateInputRef : this.$refs.dateInput;
+    this._dateInput = kendo_vue_common_1.getRef(this, 'dateInput');
 
     if (this.$refs.calendar || this.calendarRef) {
-      this._calendar = this.v3 ? this.calendarRef : this.$refs.calendar;
+      this._calendar = kendo_vue_common_1.getRef(this, 'calendar');
     }
 
     if (this.computedShow) {
@@ -227,7 +228,7 @@ var DatePickerVue2 = {
     }
 
     if (this.$refs.calendar || this.calendarRef) {
-      this._calendar = this.v3 ? this.calendarRef : this.$refs.calendar;
+      this._calendar = kendo_vue_common_1.getRef(this, 'calendar');
     }
 
     if (this.computedShow) {
@@ -408,8 +409,8 @@ var DatePickerVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var listRef = ref(null);
     var kendoAnchorRef = ref(null);
     var kendoLocalizationService = inject('kendoLocalizationService', {});
@@ -424,8 +425,6 @@ var DatePickerVue2 = {
   render: function render(createElement) {
     var _a;
 
-    var _this = this;
-
     var h = gh || createElement;
     var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
     var _b = this.$props,
@@ -493,9 +492,7 @@ var DatePickerVue2 = {
     var dateInput = this.$props.dateInput ? kendo_vue_common_1.templateRendering.call(this, this.$props.dateInput, kendo_vue_common_1.getListeners.call(this)) : undefined;
     var dateInputDefaultRendering = // @ts-ignore
     h(DateInput_1.DateInput, {
-      ref: this.v3 ? function (el) {
-        _this.dateInputRef = el;
-      } : 'dateInput',
+      ref: kendo_vue_common_1.setRef(this, 'dateInput'),
       placeholder: this.$props.placeholder,
       attrs: this.v3 ? undefined : {
         placeholder: this.$props.placeholder,
@@ -547,9 +544,7 @@ var DatePickerVue2 = {
     var calendar = this.$props.calendar ? kendo_vue_common_1.templateRendering.call(this, this.$props.calendar, kendo_vue_common_1.getListeners.call(this)) : undefined;
     var calendarDefaultRendering = // @ts-ignore
     h(Calendar_1.Calendar, {
-      ref: this.v3 ? function (el) {
-        _this.calendarRef = el;
-      } : 'calendar',
+      ref: kendo_vue_common_1.setRef(this, 'calendar'),
       onKeydown: this.handleKeyDown,
       on: this.v3 ? undefined : {
         "keydown": this.handleKeyDown,
@@ -622,9 +617,7 @@ var DatePickerVue2 = {
       defaultSlots: calendarRendering
     });
     var datepicker = h("span", {
-      ref: this.v3 ? function (el) {
-        _this.kendoAnchorRef = el;
-      } : this._anchor,
+      ref: kendo_vue_common_1.setRef(this, 'kendoAnchor', this._anchor),
       role: "group",
       attrs: this.v3 ? undefined : {
         role: "group",

package/dist/npm/daterangepicker/DateRangePicker.js

@@ -25,6 +25,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
 
@@ -247,8 +248,8 @@ var DateRangePickerVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var kendoAnchorRef = ref(null);
     var kendoLocalizationService = inject('kendoLocalizationService', {});
     return {
@@ -452,11 +453,11 @@ var DateRangePickerVue2 = {
         id: this.$props.id,
         "aria-labelledby": this.$props.ariaLabelledBy,
         "aria-describedby": this.$props.ariaDescribedBy,
-        tabIndex: this.$props.tabIndex
+        tabindex: this.$props.tabIndex
       },
       "aria-labelledby": this.$props.ariaLabelledBy,
       "aria-describedby": this.$props.ariaDescribedBy,
-      tabIndex: this.$props.tabIndex,
+      tabindex: this.$props.tabIndex,
       onFocusin: this.handleFocus,
       on: this.v3 ? undefined : {
         "focusin": this.handleFocus,

package/dist/npm/datetimepicker/DateTimePicker.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
 
@@ -291,8 +292,8 @@ var DateTimePickerVue2 = {
     this.shouldFocusDateInput = false;
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var kendoAnchorRef = ref(null);
     var kendoLocalizationService = inject('kendoLocalizationService', {});
     return {

package/dist/npm/datetimepicker/DateTimeSelector.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
 
@@ -131,8 +132,8 @@ var DateTimeSelectorVue2 = {
     this.shouldFocusPart = false;
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var kendoAnchorRef = ref(null);
     var kendoLocalizationService = inject('kendoLocalizationService', {});
     return {
@@ -202,9 +203,9 @@ var DateTimeSelectorVue2 = {
         "keydown": this.handleKeyDown
       },
       "class": rootClassName,
-      tabIndex: -1,
+      tabindex: -1,
       attrs: this.v3 ? undefined : {
-        tabIndex: -1
+        tabindex: -1
       }
     }, [h("div", {
       "class": "k-datetime-buttongroup"

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: 1655871837,
+    publishDate: 1657170785,
     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/TimeList.js

@@ -11,6 +11,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var inject = allVue.inject;
 
 var kendo_date_math_1 = require("@progress/kendo-date-math");
@@ -129,8 +130,8 @@ var TimeListVue2 = {
     this.animateToIndex = true;
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var kendoIntlService = inject('kendoIntlService', {});
     return {
       v3: v3,
@@ -185,9 +186,9 @@ var TimeListVue2 = {
       id: String(this.$props.id || ''),
       attrs: this.v3 ? undefined : {
         id: String(this.$props.id || ''),
-        tabIndex: this.$props.disabled ? -1 : 0
+        tabindex: this.$props.disabled ? -1 : 0
       },
-      tabIndex: this.$props.disabled ? -1 : 0,
+      tabindex: this.$props.disabled ? -1 : 0,
       onKeydown: this.handleKeyDown,
       on: this.v3 ? undefined : {
         "keydown": this.handleKeyDown,

package/dist/npm/timepicker/TimePart.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var inject = allVue.inject;
 
 var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
@@ -150,8 +151,8 @@ var TimePartVue2 = {
     });
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var kendoIntlService = inject('kendoIntlService', {});
     var kendoLocalizationService = inject('kendoLocalizationService', {});
     return {
@@ -221,9 +222,9 @@ var TimePartVue2 = {
         role: "presentation",
         attrs: this.v3 ? undefined : {
           role: "presentation",
-          tabIndex: -1
+          tabindex: -1
         },
-        tabIndex: -1
+        tabindex: -1
       }, [h("span", {
         "class": "k-title",
         onMousedown: function onMousedown(e) {

package/dist/npm/timepicker/TimePicker.js

@@ -25,6 +25,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
 
@@ -294,8 +295,8 @@ var TimePickerVue2 = {
     this.shouldFocusDateInput = false;
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var kendoAnchorRef = ref(null);
     var kendoLocalizationService = inject('kendoLocalizationService', {});
     return {

package/dist/npm/timepicker/TimeSelector.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var inject = allVue.inject;
 
 var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
@@ -140,8 +141,8 @@ var TimeSelectorVue2 = {
     this._cancelButton = this.$refs.cancelButton;
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var kendoIntlService = inject('kendoIntlService', {});
     var kendoLocalizationService = inject('kendoLocalizationService', {});
     return {
@@ -168,9 +169,9 @@ var TimeSelectorVue2 = {
     var cancelMessage = localizationService.toLanguageString(messages_1.timePickerCancel, messages_1.messages[messages_1.timePickerCancel]);
     var setMessage = localizationService.toLanguageString(messages_1.timePickerSet, messages_1.messages[messages_1.timePickerSet]);
     return h("div", {
-      tabIndex: !disabled ? tabIndex || 0 : undefined,
+      tabindex: !disabled ? tabIndex || 0 : undefined,
       attrs: this.v3 ? undefined : {
-        tabIndex: !disabled ? tabIndex || 0 : undefined
+        tabindex: !disabled ? tabIndex || 0 : undefined
       },
       "class": kendo_vue_common_1.classNames('k-timeselector k-reset', {
         'k-state-disabled': disabled

package/dist/npm/virtualization/Virtualization.js

@@ -11,6 +11,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 
@@ -319,8 +320,8 @@ var VirtualizationVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };
@@ -356,9 +357,9 @@ var VirtualizationVue2 = {
         "scroll": this.handleScroll
       },
       "class": rootClassNames,
-      tabIndex: this.$props.tabIndex,
+      tabindex: this.$props.tabIndex,
       attrs: this.v3 ? undefined : {
-        tabIndex: this.$props.tabIndex,
+        tabindex: this.$props.tabIndex,
         role: this.$props.role
       },
       role: this.$props.role

package/package.json

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