@progress/kendo-angular-dateinputs 7.1.0-dev.202207291058 → 7.1.1-dev.202209071110

package/calendar/view-list.component.d.ts

@@ -48,7 +48,6 @@ export declare class ViewListComponent implements OnChanges, OnDestroy, AfterVie
     activeDate: Date;
     dates: Date[];
     cols: number[];
-    colWidth: number;
     weekNames: string[];
     take: number;
     skip: number;

package/esm2015/calendar/header.component.js

@@ -129,17 +129,17 @@ HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
     <span class="k-calendar-nav k-hstack">
         <button
             *ngIf="showNavigationButtons"
-            class="k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-icon-button k-prev-view"
+            class="k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-icon-button k-calendar-nav-prev"
             type="button"
             [attr.aria-disabled]="isPrevDisabled"
             [disabled]="isPrevDisabled"
             [title]="prevButtonTitle"
             (click)="prevButtonClick.emit()"
         >
-            <span class="k-icon k-i-arrow-60-left"></span>
+            <span class="k-icon k-i-chevron-left"></span>
         </button>
         <span
-            class="k-today k-nav-today"
+            class="k-today k-calendar-nav-today"
             [class.k-disabled]="!todayAvailable"
             [kendoEventsOutsideAngular]="{
                 click: handleTodayClick
@@ -150,14 +150,14 @@ HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
         </span>
         <button
             *ngIf="showNavigationButtons"
-            class="k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-icon-button k-next-view"
+            class="k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-icon-button k-calendar-nav-next"
             type="button"
             [attr.aria-disabled]="isNextDisabled"
             [disabled]="isNextDisabled"
             [title]="nextButtonTitle"
             (click)="nextButtonClick.emit()"
         >
-            <span class="k-icon k-i-arrow-60-right"></span>
+            <span class="k-icon k-i-chevron-right"></span>
         </button>
     </span>
   `, isInline: true, directives: [{ type: i5.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
@@ -182,17 +182,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
     <span class="k-calendar-nav k-hstack">
         <button
             *ngIf="showNavigationButtons"
-            class="k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-icon-button k-prev-view"
+            class="k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-icon-button k-calendar-nav-prev"
             type="button"
             [attr.aria-disabled]="isPrevDisabled"
             [disabled]="isPrevDisabled"
             [title]="prevButtonTitle"
             (click)="prevButtonClick.emit()"
         >
-            <span class="k-icon k-i-arrow-60-left"></span>
+            <span class="k-icon k-i-chevron-left"></span>
         </button>
         <span
-            class="k-today k-nav-today"
+            class="k-today k-calendar-nav-today"
             [class.k-disabled]="!todayAvailable"
             [kendoEventsOutsideAngular]="{
                 click: handleTodayClick
@@ -203,14 +203,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
         </span>
         <button
             *ngIf="showNavigationButtons"
-            class="k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-icon-button k-next-view"
+            class="k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-icon-button k-calendar-nav-next"
             type="button"
             [attr.aria-disabled]="isNextDisabled"
             [disabled]="isNextDisabled"
             [title]="nextButtonTitle"
             (click)="nextButtonClick.emit()"
         >
-            <span class="k-icon k-i-arrow-60-right"></span>
+            <span class="k-icon k-i-chevron-right"></span>
         </button>
     </span>
   `

package/esm2015/calendar/horizontal-view-list.component.js

@@ -232,7 +232,7 @@ HorizontalViewListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
         <ng-template #tableTemplate let-date="date" let-class="className">
             <table
                 role="grid"
-                class="k-content k-calendar-content k-calendar-table"
+                class="k-content k-calendar-table"
                 [ngClass]="class"
             >
                 <caption *ngIf="showViewHeader" [ngClass]="getCaptionClass()">{{ getCaptionTitle(date) }}</caption>
@@ -308,7 +308,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
         <ng-template #tableTemplate let-date="date" let-class="className">
             <table
                 role="grid"
-                class="k-content k-calendar-content k-calendar-table"
+                class="k-content k-calendar-table"
                 [ngClass]="class"
             >
                 <caption *ngIf="showViewHeader" [ngClass]="getCaptionClass()">{{ getCaptionTitle(date) }}</caption>

