@progress/kendo-angular-dateinputs 6.0.3-dev.202203150818 → 7.0.0-dev.202204150726

package/{dist/es2015 → esm2015}/calendar/calendar.component.js

@@ -2,9 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-/* tslint:disable:no-forward-ref */
-import { Component, ChangeDetectorRef, ChangeDetectionStrategy, ContentChild, EventEmitter, ElementRef, Renderer2, isDevMode, forwardRef, HostBinding, Input, Output, ViewChild, Optional, NgZone, Injector } from '@angular/core';
+import { Component, ChangeDetectionStrategy, ContentChild, EventEmitter, isDevMode, forwardRef, HostBinding, Input, Output, ViewChild, Optional, NgZone } from '@angular/core';
 import { NG_VALUE_ACCESSOR, NG_VALIDATORS, NgControl } from '@angular/forms';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
 import { cloneDate, isEqual } from '@progress/kendo-date-math';
@@ -14,7 +12,6 @@ import { packageMetadata } from '../package-metadata';
 import { MultiViewCalendarComponent } from './multiview-calendar.component';
 import { NavigationComponent } from './navigation.component';
 import { ViewListComponent } from './view-list.component';
-import { CalendarDOMService } from './services/dom.service';
 import { BusViewService } from './services/bus-view.service';
 import { NavigationService } from './services/navigation.service';
 import { DisabledDatesService } from './services/disabled-dates.service';
@@ -28,7 +25,6 @@ import { CenturyCellTemplateDirective } from './templates/century-cell-template.
 import { WeekNumberCellTemplateDirective } from './templates/weeknumber-cell-template.directive';
 import { HeaderTitleTemplateDirective } from './templates/header-title-template.directive';
 import { NavigationItemTemplateDirective } from './templates/navigation-item-template.directive';
-import { PickerService } from '../common/picker.service';
 import { CalendarViewEnum } from './models/view.enum';
 import { minValidator } from '../validators/min.validator';
 import { maxValidator } from '../validators/max.validator';
@@ -37,20 +33,35 @@ import { areDatesEqual, dateInRange, getToday, hasExistingValue, last, noop } fr
 import { closest } from '../common/dom-queries';
 import { requiresZoneOnBlur, preventDefault, isPresent } from '../common/utils';
 import { from as fromPromise } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "./services/bus-view.service";
+import * as i2 from "./services/dom.service";
+import * as i3 from "./services/navigation.service";
+import * as i4 from "./services/scroll-sync.service";
+import * as i5 from "./services/disabled-dates.service";
+import * as i6 from "@progress/kendo-angular-l10n";
+import * as i7 from "./services/selection.service";
+import * as i8 from "../common/picker.service";
+import * as i9 from "./navigation.component";
+import * as i10 from "./view-list.component";
+import * as i11 from "@progress/kendo-angular-common";
+import * as i12 from "./multiview-calendar.component";
+import * as i13 from "./localization/multiview-calendar-custom-messages.component";
+import * as i14 from "./localization/calendar-localized-messages.directive";
+import * as i15 from "@angular/common";
 const BOTTOM_VIEW_DOC_LINK = 'http://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent/#toc-bottomview';
 const TOP_VIEW_DOC_LINK = 'http://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent/#toc-topview';
 const MIN_DOC_LINK = 'http://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent/#toc-min';
 const MAX_DOC_LINK = 'http://www.telerik.com/kendo-angular-ui/components/dateinputs/api/CalendarComponent/#toc-max';
 const VALUE_DOC_LINK = 'http://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/#toc-using-with-json';
 const virtualizationProp = x => x ? x.virtualization : null;
-const ɵ0 = virtualizationProp;
 /**
  * @hidden
  */
 export const CALENDAR_VALUE_ACCESSOR = {
     multi: true,
     provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => CalendarComponent) //tslint:disable-line:no-use-before-declare
