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

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

@@ -2,8 +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";
-import { Component, ChangeDetectorRef, ChangeDetectionStrategy, ContentChild, EventEmitter, ElementRef, Renderer2, isDevMode, forwardRef, HostBinding, HostListener, Input, Output, ViewChild, NgZone, Optional } from '@angular/core';
+import { Component, ChangeDetectionStrategy, ContentChild, EventEmitter, ElementRef, isDevMode, forwardRef, HostBinding, HostListener, Input, Output, ViewChild } from '@angular/core';
 import { NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
 import { cloneDate, isEqual } from '@progress/kendo-date-math';
@@ -30,7 +29,15 @@ import { MIN_DATE, MAX_DATE } from '../defaults';
 import { areDatesEqual, dateInRange, getToday, hasExistingValue, last, noop } from '../util';
 import { Subscription } from 'rxjs';
 import { isPresent } from '../common/utils';
-import { PickerService } from '../common/picker.service';
+import * as i0 from "@angular/core";
+import * as i1 from "./services/bus-view.service";
+import * as i2 from "./services/navigation.service";
+import * as i3 from "./services/disabled-dates.service";
+import * as i4 from "./services/selection.service";
+import * as i5 from "./header.component";
+import * as i6 from "./horizontal-view-list.component";
+import * as i7 from "./localization/multiview-calendar-localized-messages.directive";
+import * as i8 from "@progress/kendo-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';
@@ -42,7 +49,7 @@ const VALUE_DOC_LINK = 'http://www.telerik.com/kendo-angular-ui/components/datei
 export const RANGE_CALENDAR_VALUE_ACCESSOR = {
     multi: true,
     provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => MultiViewCalendarComponent) //tslint:disable-line:no-use-before-declare
+    useExisting: forwardRef(() => MultiViewCalendarComponent)
 };
 /**
  * @hidden
@@ -50,7 +57,7 @@ export const RANGE_CALENDAR_VALUE_ACCESSOR = {
 export const RANGE_CALENDAR_RANGE_VALIDATORS = {
     multi: true,
     provide: NG_VALIDATORS,
-    useExisting: forwardRef(() => MultiViewCalendarComponent) //tslint:disable-line:no-use-before-declare
+    useExisting: forwardRef(() => MultiViewCalendarComponent)
 };
 /**
  * Represents the Kendo UI MultiViewCalendar component for Angular.
@@ -66,8 +73,8 @@ export const RANGE_CALENDAR_RANGE_VALIDATORS = {
  * export class AppComponent { }
  * ```
  */
