@progress/kendo-angular-dateinputs 17.0.0-develop.9 → 17.0.1-develop.1

package/{esm2020 → esm2022}/calendar/multiview-calendar.component.mjs

@@ -76,201 +76,25 @@ export const RANGE_CALENDAR_RANGE_VALIDATORS = {
  * ```
  */
 export class MultiViewCalendarComponent {
-    constructor(bus, element, navigator, renderer, cdr, zone, disabledDatesService, selectionService) {
-        this.bus = bus;
-        this.element = element;
-        this.navigator = navigator;
-        this.renderer = renderer;
-        this.cdr = cdr;
-        this.zone = zone;
-        this.disabledDatesService = disabledDatesService;
-        this.selectionService = selectionService;
-        /**
-         * Displays the days that fall out of the current month ([see example]({% slug viewoptions_multiviewcalendar %}#toc-displaying-other-month-days)).
-         * @default true
-         */
-        this.showOtherMonthDays = true;
-        /**
-         * @hidden
-         *
-         * Determines whether to display the calendar header.
-         */
-        this.showCalendarHeader = true;
-        this._size = DEFAULT_SIZE;
-        /**
-         * Toggles the visibility of the footer.
-         * @default false
-         */
-        this.footer = false;
-        /**
-         * Determines whether the built-in min or max validators are enforced when validating a form.
-         */
-        this.rangeValidation = false;
-        /**
-         * Determines whether the built-in validator for disabled
-         * date ranges is enforced when validating a form
-         * ([see example](slug:disabled_dates_multiviewcalendar)).
-         */
-        this.disabledDatesRangeValidation = false;
-        this._selection = 'single';
-        /**
-         * Allows reverse selection when using `range` selection.
-         * If `allowReverse` is set to `true`, the component skips the validation of whether the start date is after the end date.
-         *
-         * @default false
-         */
-        this.allowReverse = false;
-        /**
-         * Sets or gets the `disabled` property of the Calendar and
-         * determines whether the component is active
-         * ([see example]({% slug disabled_multiviewcalendar %})).
-         * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_multiviewcalendar#toc-managing-the-multiviewcalendar-disabled-state-in-reactive-forms).
-         */
-        this.disabled = false;
-        /**
-         * Sets or gets the `tabindex` property of the Calendar. Based on the
-         * [HTML `tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) behavior,
-         * it determines whether the component is focusable.
-         */
-        this.tabindex = 0;
-        /**
-         * Sets the format of the displayed Calendar week days' names.
-         * @default 'short'
-         */
-        this.weekDaysFormat = "short";
-        /**
-         * @hidden
-         */
-        this.isActive = false;
-        /**
-         * Defines the active view that the Calendar initially renders
-         * ([see example]({% slug viewoptions_multiviewcalendar %})).
-         * By default, the active view is `month`.
-         *
-         * > You have to set `activeView` within the `topView`-`bottomView` range.
-         */
-        this.activeView = CalendarViewEnum[CalendarViewEnum.month];
-        /**
-         * Defines the bottommost view, to which the user can navigate
-         * ([see example](slug:viewdepth_multiviewcalendar)).
-         */
-        this.bottomView = CalendarViewEnum[CalendarViewEnum.month];
-        /**
-         * Defines the topmost view, to which the user can navigate.
-         */
-        this.topView = CalendarViewEnum[CalendarViewEnum.century];
-        /**
-         * Determines whether to display a header for every view (for example the month name).
-         */
-        this.showViewHeader = false;
-        /**
-         * Determines whether to enable animation when navigating to previous/next view.
-         *
-         * > This feature uses the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API). In order to run the animation in browsers that do not support it, you need the `web-animations-js` polyfill.
-         *
-         * @default false
-         */
-        this.animateNavigation = false;
-        /**
-         * Determines whether to display a week number column in the `month` view
-         * ([see example]({% slug weeknumcolumn_multiviewcalendar %})).
-         */
-        this.weekNumber = false;
-        /**
-         * Sets or gets the `views` property of the Calendar and
-         * defines the number of rendered months.
-         */
-        this.views = 2;
-        /**
-         * Specifies the orientation of the MultiViewCalendar.
-         *
-         * The available values are:
-         * * `horizontal` (default)
-         * * `vertical`
-         */
-        this.orientation = 'horizontal';
-        /**
-         * Fires when the active view is changed
-         * ([see example](slug:events_multiviewcalendar)).
-         */
-        this.activeViewChange = new EventEmitter();
-        /**
-         * Fires when navigating in the currently active view
-         * ([see example](slug:events_multiviewcalendar)).
-         */
-        this.navigate = new EventEmitter();
-        /**
-         * Fires when a view cell is entered
-         * ([see example](slug:events_multiviewcalendar)).
-         */
-        this.cellEnter = new EventEmitter();
-        /**
-         * Fires when a view cell is leaved
-         * ([see example](slug:events_multiviewcalendar)).
-         */
-        this.cellLeave = new EventEmitter();
-        /**
-         * Fires when the value is changed
-         * ([see example](slug:events_multiviewcalendar)).
-         */
-        this.valueChange = new EventEmitter();
-        /**
-         * @hidden
-         * Fires when the range selection changes.
-         */
-        this.rangeSelectionChange = new EventEmitter();
-        /**
-         * Fires each time the MultiViewCalendar gets blurred
-         * ([see example](slug:events_multiviewcalendar)).
-         */
-        this.blurEvent = new EventEmitter();
-        /**
-         * Fires each time the MultiViewCalendar gets focused
-         * ([see example](slug:events_multiviewcalendar)).
-         */
-        this.focusEvent = new EventEmitter();
-        /**
-         * @hidden
-         */
-        this.focusCalendar = new EventEmitter();
-        /**
-         * @hidden
-         */
-        this.onClosePopup = new EventEmitter();
-        /**
-         * @hidden
-         */
-        this.onTabPress = new EventEmitter();
-        /**
-         * @hidden
-         */
-        this.onShiftTabPress = new EventEmitter();
-        this.cellUID = guid();
-        this.isHovered = false;
-        this.isPrevDisabled = true;
-        this.isNextDisabled = true;
-        this.prevView = Action.PrevView;
-        this.nextView = Action.NextView;
-        this.selectedDates = [];
-        this.shouldHoverWhenNoStart = false;
-        this.canHover = false;
-        this.changes = {};
-        this.valueSetter = false;
-        this.selectionSetter = false;
-        this._min = new Date(MIN_DATE);
-        this._max = new Date(MAX_DATE);
-        this._focusedDate = getToday();
-        this._selectionRange = { start: null, end: null };
-        this.resolvedPromise = Promise.resolve();
-        this.onControlChange = noop;
-        this.onControlTouched = noop;
-        this.onValidatorChange = noop;
-        this.minValidateFn = noop;
-        this.maxValidateFn = noop;
-        this.disabledDatesRangeValidateFn = noop;
-        this.subscriptions = new Subscription();
-        this.id = `kendo-multiviewcalendarid-${this.bus.calendarId}-`;
-    }
+    bus;
+    element;
+    navigator;
+    renderer;
+    cdr;
+    zone;
+    disabledDatesService;
+    selectionService;
+    /**
+     * Displays the days that fall out of the current month ([see example]({% slug viewoptions_multiviewcalendar %}#toc-displaying-other-month-days)).
+     * @default true
+     */
+    showOtherMonthDays = true;
+    /**
+     * @hidden
+     *
+     * Determines whether to display the calendar header.
+     */
+    showCalendarHeader = true;
     /**
      * @hidden
      *
@@ -295,6 +119,11 @@ export class MultiViewCalendarComponent {
     get size() {
         return this._size;
     }
+    _size = DEFAULT_SIZE;
+    /**
+     * @hidden
+     */
+    id;
     /**
      * Sets or gets the `focusedDate` property of the Calendar and
      * defines the focused date of the component
@@ -308,6 +137,11 @@ export class MultiViewCalendarComponent {
     get focusedDate() {
         return this._focusedDate;
     }
+    /**
+     * Toggles the visibility of the footer.
+     * @default false
+     */
+    footer = false;
     /**
      * @hidden
      */