+    useExisting: forwardRef(() => CalendarComponent)
 };
 /**
  * @hidden
@@ -58,14 +69,14 @@ export const CALENDAR_VALUE_ACCESSOR = {
 export const CALENDAR_RANGE_VALIDATORS = {
     multi: true,
     provide: NG_VALIDATORS,
-    useExisting: forwardRef(() => CalendarComponent) //tslint:disable-line:no-use-before-declare
+    useExisting: forwardRef(() => CalendarComponent)
 };
 /**
  * @hidden
  */
 export const KENDO_INPUT_PROVIDER = {
     provide: KendoInput,
-    useExisting: forwardRef(() => CalendarComponent) //tslint:disable-line:no-use-before-declare
+    useExisting: forwardRef(() => CalendarComponent)
 };
 /**
  * Represents the [Kendo UI Calendar component for Angular]({% slug overview_calendar %}#toc-basic-usage).
@@ -81,7 +92,7 @@ export const KENDO_INPUT_PROVIDER = {
  * export class AppComponent { }
  * ```
  */
-let CalendarComponent = class CalendarComponent {
+export class CalendarComponent {
     constructor(bus, dom, element, navigator, renderer, cdr, ngZone, injector, scrollSyncService, disabledDatesService, localization, selectionService, pickerService) {
         this.bus = bus;
         this.dom = dom;
@@ -693,6 +704,9 @@ let CalendarComponent = class CalendarComponent {
         }
         this.detectChanges(); // requires zone if templates
     }
+    /**
+     * @hidden
+     */
     handleCellClick({ date, modifiers }) {
         this.performSelection(date, modifiers);
     }
@@ -742,6 +756,15 @@ let CalendarComponent = class CalendarComponent {
         }
         this.emitFocus();
     }
+    /**
+     * @hidden
+     */
+    handleMultiViewCalendarKeydown(args) {
+        // Prevent form from submitting on enter if used in datepicker (classic view)
+        if (isPresent(this.pickerService) && args.keyCode === Keys.Enter) {
+            args.preventDefault();
+        }
+    }
     setClasses(element) {
         this.renderer.addClass(element, 'k-widget');
         this.renderer.addClass(element, 'k-calendar');
@@ -805,6 +828,10 @@ let CalendarComponent = class CalendarComponent {
         if (isPresent(this.pickerService) && arrowKeyPressed && args.altKey) {
             return;
         }
+        // Prevent form from submitting on enter if used in datepicker (infinite view)
+        if (isPresent(this.pickerService) && args.keyCode === Keys.Enter) {
+            args.preventDefault();
+        }
         const candidate = dateInRange(this.navigator.move(this.focusedDate, this.navigator.action(args), this.activeViewEnum), this.min, this.max);
         if (!isEqual(this.focusedDate, candidate)) {
             this.focusedDate = candidate;
@@ -856,224 +883,131 @@ let CalendarComponent = class CalendarComponent {
             focusedDate: date
         });
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], CalendarComponent.prototype, "id", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Date),
-    tslib_1.__metadata("design:paramtypes", [Date])
-], CalendarComponent.prototype, "focusedDate", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Date),
-    tslib_1.__metadata("design:paramtypes", [Date])
-], CalendarComponent.prototype, "min", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Date),
-    tslib_1.__metadata("design:paramtypes", [Date])
-], CalendarComponent.prototype, "max", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], CalendarComponent.prototype, "rangeValidation", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], CalendarComponent.prototype, "selection", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object),
-    tslib_1.__metadata("design:paramtypes", [Object])
-], CalendarComponent.prototype, "value", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], CalendarComponent.prototype, "disabled", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], CalendarComponent.prototype, "tabindex", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number),
-    tslib_1.__metadata("design:paramtypes", [Number])
-], CalendarComponent.prototype, "tabIndex", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object),
-    tslib_1.__metadata("design:paramtypes", [Object])
-], CalendarComponent.prototype, "disabledDates", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], CalendarComponent.prototype, "navigation", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], CalendarComponent.prototype, "activeView", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], CalendarComponent.prototype, "bottomView", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], CalendarComponent.prototype, "topView", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], CalendarComponent.prototype, "type", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], CalendarComponent.prototype, "animateNavigation", void 0);
-tslib_1.__decorate([
-    Input(),
-    HostBinding('class.k-week-number'),
-    tslib_1.__metadata("design:type", Boolean)
-], CalendarComponent.prototype, "weekNumber", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], CalendarComponent.prototype, "activeViewChange", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], CalendarComponent.prototype, "navigate", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], CalendarComponent.prototype, "activeViewDateChange", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], CalendarComponent.prototype, "valueChange", void 0);
-tslib_1.__decorate([
-    ContentChild(CellTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", CellTemplateDirective)
-], CalendarComponent.prototype, "cellTemplate", void 0);
-tslib_1.__decorate([
-    Input('cellTemplate'),
-    tslib_1.__metadata("design:type", CellTemplateDirective),
-    tslib_1.__metadata("design:paramtypes", [CellTemplateDirective])
-], CalendarComponent.prototype, "cellTemplateRef", null);
-tslib_1.__decorate([
-    ContentChild(MonthCellTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", MonthCellTemplateDirective)
-], CalendarComponent.prototype, "monthCellTemplate", void 0);
-tslib_1.__decorate([
-    Input('monthCellTemplate'),
-    tslib_1.__metadata("design:type", MonthCellTemplateDirective),
-    tslib_1.__metadata("design:paramtypes", [MonthCellTemplateDirective])
-], CalendarComponent.prototype, "monthCellTemplateRef", null);
-tslib_1.__decorate([
-    ContentChild(YearCellTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", YearCellTemplateDirective)
-], CalendarComponent.prototype, "yearCellTemplate", void 0);
-tslib_1.__decorate([
-    Input('yearCellTemplate'),
-    tslib_1.__metadata("design:type", YearCellTemplateDirective),
-    tslib_1.__metadata("design:paramtypes", [YearCellTemplateDirective])
-], CalendarComponent.prototype, "yearCellTemplateRef", null);
-tslib_1.__decorate([
-    ContentChild(DecadeCellTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", DecadeCellTemplateDirective)
-], CalendarComponent.prototype, "decadeCellTemplate", void 0);
-tslib_1.__decorate([
-    Input('decadeCellTemplate'),
-    tslib_1.__metadata("design:type", DecadeCellTemplateDirective),
-    tslib_1.__metadata("design:paramtypes", [DecadeCellTemplateDirective])
-], CalendarComponent.prototype, "decadeCellTemplateRef", null);
-tslib_1.__decorate([
-    ContentChild(CenturyCellTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", CenturyCellTemplateDirective)
-], CalendarComponent.prototype, "centuryCellTemplate", void 0);
-tslib_1.__decorate([
-    Input('centuryCellTemplate'),
-    tslib_1.__metadata("design:type", CenturyCellTemplateDirective),
-    tslib_1.__metadata("design:paramtypes", [CenturyCellTemplateDirective])
-], CalendarComponent.prototype, "centuryCellTemplateRef", null);
-tslib_1.__decorate([
-    ContentChild(WeekNumberCellTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", WeekNumberCellTemplateDirective)
-], CalendarComponent.prototype, "weekNumberTemplate", void 0);
-tslib_1.__decorate([
-    Input('weekNumberTemplate'),
-    tslib_1.__metadata("design:type", WeekNumberCellTemplateDirective),
-    tslib_1.__metadata("design:paramtypes", [WeekNumberCellTemplateDirective])
-], CalendarComponent.prototype, "weekNumberTemplateRef", null);
-tslib_1.__decorate([
-    ContentChild(HeaderTitleTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", HeaderTitleTemplateDirective)
-], CalendarComponent.prototype, "headerTitleTemplate", void 0);
-tslib_1.__decorate([
-    Input('headerTitleTemplate'),
-    tslib_1.__metadata("design:type", HeaderTitleTemplateDirective),
-    tslib_1.__metadata("design:paramtypes", [HeaderTitleTemplateDirective])
-], CalendarComponent.prototype, "headerTitleTemplateRef", null);
-tslib_1.__decorate([
-    ContentChild(NavigationItemTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", NavigationItemTemplateDirective)
-], CalendarComponent.prototype, "navigationItemTemplate", void 0);
-tslib_1.__decorate([
-    Input('navigationItemTemplate'),
-    tslib_1.__metadata("design:type", NavigationItemTemplateDirective),
-    tslib_1.__metadata("design:paramtypes", [NavigationItemTemplateDirective])
-], CalendarComponent.prototype, "navigationItemTemplateRef", null);
-tslib_1.__decorate([
-    ViewChild(NavigationComponent, { static: false }),
-    tslib_1.__metadata("design:type", NavigationComponent)
-], CalendarComponent.prototype, "navigationView", void 0);
-tslib_1.__decorate([
-    ViewChild(ViewListComponent, { static: false }),
-    tslib_1.__metadata("design:type", ViewListComponent)
-], CalendarComponent.prototype, "monthView", void 0);
-tslib_1.__decorate([
-    ViewChild(MultiViewCalendarComponent, { static: false }),
-    tslib_1.__metadata("design:type", MultiViewCalendarComponent)
-], CalendarComponent.prototype, "multiViewCalendar", void 0);
-tslib_1.__decorate([
-    HostBinding('attr.id'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], CalendarComponent.prototype, "widgetId", null);
-tslib_1.__decorate([
-    HostBinding('attr.tabindex'),
-    tslib_1.__metadata("design:type", Number),
-    tslib_1.__metadata("design:paramtypes", [])
-], CalendarComponent.prototype, "calendarTabIndex", null);
-tslib_1.__decorate([
-    HostBinding('attr.aria-disabled'),
-    HostBinding('class.k-disabled'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], CalendarComponent.prototype, "ariaDisabled", null);
-CalendarComponent = tslib_1.__decorate([
-    Component({
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        exportAs: 'kendo-calendar',
-        providers: [
-            BusViewService,
-            CALENDAR_VALUE_ACCESSOR,
-            CALENDAR_RANGE_VALIDATORS,
-            KENDO_INPUT_PROVIDER,
-            LocalizationService,
-            DisabledDatesService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.calendar'
-            },
-            NavigationService,
-            ScrollSyncService,
-            SelectionService
-        ],
-        selector: 'kendo-calendar',
-        template: `
+}
+CalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CalendarComponent, deps: [{ token: i1.BusViewService }, { token: i2.CalendarDOMService }, { token: i0.ElementRef }, { token: i3.NavigationService }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Injector }, { token: i4.ScrollSyncService }, { token: i5.DisabledDatesService }, { token: i6.LocalizationService }, { token: i7.SelectionService }, { token: i8.PickerService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+CalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CalendarComponent, selector: "kendo-calendar", inputs: { id: "id", focusedDate: "focusedDate", min: "min", max: "max", rangeValidation: "rangeValidation", selection: "selection", value: "value", disabled: "disabled", tabindex: "tabindex", tabIndex: "tabIndex", disabledDates: "disabledDates", navigation: "navigation", activeView: "activeView", bottomView: "bottomView", topView: "topView", type: "type", animateNavigation: "animateNavigation", weekNumber: "weekNumber", cellTemplateRef: ["cellTemplate", "cellTemplateRef"], monthCellTemplateRef: ["monthCellTemplate", "monthCellTemplateRef"], yearCellTemplateRef: ["yearCellTemplate", "yearCellTemplateRef"], decadeCellTemplateRef: ["decadeCellTemplate", "decadeCellTemplateRef"], centuryCellTemplateRef: ["centuryCellTemplate", "centuryCellTemplateRef"], weekNumberTemplateRef: ["weekNumberTemplate", "weekNumberTemplateRef"], headerTitleTemplateRef: ["headerTitleTemplate", "headerTitleTemplateRef"], navigationItemTemplateRef: ["navigationItemTemplate", "navigationItemTemplateRef"] }, outputs: { activeViewChange: "activeViewChange", navigate: "navigate", activeViewDateChange: "activeViewDateChange", valueChange: "valueChange" }, host: { properties: { "class.k-week-number": "this.weekNumber", "attr.id": "this.widgetId", "attr.tabindex": "this.calendarTabIndex", "attr.aria-disabled": "this.ariaDisabled", "class.k-disabled": "this.ariaDisabled" } }, providers: [
+        BusViewService,
+        CALENDAR_VALUE_ACCESSOR,
+        CALENDAR_RANGE_VALIDATORS,
+        KENDO_INPUT_PROVIDER,
+        LocalizationService,
+        DisabledDatesService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.calendar'
+        },
+        NavigationService,
+        ScrollSyncService,
+        SelectionService
+    ], queries: [{ propertyName: "cellTemplate", first: true, predicate: CellTemplateDirective, descendants: true }, { propertyName: "monthCellTemplate", first: true, predicate: MonthCellTemplateDirective, descendants: true }, { propertyName: "yearCellTemplate", first: true, predicate: YearCellTemplateDirective, descendants: true }, { propertyName: "decadeCellTemplate", first: true, predicate: DecadeCellTemplateDirective, descendants: true }, { propertyName: "centuryCellTemplate", first: true, predicate: CenturyCellTemplateDirective, descendants: true }, { propertyName: "weekNumberTemplate", first: true, predicate: WeekNumberCellTemplateDirective, descendants: true }, { propertyName: "headerTitleTemplate", first: true, predicate: HeaderTitleTemplateDirective, descendants: true }, { propertyName: "navigationItemTemplate", first: true, predicate: NavigationItemTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "navigationView", first: true, predicate: NavigationComponent, descendants: true }, { propertyName: "monthView", first: true, predicate: ViewListComponent, descendants: true }, { propertyName: "multiViewCalendar", first: true, predicate: MultiViewCalendarComponent, descendants: true }], exportAs: ["kendo-calendar"], usesOnChanges: true, ngImport: i0, template: `
+    <ng-container kendoCalendarLocalizedMessages
+        i18n-today="kendo.calendar.today|The label for the today button in the calendar header"
+        today="Today"
+
+        i18n-prevButtonTitle="kendo.calendar.prevButtonTitle|The title of the previous button in the Classic calendar"
+        prevButtonTitle="Navigate to previous view"
+
+        i18n-nextButtonTitle="kendo.calendar.nextButtonTitle|The title of the next button in the Classic calendar"
+        nextButtonTitle="Navigate to next view"
+    >
+    </ng-container>
+    <ng-container *ngIf="type === 'infinite'">
+        <kendo-calendar-navigation
+            *ngIf="navigation"
+            [activeView]="activeViewEnum"
+            [focusedDate]="focusedDate"
+            [min]="min"
+            [max]="max"
+            [templateRef]="navigationItemTemplateRef?.templateRef"
+            (valueChange)="handleNavigation($event)"
+            (pageChange)="onPageChange()"
+        >
+        </kendo-calendar-navigation>
+        <kendo-calendar-viewlist
+            [activeView]="activeViewEnum"
+            [isActive]="isActive"
+            [cellTemplateRef]="activeCellTemplate()?.templateRef"
+            [headerTitleTemplateRef]="headerTitleTemplateRef?.templateRef"
+            [weekNumberTemplateRef]="weekNumberTemplateRef?.templateRef"
+            [cellUID]="cellUID"
+            [min]="min"
+            [max]="max"
+            [focusedDate]="focusedDate"
+            [weekNumber]="weekNumber"
+            [selectedDates]="selectedDates"
+            (todayButtonClick)="handleDateChange({
+                selectedDates: [$event],
+                focusedDate: $event
+            })"
+            (cellClick)="handleCellClick($event)"
+            (weekNumberCellClick)="handleWeekNumberClick($event)"
+            (activeDateChange)="handleActiveDateChange($event)"
+            (pageChange)="onPageChange()"
+        >
+        </kendo-calendar-viewlist>
+        <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
+    </ng-container>
+    <ng-container *ngIf="type === 'classic'">
+        <kendo-multiviewcalendar
+            #multiviewcalendar
+            [views]="1"
+            [min]="min"
+            [max]="max"
+            [isActive]="isActive"
+            [activeView]="activeView"
+            [bottomView]="bottomView"
+            [topView]="topView"
+            [weekNumber]="weekNumber"
+            [animateNavigation]="animateNavigation"
+            [cellTemplate]="activeCellTemplate()"
+            [monthCellTemplate]="monthCellTemplateRef"
+            [yearCellTemplate]="yearCellTemplateRef"
+            [decadeCellTemplate]="decadeCellTemplateRef"
+            [centuryCellTemplate]="centuryCellTemplateRef"
+            [headerTitleTemplate]="headerTitleTemplateRef"
+            [weekNumberTemplate]="weekNumberTemplateRef"
+            [focusedDate]="focusedDate"
+            [selection]="selection"
+            [value]="value"
+            [disabledDates]="disabledDates"
+            (activeViewChange)="handleActiveViewChange($event)"
+            (navigate)="handleNavigate($event)"
+            (valueChange)="handleMultiViewCalendarValueChange($event, multiviewcalendar.focusedDate)"
+            (focus)="handleFocus()"
+            (blur)="handleBlur($event)"
+            (keydown)="handleMultiViewCalendarKeydown($event)"
+        >
+            <kendo-multiviewcalendar-messages
+                [today]="localization.get('today')"
+                [prevButtonTitle]="localization.get('prevButtonTitle')"
+                [nextButtonTitle]="localization.get('nextButtonTitle')"
+            >
+            </kendo-multiviewcalendar-messages>
+        </kendo-multiviewcalendar>
+    </ng-container>
+  `, isInline: true, components: [{ type: i9.NavigationComponent, selector: "kendo-calendar-navigation", inputs: ["activeView", "min", "max", "focusedDate", "templateRef"], outputs: ["valueChange", "pageChange"] }, { type: i10.ViewListComponent, selector: "kendo-calendar-viewlist", inputs: ["cellTemplateRef", "weekNumberTemplateRef", "headerTitleTemplateRef", "activeView", "cellUID", "focusedDate", "isActive", "min", "max", "selectedDates", "weekNumber"], outputs: ["cellClick", "weekNumberCellClick", "activeDateChange", "todayButtonClick", "pageChange"] }, { type: i11.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { type: i12.MultiViewCalendarComponent, selector: "kendo-multiviewcalendar", inputs: ["id", "focusedDate", "min", "max", "rangeValidation", "disabledDatesRangeValidation", "selection", "value", "disabled", "tabindex", "tabIndex", "isActive", "disabledDates", "activeView", "bottomView", "topView", "showViewHeader", "animateNavigation", "weekNumber", "activeRangeEnd", "selectionRange", "views", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate"], outputs: ["activeViewChange", "navigate", "cellEnter", "cellLeave", "valueChange", "blur"], exportAs: ["kendo-multiviewcalendar"] }, { type: i13.MultiViewCalendarCustomMessagesComponent, selector: "kendo-multiviewcalendar-messages" }], directives: [{ type: i14.CalendarLocalizedMessagesDirective, selector: "[kendoCalendarLocalizedMessages]" }, { type: i15.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CalendarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    exportAs: 'kendo-calendar',
+                    providers: [
+                        BusViewService,
+                        CALENDAR_VALUE_ACCESSOR,
+                        CALENDAR_RANGE_VALIDATORS,
+                        KENDO_INPUT_PROVIDER,
+                        LocalizationService,
+                        DisabledDatesService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.calendar'
+                        },
+                        NavigationService,
+                        ScrollSyncService,
+                        SelectionService
+                    ],
+                    selector: 'kendo-calendar',
+                    template: `
     <ng-container kendoCalendarLocalizedMessages
         i18n-today="kendo.calendar.today|The label for the today button in the calendar header"
         today="Today"
@@ -1149,6 +1083,7 @@ CalendarComponent = tslib_1.__decorate([
             (valueChange)="handleMultiViewCalendarValueChange($event, multiviewcalendar.focusedDate)"
             (focus)="handleFocus()"
             (blur)="handleBlur($event)"
+            (keydown)="handleMultiViewCalendarKeydown($event)"
         >
             <kendo-multiviewcalendar-messages
                 [today]="localization.get('today')"
@@ -1159,21 +1094,123 @@ CalendarComponent = tslib_1.__decorate([
         </kendo-multiviewcalendar>
     </ng-container>
   `
-    }),
-    tslib_1.__param(12, Optional()),
-    tslib_1.__metadata("design:paramtypes", [BusViewService,
-        CalendarDOMService,
-        ElementRef,
-        NavigationService,
-        Renderer2,
-        ChangeDetectorRef,
-        NgZone,
-        Injector,
-        ScrollSyncService,
-        DisabledDatesService,
-        LocalizationService,
-        SelectionService,
-        PickerService])
-], CalendarComponent);
-export { CalendarComponent };
-export { ɵ0 };
+                }]
+        }], ctorParameters: function () { return [{ type: i1.BusViewService }, { type: i2.CalendarDOMService }, { type: i0.ElementRef }, { type: i3.NavigationService }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.Injector }, { type: i4.ScrollSyncService }, { type: i5.DisabledDatesService }, { type: i6.LocalizationService }, { type: i7.SelectionService }, { type: i8.PickerService, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { id: [{
+                type: Input
+            }], focusedDate: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], rangeValidation: [{
+                type: Input
+            }], selection: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], tabindex: [{
+                type: Input
+            }], tabIndex: [{
+                type: Input
+            }], disabledDates: [{
+                type: Input
+            }], navigation: [{
+                type: Input
+            }], activeView: [{
+                type: Input
+            }], bottomView: [{
+                type: Input
+            }], topView: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], animateNavigation: [{
+                type: Input
+            }], weekNumber: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class.k-week-number']
+            }], activeViewChange: [{
+                type: Output
+            }], navigate: [{
+                type: Output
+            }], activeViewDateChange: [{
+                type: Output
+            }], valueChange: [{
+                type: Output
+            }], cellTemplate: [{
+                type: ContentChild,
+                args: [CellTemplateDirective, { static: false }]
+            }], cellTemplateRef: [{
+                type: Input,
+                args: ['cellTemplate']
+            }], monthCellTemplate: [{
+                type: ContentChild,
+                args: [MonthCellTemplateDirective, { static: false }]
+            }], monthCellTemplateRef: [{
+                type: Input,
+                args: ['monthCellTemplate']
+            }], yearCellTemplate: [{
+                type: ContentChild,
+                args: [YearCellTemplateDirective, { static: false }]
+            }], yearCellTemplateRef: [{
+                type: Input,
+                args: ['yearCellTemplate']
+            }], decadeCellTemplate: [{
+                type: ContentChild,
+                args: [DecadeCellTemplateDirective, { static: false }]
+            }], decadeCellTemplateRef: [{
+                type: Input,
+                args: ['decadeCellTemplate']
+            }], centuryCellTemplate: [{
+                type: ContentChild,
+                args: [CenturyCellTemplateDirective, { static: false }]
+            }], centuryCellTemplateRef: [{
+                type: Input,
+                args: ['centuryCellTemplate']
+            }], weekNumberTemplate: [{
+                type: ContentChild,
+                args: [WeekNumberCellTemplateDirective, { static: false }]
+            }], weekNumberTemplateRef: [{
+                type: Input,
+                args: ['weekNumberTemplate']
+            }], headerTitleTemplate: [{
+                type: ContentChild,
+                args: [HeaderTitleTemplateDirective, { static: false }]
+            }], headerTitleTemplateRef: [{
+                type: Input,
+                args: ['headerTitleTemplate']
+            }], navigationItemTemplate: [{
+                type: ContentChild,
+                args: [NavigationItemTemplateDirective, { static: false }]
+            }], navigationItemTemplateRef: [{
+                type: Input,
+                args: ['navigationItemTemplate']
+            }], navigationView: [{
+                type: ViewChild,
+                args: [NavigationComponent, { static: false }]
+            }], monthView: [{
+                type: ViewChild,
+                args: [ViewListComponent, { static: false }]
+            }], multiViewCalendar: [{
+                type: ViewChild,
+                args: [MultiViewCalendarComponent, { static: false }]
+            }], widgetId: [{
+                type: HostBinding,
+                args: ['attr.id']
+            }], calendarTabIndex: [{
+                type: HostBinding,
+                args: ['attr.tabindex']
+            }], ariaDisabled: [{
+                type: HostBinding,
+                args: ['attr.aria-disabled']
+            }, {
+                type: HostBinding,
+                args: ['class.k-disabled']
+            }] } });