@progress/kendo-vue-dateinputs 4.4.0-dev.202405071452 → 4.4.0-dev.202405101126

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

@@ -425,7 +425,8 @@ var CalendarVue2 = {
     this._intl = provideIntlService(this);
     this._bus.configure(CalendarViewEnum[this.$props.bottomView], CalendarViewEnum[this.$props.topView]);
     this._service = this._bus.service(activeView, this._intl);
-    var rootClassNames = classNames('k-widget k-calendar', 'k-calendar-range', {
+    var rootClassNames = classNames('k-calendar', 'k-calendar-md', {
+      'k-calendar-range': views > 1,
       'k-disabled': this.$props.disabled,
       'k-week-number': this.$props.weekNumber
     }, this.$props.className);
@@ -482,7 +483,7 @@ var CalendarVue2 = {
       attrs: this.v3 ? undefined : {
         allowReverse: this.$props.allowReverse,
         isActive: this.$data.isActive,
-        tabIndex: !this.$props.disabled ? this.$props.tabIndex || 0 : undefined,
+        tabIndex: this.$props.tabIndex || 0,
         activeView: this.$data.currentActiveView,
         focusedDate: this._focusedDate,
         min: this.currentMin,
@@ -501,7 +502,7 @@ var CalendarVue2 = {
         cellUID: this.$data.cellUID
       },
       isActive: this.$data.isActive,
-      tabIndex: !this.$props.disabled ? this.$props.tabIndex || 0 : undefined,
+      tabIndex: this.$props.tabIndex || 0,
       ref: this.v3 ? function (el) {
         _this.calendarViewListRef = el;
       } : 'calendarViewList',

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

@@ -42,17 +42,21 @@ var CalendarHeaderTitleVue2 = {
     return (
       // @ts-ignore  function children
       h(KButton, {
-        type: "button",
+        role: "link",
         attrs: this.v3 ? undefined : {
+          role: "link",
           type: "button",
           value: this.$props.value,
           id: this.$props.id,
           fillMode: 'flat',
+          themeColor: 'primary',
           tabIndex: 0
         },
+        type: "button",
         value: this.$props.value,
         id: this.$props.id,
         fillMode: 'flat',
+        themeColor: 'primary',
         onClick: this.handleClick,
         on: this.v3 ? undefined : {
           "click": this.handleClick

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

@@ -174,7 +174,7 @@ var HeaderVue2 = {
     var nextViewTittle = this._localization.toLanguageString(nextView, messages[nextView]);
     var isPrevDisabled = !this.canNavigate(Action.PrevView);
     var isNextDisabled = !this.canNavigate(Action.NextView);
-    var titleClassNames = classNames('k-calendar-title', 'k-title', {
+    var titleClassNames = classNames('k-calendar-title', {
       'k-disabled': !this.navigate
     });
     var todayClassNames = classNames('k-calendar-nav-today', {
@@ -203,6 +203,31 @@ var HeaderVue2 = {
       template: this.$props.headerTitle,
       defaultRendering: headerTitleDefaultRendering
     });
+    var todayButtonRendering =
+    // @ts-ignore  function children
+    h(KButton, {
+      fillMode: 'flat',
+      attrs: this.v3 ? undefined : {
+        fillMode: 'flat',
+        themeColor: 'base',
+        tabindex: this.$props.tabIndex
+      },
+      themeColor: 'base',
+      "class": todayClassNames,
+      tabindex: this.$props.tabIndex,
+      onKeydown: this.todayKeyDown,
+      on: this.v3 ? undefined : {
+        "keydown": this.todayKeyDown,
+        "click": this.handleTodayClick
+      },
+      onClick: this.handleTodayClick
+    }, this.v3 ? function () {
+      return [todayMessage];
+    } : [todayMessage]);
+    var todayButton = getTemplate.call(this, {
+      h: h,
+      defaultRendering: todayButtonRendering
+    });
     return h("div", {
       "class": "k-calendar-header k-hstack",
       style: this.$attrs.style
@@ -236,19 +261,7 @@ var HeaderVue2 = {
       on: this.v3 ? undefined : {
         "click": this.handlePrevClick
       }
-    }), h("span", {
-      "class": todayClassNames,
-      tabindex: this.$props.tabIndex,
-      attrs: this.v3 ? undefined : {
-        tabindex: this.$props.tabIndex
-      },
-      onKeydown: this.todayKeyDown,
-      on: this.v3 ? undefined : {
-        "keydown": this.todayKeyDown,
-        "click": this.handleTodayClick
-      },
-      onClick: this.handleTodayClick
-    }, [todayMessage]),
+    }), todayButton,
     // @ts-ignore
     h(KButton, {
       type: "button",

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

@@ -160,8 +160,9 @@ var ViewVue2 = {
     // tslint:disable-next-line jsx-use-translation-function
     var emptyCell = function emptyCell(idx) {
       return h("td", {
-        key: idx
-      });
+        key: idx,
+        "class": "k-calendar-td k-empty"
+      }, ["\xA0"]);
     };
     //    const weekNames = this._weekService.getWeekNames(this.weekNumber);
     //     const colSpan = this.$props.service.rowLength(this.weekNumber);

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

@@ -227,21 +227,16 @@ var ViewListVue2 = {
       'k-calendar-decadeview': this.$props.activeView === CalendarViewEnum.decade,
       'k-calendar-centuryview': this.$props.activeView === CalendarViewEnum.century
     });
-    var tableClassNames = classNames('k-calendar-table', {
-      'k-month': this.$props.activeView === CalendarViewEnum.month,
-      'k-year': this.$props.activeView === CalendarViewEnum.year,
-      'k-decade': this.$props.activeView === CalendarViewEnum.decade,
-      'k-century': this.$props.activeView === CalendarViewEnum.century
-    });
+    var tableClassNames = classNames('k-calendar-table');
     var buildMonthView = function buildMonthView(weekNames) {
       var that = this;
       return h("thead", {
         "class": 'k-calendar-thead'
       }, [h("tr", {
-        "class": 'k-calendar-tr k-calendar-weekdays'
+        "class": 'k-calendar-tr'
       }, [weekNames.map(function (name, idx) {
         return h("th", {
-          "class": 'k-calendar-caption',
+          "class": 'k-calendar-th',
           key: idx,
           onClick: function onClick(ev) {
             return that.handleWeekNameClick(ev, name);

package/dist/es/calendar/services/DOMService.js

@@ -33,7 +33,7 @@ var DOMService = /** @class */ (function () {
             thead([
                 tr([th('MO')])
             ])
-        ], 'k-calendar-weekdays')); };
+        ])); };
         var repeat = function (count, mapper) { return new Array(count).fill('1').map(mapper); };
         var content = function (rows, cells) {
             if (cells === void 0) { cells = 1; }

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: 1715093186,
+    publishDate: 1715340025,
     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/calendar/components/Calendar.js

@@ -425,7 +425,8 @@ var CalendarVue2 = {
     this._intl = provideIntlService(this);
     this._bus.configure(CalendarViewEnum[this.$props.bottomView], CalendarViewEnum[this.$props.topView]);
     this._service = this._bus.service(activeView, this._intl);
-    var rootClassNames = classNames('k-widget k-calendar', 'k-calendar-range', {
+    var rootClassNames = classNames('k-calendar', 'k-calendar-md', {
+      'k-calendar-range': views > 1,
       'k-disabled': this.$props.disabled,
       'k-week-number': this.$props.weekNumber
     }, this.$props.className);
@@ -482,7 +483,7 @@ var CalendarVue2 = {
       attrs: this.v3 ? undefined : {
         allowReverse: this.$props.allowReverse,
         isActive: this.$data.isActive,
-        tabIndex: !this.$props.disabled ? this.$props.tabIndex || 0 : undefined,
+        tabIndex: this.$props.tabIndex || 0,
         activeView: this.$data.currentActiveView,
         focusedDate: this._focusedDate,
         min: this.currentMin,
@@ -501,7 +502,7 @@ var CalendarVue2 = {
         cellUID: this.$data.cellUID
       },
       isActive: this.$data.isActive,
-      tabIndex: !this.$props.disabled ? this.$props.tabIndex || 0 : undefined,
+      tabIndex: this.$props.tabIndex || 0,
       ref: this.v3 ? function (el) {
         _this.calendarViewListRef = el;
       } : 'calendarViewList',

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

@@ -42,17 +42,21 @@ var CalendarHeaderTitleVue2 = {
     return (
       // @ts-ignore  function children
       h(KButton, {
-        type: "button",
+        role: "link",
         attrs: this.v3 ? undefined : {
+          role: "link",
           type: "button",
           value: this.$props.value,
           id: this.$props.id,
           fillMode: 'flat',
+          themeColor: 'primary',
           tabIndex: 0
         },
+        type: "button",
         value: this.$props.value,
         id: this.$props.id,
         fillMode: 'flat',
+        themeColor: 'primary',
         onClick: this.handleClick,
         on: this.v3 ? undefined : {
           "click": this.handleClick

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

@@ -174,7 +174,7 @@ var HeaderVue2 = {
     var nextViewTittle = this._localization.toLanguageString(nextView, messages[nextView]);
     var isPrevDisabled = !this.canNavigate(Action.PrevView);
     var isNextDisabled = !this.canNavigate(Action.NextView);
-    var titleClassNames = classNames('k-calendar-title', 'k-title', {
+    var titleClassNames = classNames('k-calendar-title', {
       'k-disabled': !this.navigate
     });
     var todayClassNames = classNames('k-calendar-nav-today', {
@@ -203,6 +203,31 @@ var HeaderVue2 = {
       template: this.$props.headerTitle,
       defaultRendering: headerTitleDefaultRendering
     });
+    var todayButtonRendering =
+    // @ts-ignore  function children
+    h(KButton, {
+      fillMode: 'flat',
+      attrs: this.v3 ? undefined : {
+        fillMode: 'flat',
+        themeColor: 'base',
+        tabindex: this.$props.tabIndex
+      },
+      themeColor: 'base',
+      "class": todayClassNames,
+      tabindex: this.$props.tabIndex,
+      onKeydown: this.todayKeyDown,
+      on: this.v3 ? undefined : {
+        "keydown": this.todayKeyDown,
+        "click": this.handleTodayClick
+      },
+      onClick: this.handleTodayClick
+    }, this.v3 ? function () {
+      return [todayMessage];
+    } : [todayMessage]);
+    var todayButton = getTemplate.call(this, {
+      h: h,
+      defaultRendering: todayButtonRendering
+    });
     return h("div", {
       "class": "k-calendar-header k-hstack",
       style: this.$attrs.style
@@ -236,19 +261,7 @@ var HeaderVue2 = {
       on: this.v3 ? undefined : {
         "click": this.handlePrevClick
       }
-    }), h("span", {
-      "class": todayClassNames,
-      tabindex: this.$props.tabIndex,
-      attrs: this.v3 ? undefined : {
-        tabindex: this.$props.tabIndex
-      },
-      onKeydown: this.todayKeyDown,
-      on: this.v3 ? undefined : {
-        "keydown": this.todayKeyDown,
-        "click": this.handleTodayClick
-      },
-      onClick: this.handleTodayClick
-    }, [todayMessage]),
+    }), todayButton,
     // @ts-ignore
     h(KButton, {
       type: "button",

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

@@ -160,8 +160,9 @@ var ViewVue2 = {
     // tslint:disable-next-line jsx-use-translation-function
     var emptyCell = function emptyCell(idx) {
       return h("td", {
-        key: idx
-      });
+        key: idx,
+        "class": "k-calendar-td k-empty"
+      }, ["\xA0"]);
     };
     //    const weekNames = this._weekService.getWeekNames(this.weekNumber);
     //     const colSpan = this.$props.service.rowLength(this.weekNumber);

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

@@ -227,21 +227,16 @@ var ViewListVue2 = {
       'k-calendar-decadeview': this.$props.activeView === CalendarViewEnum.decade,
       'k-calendar-centuryview': this.$props.activeView === CalendarViewEnum.century
     });
-    var tableClassNames = classNames('k-calendar-table', {
-      'k-month': this.$props.activeView === CalendarViewEnum.month,
-      'k-year': this.$props.activeView === CalendarViewEnum.year,
-      'k-decade': this.$props.activeView === CalendarViewEnum.decade,
-      'k-century': this.$props.activeView === CalendarViewEnum.century
-    });
+    var tableClassNames = classNames('k-calendar-table');
     var buildMonthView = function buildMonthView(weekNames) {
       var that = this;
       return h("thead", {
         "class": 'k-calendar-thead'
       }, [h("tr", {
-        "class": 'k-calendar-tr k-calendar-weekdays'
+        "class": 'k-calendar-tr'
       }, [weekNames.map(function (name, idx) {
         return h("th", {
-          "class": 'k-calendar-caption',
+          "class": 'k-calendar-th',
           key: idx,
           onClick: function onClick(ev) {
             return that.handleWeekNameClick(ev, name);

package/dist/esm/calendar/services/DOMService.js

@@ -33,7 +33,7 @@ var DOMService = /** @class */ (function () {
             thead([
                 tr([th('MO')])
             ])
-        ], 'k-calendar-weekdays')); };
+        ])); };
         var repeat = function (count, mapper) { return new Array(count).fill('1').map(mapper); };
         var content = function (rows, cells) {
             if (cells === void 0) { cells = 1; }

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: 1715093186,
+    publishDate: 1715340025,
     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/calendar/components/Calendar.js

@@ -431,7 +431,8 @@ var CalendarVue2 = {
     this._intl = (0, kendo_vue_intl_1.provideIntlService)(this);
     this._bus.configure(main_1.CalendarViewEnum[this.$props.bottomView], main_1.CalendarViewEnum[this.$props.topView]);
     this._service = this._bus.service(activeView, this._intl);
-    var rootClassNames = (0, kendo_vue_common_1.classNames)('k-widget k-calendar', 'k-calendar-range', {
+    var rootClassNames = (0, kendo_vue_common_1.classNames)('k-calendar', 'k-calendar-md', {
+      'k-calendar-range': views > 1,
       'k-disabled': this.$props.disabled,
       'k-week-number': this.$props.weekNumber
     }, this.$props.className);
@@ -487,7 +488,7 @@ var CalendarVue2 = {
       attrs: this.v3 ? undefined : {
         allowReverse: this.$props.allowReverse,
         isActive: this.$data.isActive,
-        tabIndex: !this.$props.disabled ? this.$props.tabIndex || 0 : undefined,
+        tabIndex: this.$props.tabIndex || 0,
         activeView: this.$data.currentActiveView,
         focusedDate: this._focusedDate,
         min: this.currentMin,
@@ -506,7 +507,7 @@ var CalendarVue2 = {
         cellUID: this.$data.cellUID
       },
       isActive: this.$data.isActive,
-      tabIndex: !this.$props.disabled ? this.$props.tabIndex || 0 : undefined,
+      tabIndex: this.$props.tabIndex || 0,
       ref: this.v3 ? function (el) {
         _this.calendarViewListRef = el;
       } : 'calendarViewList',

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

@@ -48,17 +48,21 @@ var CalendarHeaderTitleVue2 = {
     return (
       // @ts-ignore  function children
       h(kendo_vue_buttons_1.Button, {
-        type: "button",
+        role: "link",
         attrs: this.v3 ? undefined : {
+          role: "link",
           type: "button",
           value: this.$props.value,
           id: this.$props.id,
           fillMode: 'flat',
+          themeColor: 'primary',
           tabIndex: 0
         },
+        type: "button",
         value: this.$props.value,
         id: this.$props.id,
         fillMode: 'flat',
+        themeColor: 'primary',
         onClick: this.handleClick,
         on: this.v3 ? undefined : {
           "click": this.handleClick

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

@@ -180,7 +180,7 @@ var HeaderVue2 = {
     var nextViewTittle = this._localization.toLanguageString(main_1.nextView, main_1.messages[main_1.nextView]);
     var isPrevDisabled = !this.canNavigate(main_2.Action.PrevView);
     var isNextDisabled = !this.canNavigate(main_2.Action.NextView);
-    var titleClassNames = (0, kendo_vue_common_1.classNames)('k-calendar-title', 'k-title', {
+    var titleClassNames = (0, kendo_vue_common_1.classNames)('k-calendar-title', {
       'k-disabled': !this.navigate
     });
     var todayClassNames = (0, kendo_vue_common_1.classNames)('k-calendar-nav-today', {
@@ -209,6 +209,31 @@ var HeaderVue2 = {
       template: this.$props.headerTitle,
       defaultRendering: headerTitleDefaultRendering
     });
+    var todayButtonRendering =
+    // @ts-ignore  function children
+    h(kendo_vue_buttons_1.Button, {
+      fillMode: 'flat',
+      attrs: this.v3 ? undefined : {
+        fillMode: 'flat',
+        themeColor: 'base',
+        tabindex: this.$props.tabIndex
+      },
+      themeColor: 'base',
+      "class": todayClassNames,
+      tabindex: this.$props.tabIndex,
+      onKeydown: this.todayKeyDown,
+      on: this.v3 ? undefined : {
+        "keydown": this.todayKeyDown,
+        "click": this.handleTodayClick
+      },
+      onClick: this.handleTodayClick
+    }, this.v3 ? function () {
+      return [todayMessage];
+    } : [todayMessage]);
+    var todayButton = kendo_vue_common_1.getTemplate.call(this, {
+      h: h,
+      defaultRendering: todayButtonRendering
+    });
     return h("div", {
       "class": "k-calendar-header k-hstack",
       style: this.$attrs.style
@@ -242,19 +267,7 @@ var HeaderVue2 = {
       on: this.v3 ? undefined : {
         "click": this.handlePrevClick
       }
-    }), h("span", {
-      "class": todayClassNames,
-      tabindex: this.$props.tabIndex,
-      attrs: this.v3 ? undefined : {
-        tabindex: this.$props.tabIndex
-      },
-      onKeydown: this.todayKeyDown,
-      on: this.v3 ? undefined : {
-        "keydown": this.todayKeyDown,
-        "click": this.handleTodayClick
-      },
-      onClick: this.handleTodayClick
-    }, [todayMessage]),
+    }), todayButton,
     // @ts-ignore
     h(kendo_vue_buttons_1.Button, {
       type: "button",

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

@@ -166,8 +166,9 @@ var ViewVue2 = {
     // tslint:disable-next-line jsx-use-translation-function
     var emptyCell = function emptyCell(idx) {
       return h("td", {
-        key: idx
-      });
+        key: idx,
+        "class": "k-calendar-td k-empty"
+      }, ["\xA0"]);
     };
     //    const weekNames = this._weekService.getWeekNames(this.weekNumber);
     //     const colSpan = this.$props.service.rowLength(this.weekNumber);

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

@@ -233,21 +233,16 @@ var ViewListVue2 = {
       'k-calendar-decadeview': this.$props.activeView === main_1.CalendarViewEnum.decade,
       'k-calendar-centuryview': this.$props.activeView === main_1.CalendarViewEnum.century
     });
-    var tableClassNames = (0, kendo_vue_common_1.classNames)('k-calendar-table', {
-      'k-month': this.$props.activeView === main_1.CalendarViewEnum.month,
-      'k-year': this.$props.activeView === main_1.CalendarViewEnum.year,
-      'k-decade': this.$props.activeView === main_1.CalendarViewEnum.decade,
-      'k-century': this.$props.activeView === main_1.CalendarViewEnum.century
-    });
+    var tableClassNames = (0, kendo_vue_common_1.classNames)('k-calendar-table');
     var buildMonthView = function buildMonthView(weekNames) {
       var that = this;
       return h("thead", {
         "class": 'k-calendar-thead'
       }, [h("tr", {
-        "class": 'k-calendar-tr k-calendar-weekdays'
+        "class": 'k-calendar-tr'
       }, [weekNames.map(function (name, idx) {
         return h("th", {
-          "class": 'k-calendar-caption',
+          "class": 'k-calendar-th',
           key: idx,
           onClick: function onClick(ev) {
             return that.handleWeekNameClick(ev, name);

package/dist/npm/calendar/services/DOMService.js

@@ -36,7 +36,7 @@ var DOMService = /** @class */ (function () {
             thead([
                 tr([th('MO')])
             ])
-        ], 'k-calendar-weekdays')); };
+        ])); };
         var repeat = function (count, mapper) { return new Array(count).fill('1').map(mapper); };
         var content = function (rows, cells) {
             if (cells === void 0) { cells = 1; }

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: 1715093186,
+    publishDate: 1715340025,
     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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-dateinputs",
   "description": "Kendo UI for Vue Date Inputs package",
-  "version": "4.4.0-dev.202405071452",
+  "version": "4.4.0-dev.202405101126",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -54,17 +54,17 @@
   },
   "dependencies": {
     "@progress/kendo-date-math": "1.5.12",
-    "@progress/kendo-vue-buttons": "4.4.0-dev.202405071452",
-    "@progress/kendo-vue-common": "4.4.0-dev.202405071452",
-    "@progress/kendo-vue-labels": "4.4.0-dev.202405071452",
-    "@progress/kendo-vue-popup": "4.4.0-dev.202405071452"
+    "@progress/kendo-vue-buttons": "4.4.0-dev.202405101126",
+    "@progress/kendo-vue-common": "4.4.0-dev.202405101126",
+    "@progress/kendo-vue-labels": "4.4.0-dev.202405101126",
+    "@progress/kendo-vue-popup": "4.4.0-dev.202405101126"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.4",
     "@progress/kendo-licensing": "^1.3.0",
     "@progress/kendo-svg-icons": "^2.0.0",
-    "@progress/kendo-vue-dropdowns": "4.4.0-dev.202405071452",
-    "@progress/kendo-vue-intl": "4.4.0-dev.202405071452"
+    "@progress/kendo-vue-dropdowns": "4.4.0-dev.202405101126",
+    "@progress/kendo-vue-intl": "4.4.0-dev.202405101126"
   },
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",