@@ -348,6 +182,16 @@ export class MultiViewCalendarComponent {
     get max() {
         return this._max;
     }
+    /**
+     * Determines whether the built-in min or max validators are enforced when validating a form.
+     */
+    rangeValidation = false;
+    /**
+     * Determines whether the built-in validator for disabled
+     * date ranges is enforced when validating a form
+     * ([see example](slug:disabled_dates_multiviewcalendar)).
+     */
+    disabledDatesRangeValidation = false;
     /**
      * Sets the Calendar selection mode
      * ([see example]({% slug selection_multiviewcalendar %})).
@@ -364,6 +208,14 @@ export class MultiViewCalendarComponent {
     get selection() {
         return this._selection;
     }
+    _selection = 'single';
+    /**
+     * Allows reverse selection when using `range` selection.
+     * If `allowReverse` is set to `true`, the component skips the validation of whether the start date is after the end date.
+     *
+     * @default false
+     */
+    allowReverse = false;
     /**
      * Sets or gets the `value` property of the Calendar and defines the selected value of the component.
      *
@@ -378,6 +230,19 @@ export class MultiViewCalendarComponent {
     get value() {
         return this._value;
     }
+    /**
+     * Sets or gets the `disabled` property of the Calendar and
+     * determines whether the component is active
+     * ([see example]({% slug disabled_multiviewcalendar %})).
+     * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_multiviewcalendar#toc-managing-the-multiviewcalendar-disabled-state-in-reactive-forms).
+     */
+    disabled = false;
+    /**
+     * Sets or gets the `tabindex` property of the Calendar. Based on the
+     * [HTML `tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) behavior,
+     * it determines whether the component is focusable.
+     */
+    tabindex = 0;
     /**
      * @hidden
      */
@@ -387,6 +252,15 @@ export class MultiViewCalendarComponent {
     get tabIndex() {
         return this.tabindex;
     }
+    /**
+     * Sets the format of the displayed Calendar week days' names.
+     * @default 'short'
+     */
+    weekDaysFormat = "short";
+    /**
+     * @hidden
+     */
+    isActive = false;
     /**
      * Sets the dates of the MultiViewCalendar that will be disabled
      * ([see example]({% slug disabled_dates_multiviewcalendar %})).
@@ -394,6 +268,40 @@ export class MultiViewCalendarComponent {
     set disabledDates(value) {
         this.disabledDatesService.initialize(value);
     }
+    /**
+     * Defines the active view that the Calendar initially renders
+     * ([see example]({% slug viewoptions_multiviewcalendar %})).
+     * By default, the active view is `month`.
+     *
+     * > You have to set `activeView` within the `topView`-`bottomView` range.
+     */
+    activeView = CalendarViewEnum[CalendarViewEnum.month];
+    /**
+     * Defines the bottommost view, to which the user can navigate
+     * ([see example](slug:viewdepth_multiviewcalendar)).
+     */
+    bottomView = CalendarViewEnum[CalendarViewEnum.month];
+    /**
+     * Defines the topmost view, to which the user can navigate.
+     */
+    topView = CalendarViewEnum[CalendarViewEnum.century];
+    /**
+     * Determines whether to display a header for every view (for example the month name).
+     */
+    showViewHeader = false;
+    /**
+     * Determines whether to enable animation when navigating to previous/next view.
+     *
+     * > This feature uses the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API). In order to run the animation in browsers that do not support it, you need the `web-animations-js` polyfill.
+     *
+     * @default false
+     */
+    animateNavigation = false;
+    /**
+     * Determines whether to display a week number column in the `month` view
+     * ([see example]({% slug weeknumcolumn_multiviewcalendar %})).
+     */
+    weekNumber = false;
     /**
      * Specify, which end of the defined selection range should be marked as active.
      *
@@ -421,6 +329,82 @@ export class MultiViewCalendarComponent {
     get selectionRange() {
         return this._selectionRange;
     }
+    /**
+     * Sets or gets the `views` property of the Calendar and
+     * defines the number of rendered months.
+     */
+    views = 2;
+    /**
+     * Specifies the orientation of the MultiViewCalendar.
+     *
+     * The available values are:
+     * * `horizontal` (default)
+     * * `vertical`
+     */
+    orientation = 'horizontal';
+    /**
+     * Fires when the active view is changed
+     * ([see example](slug:events_multiviewcalendar)).
+     */
+    activeViewChange = new EventEmitter();
+    /**
+     * Fires when navigating in the currently active view
+     * ([see example](slug:events_multiviewcalendar)).
+     */
+    navigate = new EventEmitter();
+    /**
+     * Fires when a view cell is entered
+     * ([see example](slug:events_multiviewcalendar)).
+     */
+    cellEnter = new EventEmitter();
+    /**
+     * Fires when a view cell is leaved
+     * ([see example](slug:events_multiviewcalendar)).
+     */
+    cellLeave = new EventEmitter();
+    /**
+     * Fires when the value is changed
+     * ([see example](slug:events_multiviewcalendar)).
+     */
+    valueChange = new EventEmitter();
+    /**
+     * @hidden
+     * Fires when the range selection changes.
+     */
+    rangeSelectionChange = new EventEmitter();
+    /**
+     * Fires each time the MultiViewCalendar gets blurred
+     * ([see example](slug:events_multiviewcalendar)).
+     */
+    blurEvent = new EventEmitter();
+    /**
+     * Fires each time the MultiViewCalendar gets focused
+     * ([see example](slug:events_multiviewcalendar)).
+     */
+    focusEvent = new EventEmitter();
+    /**
+     * @hidden
+     */
+    focusCalendar = new EventEmitter();
+    /**
+     * @hidden
+     */
+    onClosePopup = new EventEmitter();
+    /**
+     * @hidden
+     */
+    onTabPress = new EventEmitter();
+    /**
+     * @hidden
+     */
+    onShiftTabPress = new EventEmitter();
+    /**
+     * @hidden
+     *
+     * Queries the template for a cell template declaration.
+     * Ignored if a `[cellTemplate]` value is explicitly provided.
+     */
+    cellTemplate;
     /**
      * @hidden
      *
@@ -433,6 +417,13 @@ export class MultiViewCalendarComponent {
     get cellTemplateRef() {
         return this._cellTemplateRef || this.cellTemplate;
     }
+    /**
+     * @hidden
+     *
+     * Queries the template for a month cell template declaration.
+     * Ignored if a `[monthCellTemplate]` value is explicitly provided.
+     */
+    monthCellTemplate;
     /**
      * @hidden
      *
@@ -445,6 +436,13 @@ export class MultiViewCalendarComponent {
     get monthCellTemplateRef() {
         return this._monthCellTemplateRef || this.monthCellTemplate;
     }
+    /**
+     * @hidden
+     *
+     * Queries the template for a year cell template declaration.
+     * Ignored if a `[yearCellTemplate]` value is explicitly provided.
+     */
+    yearCellTemplate;
     /**
      * @hidden
      *
@@ -457,6 +455,13 @@ export class MultiViewCalendarComponent {
     get yearCellTemplateRef() {
         return this._yearCellTemplateRef || this.yearCellTemplate;
     }
+    /**
+     * @hidden
+     *
+     * Queries the template for a decade cell template declaration.
+     * Ignored if a `[decadeCellTemplate]` value is explicitly provided.
+     */
+    decadeCellTemplate;
     /**
      * @hidden
      *
@@ -469,6 +474,13 @@ export class MultiViewCalendarComponent {
     get decadeCellTemplateRef() {
         return this._decadeCellTemplateRef || this.decadeCellTemplate;
     }
+    /**
+     * @hidden
+     *
+     * Queries the template for a century cell template declaration.
+     * Ignored if a `[centuryCellTemplate]` value is explicitly provided.
+     */
+    centuryCellTemplate;
     /**
      * @hidden
      *
@@ -481,6 +493,13 @@ export class MultiViewCalendarComponent {
     get centuryCellTemplateRef() {
         return this._centuryCellTemplateRef || this.centuryCellTemplate;
     }
+    /**
+     * @hidden
+     *
+     * Queries the template for a week number cell template declaration.
+     * Ignored if a `[weekNumberTemplate]` value is explicitly provided.
+     */
+    weekNumberTemplate;
     /**
      * @hidden
      *
@@ -493,6 +512,25 @@ export class MultiViewCalendarComponent {
     get weekNumberTemplateRef() {
         return this._weekNumberTemplateRef || this.weekNumberTemplate;
     }
+    /**
+     * @hidden
+     *
+     * Queries the template for a header title template declaration.
+     * Ignored if a `[headerTitleTemplate]` value is explicitly provided.
+     */
+    headerTitleTemplate;
+    /**
+     * @hidden
+     *
+     * Queries the template for a header template declaration.
+     */
+    headerTemplate;
+    /**
+     * @hidden
+     *
+     * Queries the template for a header template declaration.
+     */
+    footerTemplate;
     /**
      * @hidden
      *
@@ -529,6 +567,45 @@ export class MultiViewCalendarComponent {
     get headerTemplateRef() {
         return this._headerTemplateRef || this.headerTemplate;
     }
+    headerElement;
+    viewList;
+    cellUID = guid();
+    isHovered = false;
+    activeDate;
+    isPrevDisabled = true;
+    isNextDisabled = true;
+    prevView = Action.PrevView;
+    nextView = Action.NextView;
+    selectedDates = [];
+    rangePivot;
+    shouldHoverWhenNoStart = false;
+    canHover = false;
+    changes = {};
+    valueSetter = false;
+    selectionSetter = false;
+    _min = new Date(MIN_DATE);
+    _max = new Date(MAX_DATE);
+    _focusedDate = getToday();
+    _value;
+    _selectionRange = { start: null, end: null };
+    _activeRangeEnd;
+    resolvedPromise = Promise.resolve();
+    onControlChange = noop;
+    onControlTouched = noop;
+    onValidatorChange = noop;
+    minValidateFn = noop;
+    maxValidateFn = noop;
+    disabledDatesRangeValidateFn = noop;
+    subscriptions = new Subscription();
+    _cellTemplateRef;
+    _monthCellTemplateRef;
+    _yearCellTemplateRef;
+    _decadeCellTemplateRef;
+    _centuryCellTemplateRef;
+    _weekNumberTemplateRef;
+    _headerTitleTemplateRef;
+    _headerTemplateRef;
+    _footerTemplateRef;
     get activeViewEnum() {
         const activeView = CalendarViewEnum[this.activeView];
         return activeView < this.bottomViewEnum ? this.bottomViewEnum : activeView;
@@ -669,6 +746,17 @@ export class MultiViewCalendarComponent {
             this.performSelection(this.focusedDate, event);
         }
     }
+    constructor(bus, element, navigator, renderer, cdr, zone, disabledDatesService, selectionService) {
+        this.bus = bus;
+        this.element = element;
+        this.navigator = navigator;
+        this.renderer = renderer;
+        this.cdr = cdr;
+        this.zone = zone;
+        this.disabledDatesService = disabledDatesService;
+        this.selectionService = selectionService;
+        this.id = `kendo-multiviewcalendarid-${this.bus.calendarId}-`;
+    }
     ngOnInit() {
         this.setClasses(this.element.nativeElement);
         this.subscriptions.add(this.bus.viewChanged.subscribe(({ view }) => {
@@ -913,7 +1001,7 @@ export class MultiViewCalendarComponent {
      * @hidden
      */
     handleCellClick({ date, modifiers }) {
-        if (this.selection === 'range' && this.activeViewEnum === 0) {
+        if (this.selection === 'range' && this.activeViewEnum === CalendarViewEnum[this.bottomView]) {
             this.performRangeSelection(date);
         }
         else {
@@ -1089,21 +1177,20 @@ export class MultiViewCalendarComponent {
             focusedDate: date
         });
     }
-}
-MultiViewCalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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: "14.0.0", version: "15.2.10", type: MultiViewCalendarComponent, isStandalone: true, selector: "kendo-multiviewcalendar", inputs: { showOtherMonthDays: "showOtherMonthDays", showCalendarHeader: "showCalendarHeader", size: "size", id: "id", focusedDate: "focusedDate", footer: "footer", min: "min", max: "max", rangeValidation: "rangeValidation", disabledDatesRangeValidation: "disabledDatesRangeValidation", selection: "selection", allowReverse: "allowReverse", value: "value", disabled: "disabled", tabindex: "tabindex", tabIndex: "tabIndex", weekDaysFormat: "weekDaysFormat", isActive: "isActive", disabledDates: "disabledDates", activeView: "activeView", bottomView: "bottomView", topView: "topView", showViewHeader: "showViewHeader", animateNavigation: "animateNavigation", weekNumber: "weekNumber", activeRangeEnd: "activeRangeEnd", selectionRange: "selectionRange", views: "views", orientation: "orientation", cellTemplateRef: ["cellTemplate", "cellTemplateRef"], monthCellTemplateRef: ["monthCellTemplate", "monthCellTemplateRef"], yearCellTemplateRef: ["yearCellTemplate", "yearCellTemplateRef"], decadeCellTemplateRef: ["decadeCellTemplate", "decadeCellTemplateRef"], centuryCellTemplateRef: ["centuryCellTemplate", "centuryCellTemplateRef"], weekNumberTemplateRef: ["weekNumberTemplate", "weekNumberTemplateRef"], footerTemplateRef: ["footerTemplate", "footerTemplateRef"], headerTitleTemplateRef: ["headerTitleTemplate", "headerTitleTemplateRef"], headerTemplateRef: ["headerTemplate", "headerTemplateRef"] }, outputs: { activeViewChange: "activeViewChange", navigate: "navigate", cellEnter: "cellEnter", cellLeave: "cellLeave", valueChange: "valueChange", rangeSelectionChange: "rangeSelectionChange", blurEvent: "blur", focusEvent: "focus", focusCalendar: "focusCalendar", onClosePopup: "onClosePopup", onTabPress: "onTabPress", onShiftTabPress: "onShiftTabPress" }, host: { listeners: { "mouseenter": "handleMouseEnter()", "mouseleave": "handleMouseLeave()", "mousedown": "handleMousedown($event)", "click": "handleClick()", "keydown": "keydown($event)" }, properties: { "attr.id": "this.widgetId", "attr.aria-disabled": "this.ariaDisabled", "class.k-disabled": "this.ariaDisabled" } }, 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 }, { propertyName: "headerTemplate", first: true, predicate: HeaderTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, 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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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 });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MultiViewCalendarComponent, isStandalone: true, selector: "kendo-multiviewcalendar", inputs: { showOtherMonthDays: "showOtherMonthDays", showCalendarHeader: "showCalendarHeader", size: "size", id: "id", focusedDate: "focusedDate", footer: "footer", min: "min", max: "max", rangeValidation: "rangeValidation", disabledDatesRangeValidation: "disabledDatesRangeValidation", selection: "selection", allowReverse: "allowReverse", value: "value", disabled: "disabled", tabindex: "tabindex", tabIndex: "tabIndex", weekDaysFormat: "weekDaysFormat", isActive: "isActive", disabledDates: "disabledDates", activeView: "activeView", bottomView: "bottomView", topView: "topView", showViewHeader: "showViewHeader", animateNavigation: "animateNavigation", weekNumber: "weekNumber", activeRangeEnd: "activeRangeEnd", selectionRange: "selectionRange", views: "views", orientation: "orientation", cellTemplateRef: ["cellTemplate", "cellTemplateRef"], monthCellTemplateRef: ["monthCellTemplate", "monthCellTemplateRef"], yearCellTemplateRef: ["yearCellTemplate", "yearCellTemplateRef"], decadeCellTemplateRef: ["decadeCellTemplate", "decadeCellTemplateRef"], centuryCellTemplateRef: ["centuryCellTemplate", "centuryCellTemplateRef"], weekNumberTemplateRef: ["weekNumberTemplate", "weekNumberTemplateRef"], footerTemplateRef: ["footerTemplate", "footerTemplateRef"], headerTitleTemplateRef: ["headerTitleTemplate", "headerTitleTemplateRef"], headerTemplateRef: ["headerTemplate", "headerTemplateRef"] }, outputs: { activeViewChange: "activeViewChange", navigate: "navigate", cellEnter: "cellEnter", cellLeave: "cellLeave", valueChange: "valueChange", rangeSelectionChange: "rangeSelectionChange", blurEvent: "blur", focusEvent: "focus", focusCalendar: "focusCalendar", onClosePopup: "onClosePopup", onTabPress: "onTabPress", onShiftTabPress: "onShiftTabPress" }, host: { listeners: { "mouseenter": "handleMouseEnter()", "mouseleave": "handleMouseLeave()", "mousedown": "handleMousedown($event)", "click": "handleClick()", "keydown": "keydown($event)" }, properties: { "attr.id": "this.widgetId", "attr.aria-disabled": "this.ariaDisabled", "class.k-disabled": "this.ariaDisabled" } }, 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 }, { propertyName: "headerTemplate", first: true, predicate: HeaderTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, 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"
@@ -1179,7 +1266,8 @@ MultiViewCalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
         [currentDate]="activeDate">
     </kendo-calendar-footer>
   `, isInline: true, dependencies: [{ kind: "directive", type: MultiViewCalendarLocalizedMessagesDirective, selector: "[kendoMultiViewCalendarLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: HeaderComponent, selector: "kendo-calendar-header", inputs: ["activeView", "currentDate", "min", "max", "rangeLength", "titleTemplateRef", "headerTemplateRef", "isPrevDisabled", "isNextDisabled", "showNavigationButtons", "orientation", "id", "size"], outputs: ["todayButtonClick", "prevButtonClick", "nextButtonClick"] }, { kind: "component", type: HorizontalViewListComponent, selector: "kendo-calendar-horizontal", inputs: ["showOtherMonthDays", "cellTemplateRef", "weekNumberTemplateRef", "allowReverse", "activeRangeEnd", "activeView", "cellUID", "focusedDate", "isActive", "min", "max", "selectionRange", "selectedDates", "views", "showViewHeader", "animateNavigation", "orientation", "activeDescendant", "tabIndex", "disabled", "id", "weekDaysFormat", "weekNumber"], outputs: ["cellClick", "weekNumberCellClick", "cellEnter", "cellLeave", "activeDateChange", "focusCalendar", "blurCalendar", "focusedCellChange"] }, { kind: "component", type: FooterComponent, selector: "kendo-calendar-footer", inputs: ["footerTemplateRef", "activeViewValue", "currentDate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MultiViewCalendarComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MultiViewCalendarComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,