package/esm2015/calendar/services/dom.service.js

@@ -21,7 +21,7 @@ const monthHeader = () => (div(`
             <span class="k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-calendar-title">March 2017</span>
             <span class="k-spacer"></span>
             <span class="k-calendar-nav k-hstack">
-                <span class="k-today k-nav-today">TODAY</span>
+                <span class="k-today k-calendar-nav-today">TODAY</span>
             </span>
         `, 'k-calendar-header k-hstack'));
 const monthWeekHeader = () => (table([
@@ -33,7 +33,7 @@ const repeat = (count, mapper) => new Array(count).fill('1').map(mapper);
 const content = (rows, cells = 1) => (table([
     tbody([tr([th('1', 'k-calendar-th')], 'k-calendar-tr')].concat(repeat(rows, () => tr(repeat(cells, c => td(`<span class="k-link">${c}</span>`, 'k-calendar-td')), 'k-calendar-tr'))), 'k-calendar-tbody')
 ], 'k-calendar-table'));
-const scrollable = (children) => div(children, 'k-flex k-content k-calendar-content k-scrollable');
+const scrollable = (children) => div(children, 'k-flex k-content k-scrollable');
 const view = (contentElement, className, renderWeekHeader) => (div([
     monthHeader(),
     renderWeekHeader ? monthWeekHeader() : null,

package/esm2015/calendar/view-list.component.js

@@ -80,7 +80,6 @@ export class ViewListComponent {
             return;
         }
         this.cols = new Array(this.service.rowLength({ prependCell: this.weekNumber })).fill('');
-        this.colWidth = Math.round(100 / this.cols.length);
         this.weekNames = hasChange(changes, 'weekNumber') && this.weekNumber ? this.getWeekNames() : this.weekNames;
         const activeViewChanged = hasChange(changes, 'activeView');
         const focusedDate = this.focusedDate;
@@ -182,7 +181,7 @@ ViewListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
     <table class="k-calendar-weekdays k-calendar-table" style="table-layout: auto;" *ngIf="isMonthView()">
         <thead class="k-calendar-thead">
             <tr class="k-calendar-tr">
-                <th class="k-calendar-th" *ngFor="let name of weekNames" [style.width.%]="colWidth">{{name}}</th>
+                <th class="k-calendar-th" *ngFor="let name of weekNames">{{name}}</th>
             </tr>
         </thead>
     </table>
@@ -245,7 +244,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
     <table class="k-calendar-weekdays k-calendar-table" style="table-layout: auto;" *ngIf="isMonthView()">
         <thead class="k-calendar-thead">
             <tr class="k-calendar-tr">
-                <th class="k-calendar-th" *ngFor="let name of weekNames" [style.width.%]="colWidth">{{name}}</th>
+                <th class="k-calendar-th" *ngFor="let name of weekNames">{{name}}</th>
             </tr>
         </thead>
     </table>

package/esm2015/dateinput/dateinput.component.js

@@ -1440,7 +1440,7 @@ DateInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
             (click)="handleButtonClick(1)"
             [title]="localization.get('increment')"
             [attr.aria-label]="localization.get('increment')">
-            <span class="k-button-icon k-icon k-i-arrow-n"></span>
+            <span class="k-button-icon k-icon k-i-caret-alt-up"></span>
         </button>
         <button
             #spindown
@@ -1452,7 +1452,7 @@ DateInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
             (mouseleave)="arrowDirection = arrow.None"
             [title]="localization.get('decrement')"
             [attr.aria-label]="localization.get('decrement')">
-            <span class="k-button-icon k-icon k-i-arrow-s"></span>
+            <span class="k-button-icon k-icon k-i-caret-alt-down"></span>
         </button>
     </span>
   `, isInline: true, directives: [{ type: i4.DateInputLocalizedMessagesDirective, selector: "[kendoDateInputLocalizedMessages]" }, { type: i5.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -1517,7 +1517,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             (click)="handleButtonClick(1)"
             [title]="localization.get('increment')"
             [attr.aria-label]="localization.get('increment')">
-            <span class="k-button-icon k-icon k-i-arrow-n"></span>
+            <span class="k-button-icon k-icon k-i-caret-alt-up"></span>
         </button>
         <button
             #spindown
@@ -1529,7 +1529,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             (mouseleave)="arrowDirection = arrow.None"
             [title]="localization.get('decrement')"
             [attr.aria-label]="localization.get('decrement')">
-            <span class="k-button-icon k-icon k-i-arrow-s"></span>
+            <span class="k-button-icon k-icon k-i-caret-alt-down"></span>
         </button>
     </span>
   `

package/esm2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-dateinputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1659092106,
+    publishDate: 1662548914,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/esm2015/timepicker/services/dom.service.js

@@ -13,7 +13,7 @@ const span = containerFactory('span');
 const listTitle = () => span('hour', 'k-title k-timeselector-title');
 const listItem = () => li('<span>02</span>', 'k-item');
 const list = () => ul([listItem()], 'k-reset');
-const scrollable = () => (div([list()], 'k-time-container k-flex k-content k-calendar-content k-scrollable'));
+const scrollable = () => (div([list()], 'k-time-container k-flex k-content k-scrollable'));
 const timeListWrapper = () => {
     if (!isDocumentAvailable()) {
         return null;

package/esm2015/util.js

@@ -342,7 +342,7 @@ export const isTabExitingCalendar = (calendarType, focusedElement, shiftKey) =>
     return calendarType === 'infinite' || ( // infinte calendar is always exited on first tab keydown
     calendarType === 'classic' &&
         (shiftKey && focusedElement.classList.contains('k-calendar')) || // exited on main calendar element focused and back-tab
-        (!shiftKey && focusedElement.classList.contains('k-next-view')) // exited on next button focused and regular tab
+        (!shiftKey && focusedElement.classList.contains('k-calendar-nav-next')) // exited on next button focused and regular tab
     );
 };
 /**

package/esm2015/virtualization/virtualization.component.js

@@ -232,7 +232,7 @@ export class VirtualizationComponent {
     }
 }
 VirtualizationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: VirtualizationComponent, deps: [{ token: SCROLLER_FACTORY_TOKEN }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VirtualizationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: VirtualizationComponent, selector: "kendo-virtualization", inputs: { direction: "direction", itemHeight: "itemHeight", itemWidth: "itemWidth", topOffset: "topOffset", bottomOffset: "bottomOffset", maxScrollDifference: "maxScrollDifference", scrollOffsetSize: "scrollOffsetSize", scrollDuration: "scrollDuration", skip: "skip", take: "take", total: "total" }, outputs: { activeIndexChange: "activeIndexChange", pageChange: "pageChange", scrollChange: "scrollChange" }, host: { properties: { "class.k-flex": "this.wrapperClasses", "class.k-content": "this.wrapperClasses", "class.k-calendar-content": "this.wrapperClasses", "class.k-scrollable": "this.wrapperClasses", "class.k-scrollable-horizontal": "this.horizontalClass" } }, providers: [{
+VirtualizationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: VirtualizationComponent, selector: "kendo-virtualization", inputs: { direction: "direction", itemHeight: "itemHeight", itemWidth: "itemWidth", topOffset: "topOffset", bottomOffset: "bottomOffset", maxScrollDifference: "maxScrollDifference", scrollOffsetSize: "scrollOffsetSize", scrollDuration: "scrollDuration", skip: "skip", take: "take", total: "total" }, outputs: { activeIndexChange: "activeIndexChange", pageChange: "pageChange", scrollChange: "scrollChange" }, host: { properties: { "class.k-flex": "this.wrapperClasses", "class.k-content": "this.wrapperClasses", "class.k-scrollable": "this.wrapperClasses", "class.k-scrollable-horizontal": "this.horizontalClass" } }, providers: [{
             provide: SCROLLER_FACTORY_TOKEN,
             useValue: DEFAULT_SCROLLER_FACTORY
         }], usesOnChanges: true, ngImport: i0, template: `
@@ -297,9 +297,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             }, {
                 type: HostBinding,
                 args: ['class.k-content']
-            }, {
-                type: HostBinding,
-                args: ['class.k-calendar-content']
             }, {
                 type: HostBinding,
                 args: ['class.k-scrollable']

package/fesm2015/kendo-angular-dateinputs.js

@@ -28,7 +28,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-dateinputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1659092106,
+    publishDate: 1662548914,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
@@ -457,7 +457,7 @@ const isTabExitingCalendar = (calendarType, focusedElement, shiftKey) => {
     return calendarType === 'infinite' || ( // infinte calendar is always exited on first tab keydown
     calendarType === 'classic' &&
         (shiftKey && focusedElement.classList.contains('k-calendar')) || // exited on main calendar element focused and back-tab
-        (!shiftKey && focusedElement.classList.contains('k-next-view')) // exited on next button focused and regular tab
+        (!shiftKey && focusedElement.classList.contains('k-calendar-nav-next')) // exited on next button focused and regular tab
     );
 };
 /**
@@ -2041,7 +2041,7 @@ HorizontalViewListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
         <ng-template #tableTemplate let-date="date" let-class="className">
             <table
                 role="grid"
-                class="k-content k-calendar-content k-calendar-table"
+                class="k-content k-calendar-table"
                 [ngClass]="class"
             >
                 <caption *ngIf="showViewHeader" [ngClass]="getCaptionClass()">{{ getCaptionTitle(date) }}</caption>
@@ -2117,7 +2117,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
         <ng-template #tableTemplate let-date="date" let-class="className">
             <table
                 role="grid"
-                class="k-content k-calendar-content k-calendar-table"
+                class="k-content k-calendar-table"
                 [ngClass]="class"
             >
                 <caption *ngIf="showViewHeader" [ngClass]="getCaptionClass()">{{ getCaptionTitle(date) }}</caption>
@@ -2370,17 +2370,17 @@ HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
     <span class="k-calendar-nav k-hstack">
         <button
             *ngIf="showNavigationButtons"
-            class="k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-icon-button k-prev-view"
+            class="k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-icon-button k-calendar-nav-prev"
             type="button"
             [attr.aria-disabled]="isPrevDisabled"
             [disabled]="isPrevDisabled"
             [title]="prevButtonTitle"
             (click)="prevButtonClick.emit()"
         >
-            <span class="k-icon k-i-arrow-60-left"></span>
+            <span class="k-icon k-i-chevron-left"></span>
         </button>
         <span
-            class="k-today k-nav-today"
+            class="k-today k-calendar-nav-today"
             [class.k-disabled]="!todayAvailable"
             [kendoEventsOutsideAngular]="{
                 click: handleTodayClick
@@ -2391,14 +2391,14 @@ HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
         </span>
         <button
             *ngIf="showNavigationButtons"
-            class="k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-icon-button k-next-view"
+            class="k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-icon-button k-calendar-nav-next"
             type="button"
             [attr.aria-disabled]="isNextDisabled"
             [disabled]="isNextDisabled"
             [title]="nextButtonTitle"
             (click)="nextButtonClick.emit()"
         >
-            <span class="k-icon k-i-arrow-60-right"></span>
+            <span class="k-icon k-i-chevron-right"></span>
         </button>
     </span>
   `, isInline: true, directives: [{ type: i5.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
@@ -2423,17 +2423,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
     <span class="k-calendar-nav k-hstack">
         <button
             *ngIf="showNavigationButtons"
-            class="k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-icon-button k-prev-view"
+            class="k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-icon-button k-calendar-nav-prev"
             type="button"
             [attr.aria-disabled]="isPrevDisabled"
             [disabled]="isPrevDisabled"
             [title]="prevButtonTitle"
             (click)="prevButtonClick.emit()"
         >
-            <span class="k-icon k-i-arrow-60-left"></span>
+            <span class="k-icon k-i-chevron-left"></span>
         </button>
         <span
-            class="k-today k-nav-today"
+            class="k-today k-calendar-nav-today"
             [class.k-disabled]="!todayAvailable"
             [kendoEventsOutsideAngular]="{
                 click: handleTodayClick
@@ -2444,14 +2444,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
         </span>
         <button
             *ngIf="showNavigationButtons"
-            class="k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-icon-button k-next-view"
+            class="k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-icon-button k-calendar-nav-next"
             type="button"
             [attr.aria-disabled]="isNextDisabled"
             [disabled]="isNextDisabled"
             [title]="nextButtonTitle"
             (click)="nextButtonClick.emit()"
         >
-            <span class="k-icon k-i-arrow-60-right"></span>
+            <span class="k-icon k-i-chevron-right"></span>
         </button>
     </span>
   `
@@ -4360,7 +4360,7 @@ class VirtualizationComponent {
     }
 }
 VirtualizationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: VirtualizationComponent, deps: [{ token: SCROLLER_FACTORY_TOKEN }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VirtualizationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: VirtualizationComponent, selector: "kendo-virtualization", inputs: { direction: "direction", itemHeight: "itemHeight", itemWidth: "itemWidth", topOffset: "topOffset", bottomOffset: "bottomOffset", maxScrollDifference: "maxScrollDifference", scrollOffsetSize: "scrollOffsetSize", scrollDuration: "scrollDuration", skip: "skip", take: "take", total: "total" }, outputs: { activeIndexChange: "activeIndexChange", pageChange: "pageChange", scrollChange: "scrollChange" }, host: { properties: { "class.k-flex": "this.wrapperClasses", "class.k-content": "this.wrapperClasses", "class.k-calendar-content": "this.wrapperClasses", "class.k-scrollable": "this.wrapperClasses", "class.k-scrollable-horizontal": "this.horizontalClass" } }, providers: [{
+VirtualizationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: VirtualizationComponent, selector: "kendo-virtualization", inputs: { direction: "direction", itemHeight: "itemHeight", itemWidth: "itemWidth", topOffset: "topOffset", bottomOffset: "bottomOffset", maxScrollDifference: "maxScrollDifference", scrollOffsetSize: "scrollOffsetSize", scrollDuration: "scrollDuration", skip: "skip", take: "take", total: "total" }, outputs: { activeIndexChange: "activeIndexChange", pageChange: "pageChange", scrollChange: "scrollChange" }, host: { properties: { "class.k-flex": "this.wrapperClasses", "class.k-content": "this.wrapperClasses", "class.k-scrollable": "this.wrapperClasses", "class.k-scrollable-horizontal": "this.horizontalClass" } }, providers: [{
             provide: SCROLLER_FACTORY_TOKEN,
             useValue: DEFAULT_SCROLLER_FACTORY
         }], usesOnChanges: true, ngImport: i0, template: `
@@ -4425,9 +4425,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             }, {
                 type: HostBinding,
                 args: ['class.k-content']
-            }, {
-                type: HostBinding,
-                args: ['class.k-calendar-content']
             }, {
                 type: HostBinding,
                 args: ['class.k-scrollable']
@@ -4449,7 +4446,7 @@ const monthHeader = () => (div$1(`
             <span class="k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-calendar-title">March 2017</span>
             <span class="k-spacer"></span>
             <span class="k-calendar-nav k-hstack">
-                <span class="k-today k-nav-today">TODAY</span>
+                <span class="k-today k-calendar-nav-today">TODAY</span>
             </span>
         `, 'k-calendar-header k-hstack'));
 const monthWeekHeader = () => (table([
@@ -4461,7 +4458,7 @@ const repeat = (count, mapper) => new Array(count).fill('1').map(mapper);
 const content = (rows, cells = 1) => (table([
     tbody([tr([th('1', 'k-calendar-th')], 'k-calendar-tr')].concat(repeat(rows, () => tr(repeat(cells, c => td(`<span class="k-link">${c}</span>`, 'k-calendar-td')), 'k-calendar-tr'))), 'k-calendar-tbody')
 ], 'k-calendar-table'));
-const scrollable$1 = (children) => div$1(children, 'k-flex k-content k-calendar-content k-scrollable');
+const scrollable$1 = (children) => div$1(children, 'k-flex k-content k-scrollable');
 const view = (contentElement, className, renderWeekHeader) => (div$1([
     monthHeader(),
     renderWeekHeader ? monthWeekHeader() : null,
@@ -4850,7 +4847,6 @@ class ViewListComponent {
             return;
         }
         this.cols = new Array(this.service.rowLength({ prependCell: this.weekNumber })).fill('');
-        this.colWidth = Math.round(100 / this.cols.length);
         this.weekNames = hasChange(changes, 'weekNumber') && this.weekNumber ? this.getWeekNames() : this.weekNames;
         const activeViewChanged = hasChange(changes, 'activeView');
         const focusedDate = this.focusedDate;
@@ -4952,7 +4948,7 @@ ViewListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
     <table class="k-calendar-weekdays k-calendar-table" style="table-layout: auto;" *ngIf="isMonthView()">
         <thead class="k-calendar-thead">
             <tr class="k-calendar-tr">
-                <th class="k-calendar-th" *ngFor="let name of weekNames" [style.width.%]="colWidth">{{name}}</th>
+                <th class="k-calendar-th" *ngFor="let name of weekNames">{{name}}</th>
             </tr>
         </thead>
     </table>
@@ -5015,7 +5011,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
     <table class="k-calendar-weekdays k-calendar-table" style="table-layout: auto;" *ngIf="isMonthView()">
         <thead class="k-calendar-thead">
             <tr class="k-calendar-tr">
-                <th class="k-calendar-th" *ngFor="let name of weekNames" [style.width.%]="colWidth">{{name}}</th>
+                <th class="k-calendar-th" *ngFor="let name of weekNames">{{name}}</th>
             </tr>
         </thead>
     </table>
@@ -7982,7 +7978,7 @@ DateInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
             (click)="handleButtonClick(1)"
             [title]="localization.get('increment')"
             [attr.aria-label]="localization.get('increment')">
-            <span class="k-button-icon k-icon k-i-arrow-n"></span>
+            <span class="k-button-icon k-icon k-i-caret-alt-up"></span>
         </button>
         <button
             #spindown
@@ -7994,7 +7990,7 @@ DateInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
             (mouseleave)="arrowDirection = arrow.None"
             [title]="localization.get('decrement')"
             [attr.aria-label]="localization.get('decrement')">
-            <span class="k-button-icon k-icon k-i-arrow-s"></span>
+            <span class="k-button-icon k-icon k-i-caret-alt-down"></span>
         </button>
     </span>
   `, isInline: true, directives: [{ type: DateInputLocalizedMessagesDirective, selector: "[kendoDateInputLocalizedMessages]" }, { type: i5.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -8059,7 +8055,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             (click)="handleButtonClick(1)"
             [title]="localization.get('increment')"
             [attr.aria-label]="localization.get('increment')">
-            <span class="k-button-icon k-icon k-i-arrow-n"></span>
+            <span class="k-button-icon k-icon k-i-caret-alt-up"></span>
         </button>
         <button
             #spindown
@@ -8071,7 +8067,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             (mouseleave)="arrowDirection = arrow.None"
             [title]="localization.get('decrement')"
             [attr.aria-label]="localization.get('decrement')">
-            <span class="k-button-icon k-icon k-i-arrow-s"></span>
+            <span class="k-button-icon k-icon k-i-caret-alt-down"></span>
         </button>
     </span>
   `
@@ -10091,7 +10087,7 @@ const span = domContainerFactory('span');
 const listTitle = () => span('hour', 'k-title k-timeselector-title');
 const listItem = () => li('<span>02</span>', 'k-item');
 const list = () => ul([listItem()], 'k-reset');
-const scrollable = () => (div([list()], 'k-time-container k-flex k-content k-calendar-content k-scrollable'));
+const scrollable = () => (div([list()], 'k-time-container k-flex k-content k-scrollable'));
 const timeListWrapper = () => {
     if (!isDocumentAvailable()) {
         return null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dateinputs",
-  "version": "7.1.0-dev.202207291058",
+  "version": "7.1.1-dev.202209071110",
   "description": "Kendo UI for Angular Date Inputs Package - Everything you need to add date selection functionality to apps (DatePicker, TimePicker, DateInput, DateRangePicker, DateTimePicker, Calendar, and MultiViewCalendar).",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",