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

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

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var inject = allVue.inject;
 import { classNames, guid, Keys, templateRendering, getListeners, validatePackage } from '@progress/kendo-vue-common';
 import { cloneDate, getDate, isEqualDate } from '@progress/kendo-date-math';
@@ -140,8 +141,8 @@ var CalendarVue2 = {
     }
   },
   // @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/es/calendar/components/CalendarCell.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
@@ -71,8 +72,8 @@ var CalendarCellVue2 = {
     // return !(valueEqual && compareProps(props, newProps));
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

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

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 import { Button as KButton } from '@progress/kendo-vue-buttons';
 /**
@@ -25,8 +26,8 @@ var CalendarHeaderTitleVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

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

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
@@ -17,8 +18,8 @@ var CalendarWeekCellVue2 = {
     'click': null
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };
@@ -37,13 +38,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/es/calendar/components/Header.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var inject = allVue.inject;
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { getDate } from '@progress/kendo-date-math';
@@ -154,8 +155,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,
@@ -236,9 +237,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/es/calendar/components/View.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var inject = allVue.inject;
 import { weekInYear, cloneDate } from '@progress/kendo-date-math';
 import { provideIntlService } from '@progress/kendo-vue-intl';
@@ -148,8 +149,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/es/calendar/components/ViewList.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var inject = allVue.inject;
 import { cloneDate } from '@progress/kendo-date-math';
 import { provideIntlService } from '@progress/kendo-vue-intl';
@@ -206,8 +207,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,
@@ -266,12 +267,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/es/common/PickerWrap.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
@@ -12,8 +13,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/es/dateinput/DateInput.js

@@ -2,12 +2,13 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
 import { isEqual, cloneDate } from '@progress/kendo-date-math';
 import { provideIntlService, provideLocalizationService } from '@progress/kendo-vue-intl';
 import { KendoDate } from './models';
-import { guid, noop, validatePackage, canUseDOM, kendoThemeMaps, getDefaultSlots } from '@progress/kendo-vue-common';
+import { guid, noop, validatePackage, canUseDOM, kendoThemeMaps, getDefaultSlots, setRef, getRef } from '@progress/kendo-vue-common';
 import { Button as KButton } from '@progress/kendo-vue-buttons';
 import { packageMetadata } from '../package-metadata';
 import { approximateStringMatching, defaultFormat, defaultFormatPlaceholder, isInRange } from './utils';
@@ -504,7 +505,7 @@ var DateInputVue2 = {
     }
   },
   mounted: function mounted() {
-    this._element = this.v3 ? this.inputRef : this.$refs.input;
+    this._element = getRef(this, 'input');
     this.setValidity();
     this.$data.hasMounted = true;
   },
@@ -516,8 +517,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', {});
@@ -530,8 +531,6 @@ var DateInputVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _this = this;
-
     var h = gh || createElement;
     var defaultSlot = getDefaultSlots(this);
     var localizationService = provideLocalizationService(this);
@@ -574,13 +573,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,
@@ -589,13 +588,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,
@@ -624,9 +623,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: setRef(this, 'input')
     }), defaultSlot, this.$props.spinners && h("span", {
       "class": "k-input-spinner k-spin-button",
       onMousedown: this.spinnersMouseDown,

package/dist/es/datepicker/DatePicker.js

@@ -2,11 +2,12 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 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 } from '@progress/kendo-vue-common';
+import { classNames, guid, Keys, templateRendering, getListeners, getTemplate, validatePackage, canUseDOM, kendoThemeMaps, getDefaultSlots, setRef, getRef } from '@progress/kendo-vue-common';
 import { packageMetadata } from '../package-metadata';
 import { DateInput } from '../dateinput/DateInput';
 import { Calendar } from '../calendar/components/Calendar';
@@ -181,10 +182,10 @@ var DatePickerVue2 = {
     this.$data.currentShow = this.$props.defaultShow;
   },
   mounted: function mounted() {
-    this._dateInput = this.v3 ? this.dateInputRef : this.$refs.dateInput;
+    this._dateInput = getRef(this, 'dateInput');
 
     if (this.$refs.calendar || this.calendarRef) {
-      this._calendar = this.v3 ? this.calendarRef : this.$refs.calendar;
+      this._calendar = getRef(this, 'calendar');
     }
 
     if (this.computedShow) {
@@ -207,7 +208,7 @@ var DatePickerVue2 = {
     }
 
     if (this.$refs.calendar || this.calendarRef) {
-      this._calendar = this.v3 ? this.calendarRef : this.$refs.calendar;
+      this._calendar = getRef(this, 'calendar');
     }
 
     if (this.computedShow) {
@@ -388,8 +389,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', {});
@@ -404,8 +405,6 @@ var DatePickerVue2 = {
   render: function render(createElement) {
     var _a;
 
-    var _this = this;
-
     var h = gh || createElement;
     var defaultSlot = getDefaultSlots(this);
     var _b = this.$props,
@@ -473,9 +472,7 @@ var DatePickerVue2 = {
     var dateInput = this.$props.dateInput ? templateRendering.call(this, this.$props.dateInput, getListeners.call(this)) : undefined;
     var dateInputDefaultRendering = // @ts-ignore
     h(DateInput, {
-      ref: this.v3 ? function (el) {
-        _this.dateInputRef = el;
-      } : 'dateInput',
+      ref: setRef(this, 'dateInput'),
       placeholder: this.$props.placeholder,
       attrs: this.v3 ? undefined : {
         placeholder: this.$props.placeholder,
@@ -527,9 +524,7 @@ var DatePickerVue2 = {
     var calendar = this.$props.calendar ? templateRendering.call(this, this.$props.calendar, getListeners.call(this)) : undefined;
     var calendarDefaultRendering = // @ts-ignore
     h(Calendar, {
-      ref: this.v3 ? function (el) {
-        _this.calendarRef = el;
-      } : 'calendar',
+      ref: setRef(this, 'calendar'),
       onKeydown: this.handleKeyDown,
       on: this.v3 ? undefined : {
         "keydown": this.handleKeyDown,
@@ -602,9 +597,7 @@ var DatePickerVue2 = {
       defaultSlots: calendarRendering
     });
     var datepicker = h("span", {
-      ref: this.v3 ? function (el) {
-        _this.kendoAnchorRef = el;
-      } : this._anchor,
+      ref: setRef(this, 'kendoAnchor', this._anchor),
       role: "group",
       attrs: this.v3 ? undefined : {
         role: "group",

package/dist/es/daterangepicker/DateRangePicker.js

@@ -18,6 +18,7 @@ var __assign = this && this.__assign || function () {
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
 import { Popup } from '@progress/kendo-vue-popup';
@@ -228,8 +229,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 {
@@ -433,11 +434,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/es/datetimepicker/DateTimePicker.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
 import { FloatingLabel } from '@progress/kendo-vue-labels';
@@ -269,8 +270,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/es/datetimepicker/DateTimeSelector.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
@@ -113,8 +114,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 {
@@ -184,9 +185,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/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: 1656415498,
+    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/es/timepicker/TimeList.js

@@ -4,6 +4,7 @@ var _a, _b; // @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var inject = allVue.inject;
 import { cloneDate } from '@progress/kendo-date-math';
 import { canUseDOM, Keys, noop } from '@progress/kendo-vue-common';
@@ -114,8 +115,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,
@@ -170,9 +171,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/es/timepicker/TimePart.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var inject = allVue.inject;
 import { Button } from '@progress/kendo-vue-buttons';
 import { cloneDate } from '@progress/kendo-date-math';
@@ -133,8 +134,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 {
@@ -204,9 +205,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/es/timepicker/TimePicker.js

@@ -18,6 +18,7 @@ var __assign = this && this.__assign || function () {
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
 import { FloatingLabel } from '@progress/kendo-vue-labels';
@@ -274,8 +275,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/es/timepicker/TimeSelector.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var inject = allVue.inject;
 import { Button } from '@progress/kendo-vue-buttons';
 import { cloneDate } from '@progress/kendo-date-math';
@@ -124,8 +125,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 {
@@ -152,9 +153,9 @@ var TimeSelectorVue2 = {
     var cancelMessage = localizationService.toLanguageString(timePickerCancel, messages[timePickerCancel]);
     var setMessage = localizationService.toLanguageString(timePickerSet, messages[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": classNames('k-timeselector k-reset', {
         'k-state-disabled': disabled

package/dist/es/virtualization/Virtualization.js

@@ -4,6 +4,7 @@ var _a, _b, _c; // @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { classNames, getDefaultSlots } from '@progress/kendo-vue-common';
 import { RowHeightService, ScrollerService } from './services';
 /**
@@ -309,8 +310,8 @@ var VirtualizationVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };
@@ -346,9 +347,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/dist/npm/calendar/components/Calendar.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_common_1 = require("@progress/kendo-vue-common");
@@ -159,8 +160,8 @@ var CalendarVue2 = {
     }
   },
   // @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/CalendarCell.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");
 /**
@@ -80,8 +81,8 @@ var CalendarCellVue2 = {
     // return !(valueEqual && compareProps(props, newProps));
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/npm/calendar/components/CalendarHeaderTitle.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");
 
@@ -35,8 +36,8 @@ var CalendarHeaderTitleVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };