@progress/kendo-angular-dateinputs 16.0.0-develop.2 → 16.0.0-develop.20

package/calendar/calendar.component.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ChangeDetectorRef, EventEmitter, ElementRef, Renderer2, AfterViewChecked, OnChanges, OnDestroy, NgZone, Injector, AfterViewInit } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, ElementRef, Renderer2, AfterViewChecked, OnChanges, OnDestroy, NgZone, Injector, AfterViewInit, DoCheck } from '@angular/core';
 import { AbstractControl, ControlValueAccessor, Validator } from '@angular/forms';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { Day } from '@progress/kendo-date-math';
@@ -32,6 +32,8 @@ import { DateInputSize } from '../common/models/size';
 import { HeaderTemplateDirective } from './templates/header-template.directive';
 import { FooterTemplateDirective } from './templates/footer-template.directivе';
 import { WeekDaysFormat } from '../common/models/week-days-format';
+import { SelectionRangeEnd } from './models/selection-range-end.type';
+import { SelectionRange } from './models/selection-range.interface';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -59,7 +61,7 @@ export declare const KENDO_INPUT_PROVIDER: any;
  * export class AppComponent { }
  * ```
  */
-export declare class CalendarComponent implements ControlValueAccessor, OnChanges, OnDestroy, AfterViewChecked, AfterViewInit, Validator {
+export declare class CalendarComponent implements ControlValueAccessor, OnChanges, DoCheck, OnDestroy, AfterViewChecked, AfterViewInit, Validator {
     private bus;
     dom: CalendarDOMService;
     private element;
@@ -140,17 +142,28 @@ export declare class CalendarComponent implements ControlValueAccessor, OnChange
      * The available values are:
      * * `single` (default)
      * * `multiple`
+     * * `range`
      */
-    selection: CalendarSelection;
+    set selection(_selection: CalendarSelection);
+    get selection(): CalendarSelection;
+    private _selection;
+    /**
+     * 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: boolean;
     /**
      * Sets or gets the `value` property of the Calendar and defines the selected value of the component.
      *
      * > The `value` has to be a valid
      * [JavaScript `Date`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Date)
-     * instance when in `single` selection mode or an array of valid JavaScript Date instances when in `multiple` selection mode.
+     * instance when in `single` selection mode, an array of valid JavaScript Date instances when in `multiple` selection mode, or
+     * an object of type `SelectionRange` when in `range` selection mode.
      */
-    get value(): any;
-    set value(candidate: any);
+    set value(candidate: Date | Date[] | SelectionRange | null);
+    get value(): Date | Date[] | SelectionRange | null;
     /**
      * Sets or gets the `disabled` property of the Calendar and
      * determines whether the component is active
@@ -423,11 +436,21 @@ export declare class CalendarComponent implements ControlValueAccessor, OnChange
     set size(size: DateInputSize);
     get size(): DateInputSize;
     private _size;
+    /**
+     * Specify, which end of the defined selection range should be marked as active.
+     *
+     * > Value will be ignored if the selection range is undefined.
+     * > If range selection is used then the default value is 'start'.
+     */
+    set activeRangeEnd(_activeRangeEnd: SelectionRangeEnd);
+    get activeRangeEnd(): SelectionRangeEnd;
+    private _activeRangeEnd;
     navigationView: NavigationComponent;
     monthView: ViewListComponent;
     multiViewCalendar: MultiViewCalendarComponent;
     isActive: boolean;
     cellUID: string;
+    selectionRange: SelectionRange;
     selectedDates: Date[];
     rangePivot: Date;
     private _disabledDates;
@@ -440,6 +463,9 @@ export declare class CalendarComponent implements ControlValueAccessor, OnChange
     private onValidatorChange;
     private minValidateFn;
     private maxValidateFn;
+    private changes;
+    private valueSetter;
+    private selectionSetter;
     private syncNavigation;
     private viewChangeSubscription;
     private _type;
@@ -466,12 +492,18 @@ export declare class CalendarComponent implements ControlValueAccessor, OnChange
     private localizationChangeSubscription;
     private activeViewDate;
     private currentlyFocusedElement;
+    private canHover;
     constructor(bus: BusViewService, dom: CalendarDOMService, element: ElementRef, navigator: NavigationService, renderer: Renderer2, cdr: ChangeDetectorRef, ngZone: NgZone, injector: Injector, scrollSyncService: ScrollSyncService, disabledDatesService: DisabledDatesService, localization: LocalizationService, selectionService: SelectionService, pickerService?: PickerService);
     ngOnInit(): void;
     ngOnChanges(changes: any): void;
+    ngDoCheck(): void;
     ngAfterViewInit(): void;
     ngAfterViewChecked(): void;
     ngOnDestroy(): void;
+    /**
+     * @hidden
+     */
+    onCellEnter(date: Date): void;
     /**
      * @hidden
      */
@@ -511,7 +543,7 @@ export declare class CalendarComponent implements ControlValueAccessor, OnChange
     /**
      * @hidden
      */
-    handleMultiViewCalendarValueChange(date: Date | Date[], focusedDate: Date): void;
+    handleMultiViewCalendarValueChange(value: Date | Date[] | SelectionRange, focusedDate: Date): void;
     /**
      * @hidden
      */
@@ -605,7 +637,9 @@ export declare class CalendarComponent implements ControlValueAccessor, OnChange
     private emitSameDate;
     private setAriaActivedescendant;
     private parseSelectionToValue;
+    private setValue;
+    private performRangeSelection;
     private performSelection;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent, [null, null, null, null, null, null, null, null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "kendo-calendar", ["kendo-calendar"], { "showOtherMonthDays": "showOtherMonthDays"; "id": "id"; "focusedDate": "focusedDate"; "min": "min"; "max": "max"; "rangeValidation": "rangeValidation"; "weekDaysFormat": "weekDaysFormat"; "footer": "footer"; "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"; "monthCellTemplateRef": "monthCellTemplate"; "yearCellTemplateRef": "yearCellTemplate"; "decadeCellTemplateRef": "decadeCellTemplate"; "centuryCellTemplateRef": "centuryCellTemplate"; "weekNumberTemplateRef": "weekNumberTemplate"; "headerTitleTemplateRef": "headerTitleTemplate"; "headerTemplateRef": "headerTemplate"; "footerTemplateRef": "footerTemplate"; "navigationItemTemplateRef": "navigationItemTemplate"; "size": "size"; }, { "activeViewChange": "activeViewChange"; "navigate": "navigate"; "activeViewDateChange": "activeViewDateChange"; "onBlur": "blur"; "onFocus": "focus"; "valueChange": "valueChange"; }, ["cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "navigationItemTemplate"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "kendo-calendar", ["kendo-calendar"], { "showOtherMonthDays": "showOtherMonthDays"; "id": "id"; "focusedDate": "focusedDate"; "min": "min"; "max": "max"; "rangeValidation": "rangeValidation"; "weekDaysFormat": "weekDaysFormat"; "footer": "footer"; "selection": "selection"; "allowReverse": "allowReverse"; "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"; "monthCellTemplateRef": "monthCellTemplate"; "yearCellTemplateRef": "yearCellTemplate"; "decadeCellTemplateRef": "decadeCellTemplate"; "centuryCellTemplateRef": "centuryCellTemplate"; "weekNumberTemplateRef": "weekNumberTemplate"; "headerTitleTemplateRef": "headerTitleTemplate"; "headerTemplateRef": "headerTemplate"; "footerTemplateRef": "footerTemplate"; "navigationItemTemplateRef": "navigationItemTemplate"; "size": "size"; "activeRangeEnd": "activeRangeEnd"; }, { "activeViewChange": "activeViewChange"; "navigate": "navigate"; "activeViewDateChange": "activeViewDateChange"; "onBlur": "blur"; "onFocus": "focus"; "valueChange": "valueChange"; }, ["cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "navigationItemTemplate"], never, false, never>;
 }

package/calendar/footer.component.d.ts

@@ -18,5 +18,5 @@ export declare class FooterComponent {
     getToday: () => Date;
     constructor(intl: IntlService);
     static ɵfac: i0.ɵɵFactoryDeclaration<FooterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FooterComponent, "kendo-calendar-footer", never, { "footerTemplateRef": "footerTemplateRef"; "activeViewValue": "activeViewValue"; "currentDate": "currentDate"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FooterComponent, "kendo-calendar-footer", never, { "footerTemplateRef": "footerTemplateRef"; "activeViewValue": "activeViewValue"; "currentDate": "currentDate"; }, {}, never, never, false, never>;
 }

package/calendar/for.directive.d.ts

@@ -34,7 +34,7 @@ export declare class KForOf<T> implements DoCheck, OnChanges {
     ngDoCheck(): void;
     private _applyChanges;
     static ɵfac: i0.ɵɵFactoryDeclaration<KForOf<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KForOf<any>, "[kFor][kForOf]", never, { "kForOf": "kForOf"; "kForTrackBy": "kForTrackBy"; "kForTemplate": "kForTemplate"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KForOf<any>, "[kFor][kForOf]", never, { "kForOf": "kForOf"; "kForTrackBy": "kForTrackBy"; "kForTemplate": "kForTemplate"; }, {}, never, never, false, never>;
 }
 /**
  * @hidden

package/calendar/header.component.d.ts

@@ -11,6 +11,7 @@ import { CalendarOrientation } from './models/orientation';
 import { BusViewService } from './services/bus-view.service';
 import { DisabledDatesService } from './services/disabled-dates.service';
 import { SVGIcon } from '@progress/kendo-svg-icons';
+import { DateInputSize } from '../common/models/size';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -49,11 +50,11 @@ export declare class HeaderComponent implements OnChanges, OnInit, OnDestroy {
     showNavigationButtons: boolean;
     orientation: CalendarOrientation;
     id: string;
+    size: DateInputSize;
     todayButtonClick: EventEmitter<Date>;
     prevButtonClick: EventEmitter<any>;
     nextButtonClick: EventEmitter<any>;
     getComponentClass: boolean;
-    get horizontalHostClass(): boolean;
     get verticalHostClass(): boolean;
     private subscriptions;
     constructor(bus: BusViewService, cdr: ChangeDetectorRef, localization: LocalizationService, intl: IntlService, disabledDatesService: DisabledDatesService);
@@ -68,5 +69,5 @@ export declare class HeaderComponent implements OnChanges, OnInit, OnDestroy {
     private getTitle;
     private setTodayAvailability;
     static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "kendo-calendar-header", never, { "activeView": "activeView"; "currentDate": "currentDate"; "min": "min"; "max": "max"; "rangeLength": "rangeLength"; "titleTemplateRef": "titleTemplateRef"; "headerTemplateRef": "headerTemplateRef"; "isPrevDisabled": "isPrevDisabled"; "isNextDisabled": "isNextDisabled"; "showNavigationButtons": "showNavigationButtons"; "orientation": "orientation"; "id": "id"; }, { "todayButtonClick": "todayButtonClick"; "prevButtonClick": "prevButtonClick"; "nextButtonClick": "nextButtonClick"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "kendo-calendar-header", never, { "activeView": "activeView"; "currentDate": "currentDate"; "min": "min"; "max": "max"; "rangeLength": "rangeLength"; "titleTemplateRef": "titleTemplateRef"; "headerTemplateRef": "headerTemplateRef"; "isPrevDisabled": "isPrevDisabled"; "isNextDisabled": "isNextDisabled"; "showNavigationButtons": "showNavigationButtons"; "orientation": "orientation"; "id": "id"; "size": "size"; }, { "todayButtonClick": "todayButtonClick"; "prevButtonClick": "prevButtonClick"; "nextButtonClick": "nextButtonClick"; }, never, never, false, never>;
 }

package/calendar/horizontal-view-list.component.d.ts

@@ -24,14 +24,15 @@ export declare class HorizontalViewListComponent implements OnChanges, AfterView
     private cdr;
     private element;
     private renderer;
+    handleMultiViewCalendarFocus(): void;
+    handleMultiViewCalendarBlur(event: any): void;
     /**
      * Needed for the MultiViewCalendar used in the Scheduler Year view
      */
     showOtherMonthDays: boolean;
-    handleMultiViewCalendarFocus(): void;
-    handleMultiViewCalendarBlur(event: any): void;
     cellTemplateRef: TemplateRef<any>;
     weekNumberTemplateRef: TemplateRef<any>;
+    allowReverse: boolean;
     activeRangeEnd: SelectionRangeEnd;
     activeView: CalendarViewEnum;
     cellUID: string;
@@ -106,5 +107,5 @@ export declare class HorizontalViewListComponent implements OnChanges, AfterView
     private getTake;
     private setAriaActivedescendant;
     static ɵfac: i0.ɵɵFactoryDeclaration<HorizontalViewListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HorizontalViewListComponent, "kendo-calendar-horizontal", never, { "showOtherMonthDays": "showOtherMonthDays"; "cellTemplateRef": "cellTemplateRef"; "weekNumberTemplateRef": "weekNumberTemplateRef"; "activeRangeEnd": "activeRangeEnd"; "activeView": "activeView"; "cellUID": "cellUID"; "focusedDate": "focusedDate"; "isActive": "isActive"; "min": "min"; "max": "max"; "selectionRange": "selectionRange"; "selectedDates": "selectedDates"; "views": "views"; "showViewHeader": "showViewHeader"; "animateNavigation": "animateNavigation"; "orientation": "orientation"; "activeDescendant": "activeDescendant"; "tabIndex": "tabIndex"; "disabled": "disabled"; "id": "id"; "weekDaysFormat": "weekDaysFormat"; "weekNumber": "weekNumber"; }, { "cellClick": "cellClick"; "weekNumberCellClick": "weekNumberCellClick"; "cellEnter": "cellEnter"; "cellLeave": "cellLeave"; "activeDateChange": "activeDateChange"; "focusCalendar": "focusCalendar"; "blurCalendar": "blurCalendar"; "focusedCellChange": "focusedCellChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HorizontalViewListComponent, "kendo-calendar-horizontal", never, { "showOtherMonthDays": "showOtherMonthDays"; "cellTemplateRef": "cellTemplateRef"; "weekNumberTemplateRef": "weekNumberTemplateRef"; "allowReverse": "allowReverse"; "activeRangeEnd": "activeRangeEnd"; "activeView": "activeView"; "cellUID": "cellUID"; "focusedDate": "focusedDate"; "isActive": "isActive"; "min": "min"; "max": "max"; "selectionRange": "selectionRange"; "selectedDates": "selectedDates"; "views": "views"; "showViewHeader": "showViewHeader"; "animateNavigation": "animateNavigation"; "orientation": "orientation"; "activeDescendant": "activeDescendant"; "tabIndex": "tabIndex"; "disabled": "disabled"; "id": "id"; "weekDaysFormat": "weekDaysFormat"; "weekNumber": "weekNumber"; }, { "cellClick": "cellClick"; "weekNumberCellClick": "weekNumberCellClick"; "cellEnter": "cellEnter"; "cellLeave": "cellLeave"; "activeDateChange": "activeDateChange"; "focusCalendar": "focusCalendar"; "blurCalendar": "blurCalendar"; "focusedCellChange": "focusedCellChange"; }, never, never, false, never>;
 }

package/calendar/localization/calendar-custom-messages.component.d.ts

@@ -13,5 +13,5 @@ export declare class CalendarCustomMessagesComponent extends CalendarMessages {
     constructor(service: LocalizationService);
     protected get override(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalendarCustomMessagesComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarCustomMessagesComponent, "kendo-calendar-messages", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarCustomMessagesComponent, "kendo-calendar-messages", never, {}, {}, never, never, false, never>;
 }

package/calendar/localization/calendar-localized-messages.directive.d.ts

@@ -12,5 +12,5 @@ export declare class CalendarLocalizedMessagesDirective extends CalendarMessages
     protected service: LocalizationService;
     constructor(service: LocalizationService);
     static ɵfac: i0.ɵɵFactoryDeclaration<CalendarLocalizedMessagesDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CalendarLocalizedMessagesDirective, "[kendoCalendarLocalizedMessages]", never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CalendarLocalizedMessagesDirective, "[kendoCalendarLocalizedMessages]", never, {}, {}, never, never, false, never>;
 }

package/calendar/localization/calendar-messages.d.ts

@@ -25,5 +25,5 @@ export declare class CalendarMessages extends ComponentMessages {
      */
     parentViewButtonTitle: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalendarMessages, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CalendarMessages, "kendo-calendar-messages-base", never, { "today": "today"; "prevButtonTitle": "prevButtonTitle"; "nextButtonTitle": "nextButtonTitle"; "parentViewButtonTitle": "parentViewButtonTitle"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CalendarMessages, "kendo-calendar-messages-base", never, { "today": "today"; "prevButtonTitle": "prevButtonTitle"; "nextButtonTitle": "nextButtonTitle"; "parentViewButtonTitle": "parentViewButtonTitle"; }, {}, never, never, false, never>;
 }

package/calendar/localization/multiview-calendar-custom-messages.component.d.ts

@@ -13,5 +13,5 @@ export declare class MultiViewCalendarCustomMessagesComponent extends Messages {
     constructor(service: LocalizationService);
     protected get override(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiViewCalendarCustomMessagesComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiViewCalendarCustomMessagesComponent, "kendo-multiviewcalendar-messages", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiViewCalendarCustomMessagesComponent, "kendo-multiviewcalendar-messages", never, {}, {}, never, never, false, never>;
 }

package/calendar/localization/multiview-calendar-localized-messages.directive.d.ts

@@ -12,5 +12,5 @@ export declare class MultiViewCalendarLocalizedMessagesDirective extends Message
     protected service: LocalizationService;
     constructor(service: LocalizationService);
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiViewCalendarLocalizedMessagesDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MultiViewCalendarLocalizedMessagesDirective, "[kendoMultiViewCalendarLocalizedMessages]", never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MultiViewCalendarLocalizedMessagesDirective, "[kendoMultiViewCalendarLocalizedMessages]", never, {}, {}, never, never, false, never>;
 }

package/calendar/localization/multiview-calendar-messages.d.ts

@@ -25,5 +25,5 @@ export declare class Messages extends ComponentMessages {
      */
     parentViewButtonTitle: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<Messages, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, "kendo-multiview-calendar-messages-base", never, { "today": "today"; "prevButtonTitle": "prevButtonTitle"; "nextButtonTitle": "nextButtonTitle"; "parentViewButtonTitle": "parentViewButtonTitle"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, "kendo-multiview-calendar-messages-base", never, { "today": "today"; "prevButtonTitle": "prevButtonTitle"; "nextButtonTitle": "nextButtonTitle"; "parentViewButtonTitle": "parentViewButtonTitle"; }, {}, never, never, false, never>;
 }

package/calendar/models/cell-context.interface.d.ts

@@ -70,4 +70,8 @@ export interface CellContext {
      * @hidden
      */
     showOtherMonthDays?: boolean;
+    /**
+     * @hidden
+     */
+    allowReverse?: boolean;
 }

package/calendar/models/selection-range.interface.d.ts

@@ -9,11 +9,11 @@ export interface SelectionRange {
     /**
      * The beginning of the selection range.
      */
-    start: Date;
+    start: Date | null;
     /**
      * The end of the selection range.
      */
-    end: Date;
+    end: Date | null;
 }
 /**
  * @hidden

package/calendar/models/selection.d.ts

@@ -2,12 +2,22 @@
 * Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+import { SelectionRangeEnd } from "./selection-range-end.type";
+import { SelectionRange } from "./selection-range.interface";
 /**
  * Sets the Calendar selection mode.
  *
  * The available values are:
  * * `single` (default)
  * * `multiple`
+ * * `range`
  *
  */
-export declare type CalendarSelection = 'single' | 'multiple';
+export declare type CalendarSelection = 'single' | 'multiple' | 'range';
+/**
+ * @hidden
+ */
+export declare function handleRangeSelection(date: Date, selectionRange: SelectionRange, activeRangeEnd: SelectionRangeEnd, allowReverse?: boolean): {
+    activeRangeEnd: SelectionRangeEnd;
+    selectionRange: SelectionRange;
+};

package/calendar/multiview-calendar.component.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ChangeDetectorRef, EventEmitter, ElementRef, Renderer2, AfterViewInit, OnChanges, OnDestroy, NgZone } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, ElementRef, Renderer2, AfterViewInit, OnChanges, OnDestroy, NgZone, DoCheck } from '@angular/core';
 import { AbstractControl, ControlValueAccessor, Validator } from '@angular/forms';
 import { Day } from '@progress/kendo-date-math';
 import { HorizontalViewListComponent } from './horizontal-view-list.component';
@@ -28,6 +28,7 @@ import { NavigationService } from './services/navigation.service';
 import { HeaderTemplateDirective } from './templates/header-template.directive';
 import { FooterTemplateDirective } from './templates/footer-template.directivе';
 import { WeekDaysFormat } from '../common/models/week-days-format';
+import { DateInputSize } from '../common/models/size';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -51,7 +52,7 @@ export declare const RANGE_CALENDAR_RANGE_VALIDATORS: any;
  * export class AppComponent { }
  * ```
  */