-let MultiViewCalendarComponent = class MultiViewCalendarComponent {
-    constructor(bus, element, navigator, renderer, cdr, zone, disabledDatesService, selectionService, pickerService) {
+export class MultiViewCalendarComponent {
+    constructor(bus, element, navigator, renderer, cdr, zone, disabledDatesService, selectionService) {
         this.bus = bus;
         this.element = element;
         this.navigator = navigator;
@@ -76,7 +83,6 @@ let MultiViewCalendarComponent = class MultiViewCalendarComponent {
         this.zone = zone;
         this.disabledDatesService = disabledDatesService;
         this.selectionService = selectionService;
-        this.pickerService = pickerService;
         /**
          * @hidden
          */
@@ -457,9 +463,6 @@ let MultiViewCalendarComponent = class MultiViewCalendarComponent {
             return;
         }
         if (event.keyCode === Keys.Enter) {
-            if (isPresent(this.pickerService)) {
-                event.preventDefault(); // Don't submit form from Datepicker popup
-            }
             this.performSelection(this.focusedDate, event);
         }
         const candidate = dateInRange(this.navigator.move(this.focusedDate, this.navigator.action(event), this.activeViewEnum), this.min, this.max);
@@ -743,279 +746,95 @@ let MultiViewCalendarComponent = class MultiViewCalendarComponent {
             focusedDate: date
         });
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], MultiViewCalendarComponent.prototype, "id", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Date),
-    tslib_1.__metadata("design:paramtypes", [Date])
-], MultiViewCalendarComponent.prototype, "focusedDate", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Date),
-    tslib_1.__metadata("design:paramtypes", [Date])
-], MultiViewCalendarComponent.prototype, "min", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Date),
-    tslib_1.__metadata("design:paramtypes", [Date])
-], MultiViewCalendarComponent.prototype, "max", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], MultiViewCalendarComponent.prototype, "rangeValidation", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], MultiViewCalendarComponent.prototype, "disabledDatesRangeValidation", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], MultiViewCalendarComponent.prototype, "selection", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object),
-    tslib_1.__metadata("design:paramtypes", [Object])
-], MultiViewCalendarComponent.prototype, "value", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], MultiViewCalendarComponent.prototype, "disabled", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], MultiViewCalendarComponent.prototype, "tabindex", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number),
-    tslib_1.__metadata("design:paramtypes", [Number])
-], MultiViewCalendarComponent.prototype, "tabIndex", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], MultiViewCalendarComponent.prototype, "isActive", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object),
-    tslib_1.__metadata("design:paramtypes", [Object])
-], MultiViewCalendarComponent.prototype, "disabledDates", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], MultiViewCalendarComponent.prototype, "activeView", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], MultiViewCalendarComponent.prototype, "bottomView", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], MultiViewCalendarComponent.prototype, "topView", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], MultiViewCalendarComponent.prototype, "showViewHeader", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], MultiViewCalendarComponent.prototype, "animateNavigation", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], MultiViewCalendarComponent.prototype, "weekNumber", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], MultiViewCalendarComponent.prototype, "activeRangeEnd", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object),
-    tslib_1.__metadata("design:paramtypes", [Object])
-], MultiViewCalendarComponent.prototype, "selectionRange", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], MultiViewCalendarComponent.prototype, "views", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], MultiViewCalendarComponent.prototype, "activeViewChange", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], MultiViewCalendarComponent.prototype, "navigate", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], MultiViewCalendarComponent.prototype, "cellEnter", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], MultiViewCalendarComponent.prototype, "cellLeave", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], MultiViewCalendarComponent.prototype, "valueChange", void 0);
-tslib_1.__decorate([
-    Output('blur'),
-    tslib_1.__metadata("design:type", EventEmitter)
-], MultiViewCalendarComponent.prototype, "blurEvent", void 0);
-tslib_1.__decorate([
-    ContentChild(CellTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", CellTemplateDirective)
-], MultiViewCalendarComponent.prototype, "cellTemplate", void 0);
-tslib_1.__decorate([
-    Input('cellTemplate'),
-    tslib_1.__metadata("design:type", CellTemplateDirective),
-    tslib_1.__metadata("design:paramtypes", [CellTemplateDirective])
-], MultiViewCalendarComponent.prototype, "cellTemplateRef", null);
-tslib_1.__decorate([
-    ContentChild(MonthCellTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", MonthCellTemplateDirective)
-], MultiViewCalendarComponent.prototype, "monthCellTemplate", void 0);
-tslib_1.__decorate([
-    Input('monthCellTemplate'),
-    tslib_1.__metadata("design:type", MonthCellTemplateDirective),
-    tslib_1.__metadata("design:paramtypes", [MonthCellTemplateDirective])
-], MultiViewCalendarComponent.prototype, "monthCellTemplateRef", null);
-tslib_1.__decorate([
-    ContentChild(YearCellTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", YearCellTemplateDirective)
-], MultiViewCalendarComponent.prototype, "yearCellTemplate", void 0);
-tslib_1.__decorate([
-    Input('yearCellTemplate'),
-    tslib_1.__metadata("design:type", YearCellTemplateDirective),
-    tslib_1.__metadata("design:paramtypes", [YearCellTemplateDirective])
-], MultiViewCalendarComponent.prototype, "yearCellTemplateRef", null);
-tslib_1.__decorate([
-    ContentChild(DecadeCellTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", DecadeCellTemplateDirective)
-], MultiViewCalendarComponent.prototype, "decadeCellTemplate", void 0);
-tslib_1.__decorate([
-    Input('decadeCellTemplate'),
-    tslib_1.__metadata("design:type", DecadeCellTemplateDirective),
-    tslib_1.__metadata("design:paramtypes", [DecadeCellTemplateDirective])
-], MultiViewCalendarComponent.prototype, "decadeCellTemplateRef", null);
-tslib_1.__decorate([
-    ContentChild(CenturyCellTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", CenturyCellTemplateDirective)
-], MultiViewCalendarComponent.prototype, "centuryCellTemplate", void 0);
-tslib_1.__decorate([
-    Input('centuryCellTemplate'),
-    tslib_1.__metadata("design:type", CenturyCellTemplateDirective),
-    tslib_1.__metadata("design:paramtypes", [CenturyCellTemplateDirective])
-], MultiViewCalendarComponent.prototype, "centuryCellTemplateRef", null);
-tslib_1.__decorate([
-    ContentChild(WeekNumberCellTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", WeekNumberCellTemplateDirective)
-], MultiViewCalendarComponent.prototype, "weekNumberTemplate", void 0);
-tslib_1.__decorate([
-    Input('weekNumberTemplate'),
-    tslib_1.__metadata("design:type", WeekNumberCellTemplateDirective),
-    tslib_1.__metadata("design:paramtypes", [WeekNumberCellTemplateDirective])
-], MultiViewCalendarComponent.prototype, "weekNumberTemplateRef", null);
-tslib_1.__decorate([
-    ContentChild(HeaderTitleTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", HeaderTitleTemplateDirective)
-], MultiViewCalendarComponent.prototype, "headerTitleTemplate", void 0);
-tslib_1.__decorate([
-    Input('headerTitleTemplate'),
-    tslib_1.__metadata("design:type", HeaderTitleTemplateDirective),
-    tslib_1.__metadata("design:paramtypes", [HeaderTitleTemplateDirective])
-], MultiViewCalendarComponent.prototype, "headerTitleTemplateRef", null);
-tslib_1.__decorate([
-    ViewChild(HeaderComponent, { static: false, read: ElementRef }),
-    tslib_1.__metadata("design:type", ElementRef)
-], MultiViewCalendarComponent.prototype, "headerElement", void 0);
-tslib_1.__decorate([
-    ViewChild(HorizontalViewListComponent, { static: false }),
-    tslib_1.__metadata("design:type", HorizontalViewListComponent)
-], MultiViewCalendarComponent.prototype, "viewList", void 0);
-tslib_1.__decorate([
-    HostBinding('attr.id'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], MultiViewCalendarComponent.prototype, "widgetId", null);
-tslib_1.__decorate([
-    HostBinding('attr.tabindex'),
-    tslib_1.__metadata("design:type", Number),
-    tslib_1.__metadata("design:paramtypes", [])
-], MultiViewCalendarComponent.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", [])
-], MultiViewCalendarComponent.prototype, "ariaDisabled", null);
-tslib_1.__decorate([
-    HostBinding('attr.aria-activedescendant'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], MultiViewCalendarComponent.prototype, "ariaActivedescendant", null);
-tslib_1.__decorate([
-    HostListener('focusout', ['$event']),
-    tslib_1.__metadata("design:type", Function),
-    tslib_1.__metadata("design:paramtypes", [Object]),
-    tslib_1.__metadata("design:returntype", void 0)
-], MultiViewCalendarComponent.prototype, "handleFocusout", null);
-tslib_1.__decorate([
-    HostListener("focus"),
-    tslib_1.__metadata("design:type", Function),
-    tslib_1.__metadata("design:paramtypes", []),
-    tslib_1.__metadata("design:returntype", void 0)
-], MultiViewCalendarComponent.prototype, "handleFocus", null);
-tslib_1.__decorate([
-    HostListener("mouseenter"),
-    tslib_1.__metadata("design:type", Function),
-    tslib_1.__metadata("design:paramtypes", []),
-    tslib_1.__metadata("design:returntype", void 0)
-], MultiViewCalendarComponent.prototype, "handleMouseEnter", null);
-tslib_1.__decorate([
-    HostListener("mouseleave"),
-    tslib_1.__metadata("design:type", Function),
-    tslib_1.__metadata("design:paramtypes", []),
-    tslib_1.__metadata("design:returntype", void 0)
-], MultiViewCalendarComponent.prototype, "handleMouseLeave", null);
-tslib_1.__decorate([
-    HostListener("mousedown", ['$event']),
-    tslib_1.__metadata("design:type", Function),
-    tslib_1.__metadata("design:paramtypes", [Object]),
-    tslib_1.__metadata("design:returntype", void 0)
-], MultiViewCalendarComponent.prototype, "handleMousedown", null);
-tslib_1.__decorate([
-    HostListener("click"),
-    tslib_1.__metadata("design:type", Function),
-    tslib_1.__metadata("design:paramtypes", []),
-    tslib_1.__metadata("design:returntype", void 0)
-], MultiViewCalendarComponent.prototype, "handleClick", null);
-tslib_1.__decorate([
-    HostListener("keydown", ["$event"]),
-    tslib_1.__metadata("design:type", Function),
-    tslib_1.__metadata("design:paramtypes", [Object]),
-    tslib_1.__metadata("design:returntype", void 0)
-], MultiViewCalendarComponent.prototype, "keydown", null);
-MultiViewCalendarComponent = tslib_1.__decorate([
-    Component({
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        exportAs: 'kendo-multiviewcalendar',
-        providers: [
-            BusViewService,
-            RANGE_CALENDAR_VALUE_ACCESSOR,
-            RANGE_CALENDAR_RANGE_VALIDATORS,
-            LocalizationService,
-            DisabledDatesService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.multiviewcalendar'
-            },
-            NavigationService,
-            SelectionService
-        ],
-        selector: 'kendo-multiviewcalendar',
-        template: `
+}
+MultiViewCalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MultiViewCalendarComponent, deps: [{ token: i1.BusViewService }, { token: i0.ElementRef }, { token: i2.NavigationService }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i3.DisabledDatesService }, { token: i4.SelectionService }], target: i0.ɵɵFactoryTarget.Component });
+MultiViewCalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MultiViewCalendarComponent, selector: "kendo-multiviewcalendar", inputs: { id: "id", focusedDate: "focusedDate", min: "min", max: "max", rangeValidation: "rangeValidation", disabledDatesRangeValidation: "disabledDatesRangeValidation", selection: "selection", value: "value", disabled: "disabled", tabindex: "tabindex", tabIndex: "tabIndex", isActive: "isActive", disabledDates: "disabledDates", activeView: "activeView", bottomView: "bottomView", topView: "topView", showViewHeader: "showViewHeader", animateNavigation: "animateNavigation", weekNumber: "weekNumber", activeRangeEnd: "activeRangeEnd", selectionRange: "selectionRange", views: "views", cellTemplateRef: ["cellTemplate", "cellTemplateRef"], monthCellTemplateRef: ["monthCellTemplate", "monthCellTemplateRef"], yearCellTemplateRef: ["yearCellTemplate", "yearCellTemplateRef"], decadeCellTemplateRef: ["decadeCellTemplate", "decadeCellTemplateRef"], centuryCellTemplateRef: ["centuryCellTemplate", "centuryCellTemplateRef"], weekNumberTemplateRef: ["weekNumberTemplate", "weekNumberTemplateRef"], headerTitleTemplateRef: ["headerTitleTemplate", "headerTitleTemplateRef"] }, outputs: { activeViewChange: "activeViewChange", navigate: "navigate", cellEnter: "cellEnter", cellLeave: "cellLeave", valueChange: "valueChange", blurEvent: "blur" }, host: { listeners: { "focusout": "handleFocusout($event)", "focus": "handleFocus()", "mouseenter": "handleMouseEnter()", "mouseleave": "handleMouseLeave()", "mousedown": "handleMousedown($event)", "click": "handleClick()", "keydown": "keydown($event)" }, properties: { "attr.id": "this.widgetId", "attr.tabindex": "this.calendarTabIndex", "attr.aria-disabled": "this.ariaDisabled", "class.k-disabled": "this.ariaDisabled", "attr.aria-activedescendant": "this.ariaActivedescendant" } }, providers: [
+        BusViewService,
+        RANGE_CALENDAR_VALUE_ACCESSOR,
+        RANGE_CALENDAR_RANGE_VALIDATORS,
+        LocalizationService,
+        DisabledDatesService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.multiviewcalendar'
+        },
+        NavigationService,
+        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 }], viewQueries: [{ propertyName: "headerElement", first: true, predicate: HeaderComponent, descendants: true, read: ElementRef }, { propertyName: "viewList", first: true, predicate: HorizontalViewListComponent, descendants: true }], exportAs: ["kendo-multiviewcalendar"], usesOnChanges: true, ngImport: i0, template: `
+    <ng-container kendoMultiViewCalendarLocalizedMessages
+        i18n-today="kendo.multiviewcalendar.today|The label for the today button in the calendar header"
+        today="Today"
+
+        i18n-prevButtonTitle="kendo.multiviewcalendar.prevButtonTitle|The label for the previous button in the Multiview calendar"
+        prevButtonTitle="Navigate to previous view"
+
+        i18n-nextButtonTitle="kendo.multiviewcalendar.nextButtonTitle|The label for the next button in the Multiview calendar"
+        nextButtonTitle="Navigate to next view"
+    >
+    </ng-container>
+    <kendo-calendar-header
+        [activeView]="activeViewEnum"
+        [currentDate]="activeDate"
+        [min]="min"
+        [max]="max"
+        [rangeLength]="views"
+        [templateRef]="headerTitleTemplateRef?.templateRef"
+        [isPrevDisabled]="isPrevDisabled"
+        [isNextDisabled]="isNextDisabled"
+        [showNavigationButtons]="true"
+        (todayButtonClick)="handleTodayButtonClick({ selectedDates: [$event], focusedDate: $event })"
+        (prevButtonClick)="navigateView(prevView)"
+        (nextButtonClick)="navigateView(nextView)"
+        [kendoEventsOutsideAngular]="{
+            focusin: handleHeaderFocus
+        }"
+        [scope]="this"
+    >
+    </kendo-calendar-header>
+    <kendo-calendar-horizontal
+        [activeView]="activeViewEnum"
+        [isActive]="isActive || (isHovered && !isHeaderActive)"
+        [cellTemplateRef]="activeCellTemplate()?.templateRef"
+        [weekNumberTemplateRef]="weekNumberTemplateRef?.templateRef"
+        [cellUID]="cellUID"
+        [views]="views"
+        [min]="min"
+        [max]="max"
+        [focusedDate]="focusedDate"
+        [animateNavigation]="animateNavigation"
+        [showViewHeader]="showViewHeader"
+        [weekNumber]="weekNumber"
+        [activeRangeEnd]="activeRangeEnd"
+        [selectionRange]="selectionRange"
+        [selectedDates]="selectedDates"
+        (cellClick)="handleCellClick($event)"
+        (weekNumberCellClick)="handleWeekNumberClick($event)"
+        (cellEnter)="emitCellEvent(cellEnter, $event)"
+        (cellLeave)="emitCellEvent(cellLeave, $event)"
+        (activeDateChange)="setActiveDate($event)"
+    >
+    </kendo-calendar-horizontal>
+  `, isInline: true, components: [{ type: i5.HeaderComponent, selector: "kendo-calendar-header", inputs: ["activeView", "currentDate", "min", "max", "rangeLength", "templateRef", "isPrevDisabled", "isNextDisabled", "showNavigationButtons"], outputs: ["todayButtonClick", "prevButtonClick", "nextButtonClick"] }, { type: i6.HorizontalViewListComponent, selector: "kendo-calendar-horizontal", inputs: ["cellTemplateRef", "weekNumberTemplateRef", "activeRangeEnd", "activeView", "cellUID", "focusedDate", "isActive", "min", "max", "selectionRange", "selectedDates", "views", "showViewHeader", "animateNavigation", "weekNumber"], outputs: ["cellClick", "weekNumberCellClick", "cellEnter", "cellLeave", "activeDateChange"] }], directives: [{ type: i7.MultiViewCalendarLocalizedMessagesDirective, selector: "[kendoMultiViewCalendarLocalizedMessages]" }, { type: i8.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MultiViewCalendarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    exportAs: 'kendo-multiviewcalendar',
+                    providers: [
+                        BusViewService,
+                        RANGE_CALENDAR_VALUE_ACCESSOR,
+                        RANGE_CALENDAR_RANGE_VALIDATORS,
+                        LocalizationService,
+                        DisabledDatesService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.multiviewcalendar'
+                        },
+                        NavigationService,
+                        SelectionService
+                    ],
+                    selector: 'kendo-multiviewcalendar',
+                    template: `
     <ng-container kendoMultiViewCalendarLocalizedMessages
         i18n-today="kendo.multiviewcalendar.today|The label for the today button in the calendar header"
         today="Today"
@@ -1062,7 +881,6 @@ MultiViewCalendarComponent = tslib_1.__decorate([
         [activeRangeEnd]="activeRangeEnd"
         [selectionRange]="selectionRange"
         [selectedDates]="selectedDates"
-        (valueChange)="handleDateChange($event)"
         (cellClick)="handleCellClick($event)"
         (weekNumberCellClick)="handleWeekNumberClick($event)"
         (cellEnter)="emitCellEvent(cellEnter, $event)"
@@ -1071,16 +889,146 @@ MultiViewCalendarComponent = tslib_1.__decorate([
     >
     </kendo-calendar-horizontal>
   `
-    }),
-    tslib_1.__param(8, Optional()),
-    tslib_1.__metadata("design:paramtypes", [BusViewService,
-        ElementRef,
-        NavigationService,
-        Renderer2,
-        ChangeDetectorRef,
-        NgZone,
-        DisabledDatesService,
-        SelectionService,
-        PickerService])
-], MultiViewCalendarComponent);
-export { MultiViewCalendarComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i1.BusViewService }, { type: i0.ElementRef }, { type: i2.NavigationService }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i3.DisabledDatesService }, { type: i4.SelectionService }]; }, propDecorators: { id: [{
+                type: Input
+            }], focusedDate: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], rangeValidation: [{
+                type: Input
+            }], disabledDatesRangeValidation: [{
+                type: Input
+            }], selection: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], tabindex: [{
+                type: Input
+            }], tabIndex: [{
+                type: Input
+            }], isActive: [{
+                type: Input
+            }], disabledDates: [{
+                type: Input
+            }], activeView: [{
+                type: Input
+            }], bottomView: [{
+                type: Input
+            }], topView: [{
+                type: Input
+            }], showViewHeader: [{
+                type: Input
+            }], animateNavigation: [{
+                type: Input
+            }], weekNumber: [{
+                type: Input
+            }], activeRangeEnd: [{
+                type: Input
+            }], selectionRange: [{
+                type: Input
+            }], views: [{
+                type: Input
+            }], activeViewChange: [{
+                type: Output
+            }], navigate: [{
+                type: Output
+            }], cellEnter: [{
+                type: Output
+            }], cellLeave: [{
+                type: Output
+            }], valueChange: [{
+                type: Output
+            }], blurEvent: [{
+                type: Output,
+                args: ['blur']
+            }], 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']
+            }], headerElement: [{
+                type: ViewChild,
+                args: [HeaderComponent, { static: false, read: ElementRef }]
+            }], viewList: [{
+                type: ViewChild,
+                args: [HorizontalViewListComponent, { 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']
+            }], ariaActivedescendant: [{
+                type: HostBinding,
+                args: ['attr.aria-activedescendant']
+            }], handleFocusout: [{
+                type: HostListener,
+                args: ['focusout', ['$event']]
+            }], handleFocus: [{
+                type: HostListener,
+                args: ["focus"]
+            }], handleMouseEnter: [{
+                type: HostListener,
+                args: ["mouseenter"]
+            }], handleMouseLeave: [{
+                type: HostListener,
+                args: ["mouseleave"]
+            }], handleMousedown: [{
+                type: HostListener,
+                args: ["mousedown", ['$event']]
+            }], handleClick: [{
+                type: HostListener,
+                args: ["click"]
+            }], keydown: [{
+                type: HostListener,
+                args: ["keydown", ["$event"]]
+            }] } });