@progress/kendo-angular-dateinputs 7.1.0-dev.202207271219 → 7.1.1-dev.202208190701

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

@@ -136,7 +136,7 @@ HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
             [title]="prevButtonTitle"
             (click)="prevButtonClick.emit()"
         >
-            <span class="k-icon k-i-arrow-60-left"></span>
+            <span class="k-icon k-i-caret-alt-left"></span>
         </button>
         <span
             class="k-today k-nav-today"
@@ -157,7 +157,7 @@ HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
             [title]="nextButtonTitle"
             (click)="nextButtonClick.emit()"
         >
-            <span class="k-icon k-i-arrow-60-right"></span>
+            <span class="k-icon k-i-caret-alt-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"] }] });
@@ -189,7 +189,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             [title]="prevButtonTitle"
             (click)="prevButtonClick.emit()"
         >
-            <span class="k-icon k-i-arrow-60-left"></span>
+            <span class="k-icon k-i-caret-alt-left"></span>
         </button>
         <span
             class="k-today k-nav-today"
@@ -210,7 +210,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             [title]="nextButtonTitle"
             (click)="nextButtonClick.emit()"
         >
-            <span class="k-icon k-i-arrow-60-right"></span>
+            <span class="k-icon k-i-caret-alt-right"></span>
         </button>
     </span>
   `

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/calendar/view.component.js

@@ -115,9 +115,9 @@ export class ViewComponent {
             'k-range-split-end': !context.isOtherMonth && context.isRangeSplitEnd,
             'k-range-split-start': !context.isOtherMonth && context.isRangeSplitStart,
             'k-range-start': !context.isOtherMonth && isRangeStart,
-            'k-state-active': isStartActive || isEndActive,
-            'k-state-focused': !context.isOtherMonth && this.isActive && context.isFocused,
-            'k-state-selected': !context.isOtherMonth && (context.isSelected || isRangeStart || isRangeEnd),
+            'k-active': isStartActive || isEndActive,
+            'k-focus': !context.isOtherMonth && this.isActive && context.isFocused,
+            'k-selected': !context.isOtherMonth && (context.isSelected || isRangeStart || isRangeEnd),
             'k-today': !context.isOtherMonth && context.isToday,
             'k-weekend': context.isWeekend,
             'k-disabled': context.isDisabled,

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: 1658923995,
+    publishDate: 1660892366,
     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/timeselector.component.js

@@ -154,13 +154,13 @@ export class TimeSelectorComponent {
             return;
         }
         this.timeListWrappers.forEach(listWrapper => {
-            this.renderer.removeClass(listWrapper.nativeElement, 'k-state-focused');
+            this.renderer.removeClass(listWrapper.nativeElement, 'k-focus');
         });
         if (value >= 0) {
             const listIndex = this.listIndex(value);
             const focusedWrapper = this.timeListWrappers.toArray()[listIndex];
             if (focusedWrapper) {
-                this.renderer.addClass(focusedWrapper.nativeElement, 'k-state-focused');
+                this.renderer.addClass(focusedWrapper.nativeElement, 'k-focus');
             }
         }
     }

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: 1658923995,
+    publishDate: 1660892366,
     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'
 };
@@ -1577,9 +1577,9 @@ class ViewComponent {
             'k-range-split-end': !context.isOtherMonth && context.isRangeSplitEnd,
             'k-range-split-start': !context.isOtherMonth && context.isRangeSplitStart,
             'k-range-start': !context.isOtherMonth && isRangeStart,
-            'k-state-active': isStartActive || isEndActive,
-            'k-state-focused': !context.isOtherMonth && this.isActive && context.isFocused,
-            'k-state-selected': !context.isOtherMonth && (context.isSelected || isRangeStart || isRangeEnd),
+            'k-active': isStartActive || isEndActive,
+            'k-focus': !context.isOtherMonth && this.isActive && context.isFocused,
+            'k-selected': !context.isOtherMonth && (context.isSelected || isRangeStart || isRangeEnd),
             'k-today': !context.isOtherMonth && context.isToday,
             'k-weekend': context.isWeekend,
             'k-disabled': context.isDisabled,
@@ -2377,7 +2377,7 @@ HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
             [title]="prevButtonTitle"
             (click)="prevButtonClick.emit()"
         >
-            <span class="k-icon k-i-arrow-60-left"></span>
+            <span class="k-icon k-i-caret-alt-left"></span>
         </button>
         <span
             class="k-today k-nav-today"
@@ -2398,7 +2398,7 @@ HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
             [title]="nextButtonTitle"
             (click)="nextButtonClick.emit()"
         >
-            <span class="k-icon k-i-arrow-60-right"></span>
+            <span class="k-icon k-i-caret-alt-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"] }] });
@@ -2430,7 +2430,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             [title]="prevButtonTitle"
             (click)="prevButtonClick.emit()"
         >
-            <span class="k-icon k-i-arrow-60-left"></span>
+            <span class="k-icon k-i-caret-alt-left"></span>
         </button>
         <span
             class="k-today k-nav-today"
@@ -2451,7 +2451,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             [title]="nextButtonTitle"
             (click)="nextButtonClick.emit()"
         >
-            <span class="k-icon k-i-arrow-60-right"></span>
+            <span class="k-icon k-i-caret-alt-right"></span>
         </button>
     </span>
   `
@@ -4850,7 +4850,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 +4951,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 +5014,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 +7981,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 +7993,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 +8058,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 +8070,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>
   `
@@ -10684,13 +10683,13 @@ class TimeSelectorComponent {
             return;
         }
         this.timeListWrappers.forEach(listWrapper => {
-            this.renderer.removeClass(listWrapper.nativeElement, 'k-state-focused');
+            this.renderer.removeClass(listWrapper.nativeElement, 'k-focus');
         });
         if (value >= 0) {
             const listIndex = this.listIndex(value);
             const focusedWrapper = this.timeListWrappers.toArray()[listIndex];
             if (focusedWrapper) {
-                this.renderer.addClass(focusedWrapper.nativeElement, 'k-state-focused');
+                this.renderer.addClass(focusedWrapper.nativeElement, 'k-focus');
             }
         }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dateinputs",
-  "version": "7.1.0-dev.202207271219",
+  "version": "7.1.1-dev.202208190701",
   "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",