-export declare class MultiViewCalendarComponent implements AfterViewInit, ControlValueAccessor, OnChanges, OnDestroy, Validator {
+export declare class MultiViewCalendarComponent implements AfterViewInit, ControlValueAccessor, OnChanges, DoCheck, OnDestroy, Validator {
     bus: BusViewService;
     element: ElementRef;
     private navigator;
@@ -71,6 +72,22 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
      * Determines whether to display the calendar header.
      */
     showCalendarHeader: boolean;
+    /**
+     * @hidden
+     *
+     * TODO: Make visible when the Infinite Calendar is fixed to set properly the size option.
+     * Sets the size of the component.
+     *
+     * The possible values are:
+     * * `small`
+     * * `medium` (Default)
+     * * `large`
+     * * `none`
+     *
+     */
+    set size(size: DateInputSize);
+    get size(): DateInputSize;
+    private _size;
     /**
      * @hidden
      */
@@ -132,17 +149,28 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
      * The available values are:
      * * `single` (default)
      * * `multiple`
+     * * `range`
+     */
+    set selection(_selection: CalendarSelection);
+    get selection(): CalendarSelection;
+    private _selection;
+    /**
+     * 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
      */
-    selection: CalendarSelection;
+    allowReverse: boolean;
     /**
      * Sets or gets the `value` property of the Calendar and defines the selected value of the component.
      *
      * > The `value` has to be a valid
      * [JavaScript `Date`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Date)
-     * instance when in `single` selection mode or an array of valid JavaScript Date instances when in `multiple` selection mode.
+     * instance when in `single` selection mode, an array of valid JavaScript Date instances when in `multiple` selection mode, or
+     * an object of type `SelectionRange` when in `range` selection mode.
      */
-    get value(): any;
-    set value(candidate: any);
+    set value(candidate: Date | Date[] | SelectionRange | null);
+    get value(): Date | Date[] | SelectionRange | null;
     /**
      * Sets or gets the `disabled` property of the Calendar and
      * determines whether the component is active
@@ -213,12 +241,15 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
      * Specify, which end of the defined selection range should be marked as active.
      *
      * > Value will be ignored if the selection range is undefined.
+     * > If range selection is used then the default value is 'start'.
      */
-    activeRangeEnd: SelectionRangeEnd;
+    set activeRangeEnd(_activeRangeEnd: SelectionRangeEnd);
+    get activeRangeEnd(): SelectionRangeEnd;
     /**
      * Sets or gets the `selectionRange` property of the Calendar and
      * defines the selection range of the component
      * ([see example]({% slug dates_multiviewcalendar %}#toc-selection-range)).
+     * > We recommend using the `value` property as it now supports `range` selection.
      */
     set selectionRange(range: SelectionRange);
     get selectionRange(): SelectionRange;
@@ -263,6 +294,11 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
      * ([see example](slug:events_multiviewcalendar)).
      */
     valueChange: EventEmitter<any>;
+    /**
+     * @hidden
+     * Fires when the range selection changes.
+     */
+    rangeSelectionChange: EventEmitter<any>;
     /**
      * Fires each time the MultiViewCalendar gets blurred
      * ([see example](slug:events_multiviewcalendar)).
@@ -433,11 +469,17 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
     nextView: Action;
     selectedDates: Date[];
     rangePivot: Date;
+    shouldHoverWhenNoStart: boolean;
+    private canHover;
+    private changes;
+    private valueSetter;
+    private selectionSetter;
     private _min;
     private _max;
     private _focusedDate;
     private _value;
     private _selectionRange;
+    private _activeRangeEnd;
     private resolvedPromise;
     private onControlChange;
     private onControlTouched;
@@ -495,6 +537,7 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
     constructor(bus: BusViewService, element: ElementRef, navigator: NavigationService, renderer: Renderer2, cdr: ChangeDetectorRef, zone: NgZone, disabledDatesService: DisabledDatesService, selectionService: SelectionService);
     ngOnInit(): void;
     ngOnChanges(changes: any): void;
+    ngDoCheck(): void;
     ngOnDestroy(): void;
     ngAfterViewInit(): void;
     /**
@@ -524,6 +567,10 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
         selectedDates: Date[];
         focusedDate: Date;
     }): void;
+    /**
+     * @hidden
+     */
+    onCellEnter(cellEnter: any, date: Date): void;
     /**
      * @hidden
      */
@@ -590,7 +637,9 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
     private verifyValue;
     private updateButtonState;
     private parseSelectionToValue;
+    private setValue;
+    private performRangeSelection;
     private performSelection;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiViewCalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiViewCalendarComponent, "kendo-multiviewcalendar", ["kendo-multiviewcalendar"], { "showOtherMonthDays": "showOtherMonthDays"; "showCalendarHeader": "showCalendarHeader"; "id": "id"; "focusedDate": "focusedDate"; "footer": "footer"; "min": "min"; "max": "max"; "rangeValidation": "rangeValidation"; "disabledDatesRangeValidation": "disabledDatesRangeValidation"; "selection": "selection"; "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"; "monthCellTemplateRef": "monthCellTemplate"; "yearCellTemplateRef": "yearCellTemplate"; "decadeCellTemplateRef": "decadeCellTemplate"; "centuryCellTemplateRef": "centuryCellTemplate"; "weekNumberTemplateRef": "weekNumberTemplate"; "footerTemplateRef": "footerTemplate"; "headerTitleTemplateRef": "headerTitleTemplate"; "headerTemplateRef": "headerTemplate"; }, { "activeViewChange": "activeViewChange"; "navigate": "navigate"; "cellEnter": "cellEnter"; "cellLeave": "cellLeave"; "valueChange": "valueChange"; "blurEvent": "blur"; "focusEvent": "focus"; "focusCalendar": "focusCalendar"; "onClosePopup": "onClosePopup"; "onTabPress": "onTabPress"; "onShiftTabPress": "onShiftTabPress"; }, ["cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiViewCalendarComponent, "kendo-multiviewcalendar", ["kendo-multiviewcalendar"], { "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"; "monthCellTemplateRef": "monthCellTemplate"; "yearCellTemplateRef": "yearCellTemplate"; "decadeCellTemplateRef": "decadeCellTemplate"; "centuryCellTemplateRef": "centuryCellTemplate"; "weekNumberTemplateRef": "weekNumberTemplate"; "footerTemplateRef": "footerTemplate"; "headerTitleTemplateRef": "headerTitleTemplate"; "headerTemplateRef": "headerTemplate"; }, { "activeViewChange": "activeViewChange"; "navigate": "navigate"; "cellEnter": "cellEnter"; "cellLeave": "cellLeave"; "valueChange": "valueChange"; "rangeSelectionChange": "rangeSelectionChange"; "blurEvent": "blur"; "focusEvent": "focus"; "focusCalendar": "focusCalendar"; "onClosePopup": "onClosePopup"; "onTabPress": "onTabPress"; "onShiftTabPress": "onShiftTabPress"; }, ["cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate"], never, false, never>;
 }

package/calendar/navigation.component.d.ts

@@ -56,5 +56,5 @@ export declare class NavigationComponent implements OnChanges, OnDestroy, AfterV
     private getTake;
     private intlChange;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavigationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NavigationComponent, "kendo-calendar-navigation", never, { "activeView": "activeView"; "min": "min"; "max": "max"; "focusedDate": "focusedDate"; "templateRef": "templateRef"; }, { "valueChange": "valueChange"; "pageChange": "pageChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavigationComponent, "kendo-calendar-navigation", never, { "activeView": "activeView"; "min": "min"; "max": "max"; "focusedDate": "focusedDate"; "templateRef": "templateRef"; }, { "valueChange": "valueChange"; "pageChange": "pageChange"; }, never, never, false, never>;
 }

package/calendar/templates/cell-template.directive.d.ts

@@ -35,5 +35,5 @@ export declare class CellTemplateDirective {
     templateRef: TemplateRef<any>;
     constructor(templateRef: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<CellTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CellTemplateDirective, "[kendoCalendarCellTemplate]", never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CellTemplateDirective, "[kendoCalendarCellTemplate]", never, {}, {}, never, never, false, never>;
 }

package/calendar/templates/century-cell-template.directive.d.ts

@@ -34,5 +34,5 @@ export declare class CenturyCellTemplateDirective {
     templateRef: TemplateRef<any>;
     constructor(templateRef: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<CenturyCellTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CenturyCellTemplateDirective, "[kendoCalendarCenturyCellTemplate]", never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CenturyCellTemplateDirective, "[kendoCalendarCenturyCellTemplate]", never, {}, {}, never, never, false, never>;
 }

package/calendar/templates/decade-cell-template.directive.d.ts

@@ -34,5 +34,5 @@ export declare class DecadeCellTemplateDirective {
     templateRef: TemplateRef<any>;
     constructor(templateRef: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<DecadeCellTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DecadeCellTemplateDirective, "[kendoCalendarDecadeCellTemplate]", never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DecadeCellTemplateDirective, "[kendoCalendarDecadeCellTemplate]", never, {}, {}, never, never, false, never>;
 }

package/calendar/templates/footer-template.directiv/320/265.d.ts

@@ -32,5 +32,5 @@ export declare class FooterTemplateDirective {
     templateRef: TemplateRef<any>;
     constructor(templateRef: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<FooterTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FooterTemplateDirective, "[kendoCalendarFooterTemplate]", never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FooterTemplateDirective, "[kendoCalendarFooterTemplate]", never, {}, {}, never, never, false, never>;
 }

package/calendar/templates/header-template.directive.d.ts

@@ -33,5 +33,5 @@ export declare class HeaderTemplateDirective {
     templateRef: TemplateRef<any>;
     constructor(templateRef: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<HeaderTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<HeaderTemplateDirective, "[kendoCalendarHeaderTemplate]", never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HeaderTemplateDirective, "[kendoCalendarHeaderTemplate]", never, {}, {}, never, never, false, never>;
 }

package/calendar/templates/header-title-template.directive.d.ts

@@ -33,5 +33,5 @@ export declare class HeaderTitleTemplateDirective {
     templateRef: TemplateRef<any>;
     constructor(templateRef: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<HeaderTitleTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<HeaderTitleTemplateDirective, "[kendoCalendarHeaderTitleTemplate]", never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HeaderTitleTemplateDirective, "[kendoCalendarHeaderTitleTemplate]", never, {}, {}, never, never, false, never>;
 }

package/calendar/templates/month-cell-template.directive.d.ts

@@ -32,5 +32,5 @@ export declare class MonthCellTemplateDirective {
     templateRef: TemplateRef<any>;
     constructor(templateRef: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<MonthCellTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MonthCellTemplateDirective, "[kendoCalendarMonthCellTemplate]", never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MonthCellTemplateDirective, "[kendoCalendarMonthCellTemplate]", never, {}, {}, never, never, false, never>;
 }

package/calendar/templates/navigation-item-template.directive.d.ts

@@ -33,5 +33,5 @@ export declare class NavigationItemTemplateDirective {
     templateRef: TemplateRef<any>;
     constructor(templateRef: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<NavigationItemTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NavigationItemTemplateDirective, "[kendoCalendarNavigationItemTemplate]", never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NavigationItemTemplateDirective, "[kendoCalendarNavigationItemTemplate]", never, {}, {}, never, never, false, never>;
 }

package/calendar/templates/weeknumber-cell-template.directive.d.ts

@@ -32,5 +32,5 @@ export declare class WeekNumberCellTemplateDirective {
     templateRef: TemplateRef<any>;
     constructor(templateRef: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<WeekNumberCellTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<WeekNumberCellTemplateDirective, "[kendoCalendarWeekNumberCellTemplate]", never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WeekNumberCellTemplateDirective, "[kendoCalendarWeekNumberCellTemplate]", never, {}, {}, never, never, false, never>;
 }

package/calendar/templates/year-cell-template.directive.d.ts

@@ -35,5 +35,5 @@ export declare class YearCellTemplateDirective {
     templateRef: TemplateRef<any>;
     constructor(templateRef: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<YearCellTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<YearCellTemplateDirective, "[kendoCalendarYearCellTemplate]", never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<YearCellTemplateDirective, "[kendoCalendarYearCellTemplate]", never, {}, {}, never, never, false, never>;
 }

package/calendar/view-list.component.d.ts

@@ -13,6 +13,9 @@ import { CalendarViewEnum } from './models/view.enum';
 import { HeaderComponent } from './header.component';
 import { WeekDaysFormat } from '../common/models/week-days-format';
 import { CalendarView } from './models/view.type';
+import { SelectionRangeEnd } from './models/selection-range-end.type';
+import { SelectionRange } from './models/selection-range.interface';
+import { DateInputSize } from '../common/models/size';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -23,6 +26,7 @@ export declare class ViewListComponent implements OnChanges, OnDestroy, AfterVie
     private intl;
     private dom;
     private renderer;
+    allowReverse: boolean;
     cellTemplateRef: TemplateRef<any>;
     weekNumberTemplateRef: TemplateRef<any>;
     headerTitleTemplateRef: TemplateRef<any>;
@@ -41,8 +45,12 @@ export declare class ViewListComponent implements OnChanges, OnDestroy, AfterVie
     id: string;
     showFooter: boolean;
     weekDaysFormat: WeekDaysFormat;
+    activeRangeEnd: SelectionRangeEnd;
+    selectionRange: SelectionRange;
+    size: DateInputSize;
     get weekNumber(): boolean;
     set weekNumber(showWeekNumbers: boolean);
+    cellEnter: EventEmitter<Date>;
     cellClick: EventEmitter<any>;
     weekNumberCellClick: EventEmitter<Date[]>;
     activeDateChange: EventEmitter<Date>;
@@ -96,5 +104,5 @@ export declare class ViewListComponent implements OnChanges, OnDestroy, AfterVie
     private getWeekNames;
     private intlChange;
     static ɵfac: i0.ɵɵFactoryDeclaration<ViewListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ViewListComponent, "kendo-calendar-viewlist", never, { "cellTemplateRef": "cellTemplateRef"; "weekNumberTemplateRef": "weekNumberTemplateRef"; "headerTitleTemplateRef": "headerTitleTemplateRef"; "headerTemplateRef": "headerTemplateRef"; "footerTemplateRef": "footerTemplateRef"; "showOtherMonthDays": "showOtherMonthDays"; "activeView": "activeView"; "cellUID": "cellUID"; "focusedDate": "focusedDate"; "isActive": "isActive"; "min": "min"; "max": "max"; "selectedDates": "selectedDates"; "tabIndex": "tabIndex"; "disabled": "disabled"; "id": "id"; "showFooter": "showFooter"; "weekDaysFormat": "weekDaysFormat"; "weekNumber": "weekNumber"; }, { "cellClick": "cellClick"; "weekNumberCellClick": "weekNumberCellClick"; "activeDateChange": "activeDateChange"; "todayButtonClick": "todayButtonClick"; "pageChange": "pageChange"; "focusCalendar": "focusCalendar"; "blurCalendar": "blurCalendar"; "focusedCellChange": "focusedCellChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ViewListComponent, "kendo-calendar-viewlist", never, { "allowReverse": "allowReverse"; "cellTemplateRef": "cellTemplateRef"; "weekNumberTemplateRef": "weekNumberTemplateRef"; "headerTitleTemplateRef": "headerTitleTemplateRef"; "headerTemplateRef": "headerTemplateRef"; "footerTemplateRef": "footerTemplateRef"; "showOtherMonthDays": "showOtherMonthDays"; "activeView": "activeView"; "cellUID": "cellUID"; "focusedDate": "focusedDate"; "isActive": "isActive"; "min": "min"; "max": "max"; "selectedDates": "selectedDates"; "tabIndex": "tabIndex"; "disabled": "disabled"; "id": "id"; "showFooter": "showFooter"; "weekDaysFormat": "weekDaysFormat"; "activeRangeEnd": "activeRangeEnd"; "selectionRange": "selectionRange"; "size": "size"; "weekNumber": "weekNumber"; }, { "cellEnter": "cellEnter"; "cellClick": "cellClick"; "weekNumberCellClick": "weekNumberCellClick"; "activeDateChange": "activeDateChange"; "todayButtonClick": "todayButtonClick"; "pageChange": "pageChange"; "focusCalendar": "focusCalendar"; "blurCalendar": "blurCalendar"; "focusedCellChange": "focusedCellChange"; }, never, never, false, never>;
 }