@progress/kendo-angular-dateinputs 7.1.1-dev.202208190701 → 7.1.2-dev.202209131211

package/esm2015/calendar/calendar.component.js

@@ -441,8 +441,10 @@ export class CalendarComponent {
         return this.type === 'classic' ? undefined : this.disabled;
     }
     ngOnInit() {
-        this.dom.calculateHeights(this.element.nativeElement);
-        this.scrollSyncService.configure(this.activeViewEnum);
+        if (this.type === 'infinite') {
+            this.dom.calculateHeights(this.element.nativeElement);
+            this.scrollSyncService.configure(this.activeViewEnum);
+        }
         this.localizationChangeSubscription = this.localization.changes.subscribe(() => this.cdr.markForCheck());
         this.viewChangeSubscription = this.bus.viewChanged.subscribe(({ view }) => this.handleActiveViewChange(CalendarViewEnum[view]));
         this.control = this.injector.get(NgControl, null);

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-caret-alt-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-caret-alt-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-caret-alt-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-caret-alt-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/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-dateinputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1660892366,
+    publishDate: 1663070978,
     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: 1660892366,
+    publishDate: 1663070978,
     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-caret-alt-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-caret-alt-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-caret-alt-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-caret-alt-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,
@@ -5718,8 +5715,10 @@ class CalendarComponent {
         return this.type === 'classic' ? undefined : this.disabled;
     }
     ngOnInit() {
-        this.dom.calculateHeights(this.element.nativeElement);
-        this.scrollSyncService.configure(this.activeViewEnum);
+        if (this.type === 'infinite') {
+            this.dom.calculateHeights(this.element.nativeElement);
+            this.scrollSyncService.configure(this.activeViewEnum);
+        }
         this.localizationChangeSubscription = this.localization.changes.subscribe(() => this.cdr.markForCheck());
         this.viewChangeSubscription = this.bus.viewChanged.subscribe(({ view }) => this.handleActiveViewChange(CalendarViewEnum[view]));
         this.control = this.injector.get(NgControl, null);
@@ -10090,7 +10089,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.1-dev.202208190701",
+  "version": "7.1.2-dev.202209131211",
   "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",