@progress/kendo-angular-dateinputs 16.0.0-develop.12 → 16.0.0-develop.14

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, false, 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/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, false, 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/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';
@@ -51,7 +51,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;
@@ -132,17 +132,28 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
      * 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
@@ -213,12 +224,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 +277,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 +452,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 +520,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 +550,10 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
         selectedDates: Date[];
         focusedDate: Date;
     }): void;
+    /**
+     * @hidden
+     */
+    onCellEnter(cellEnter: any, date: Date): void;
     /**
      * @hidden
      */
@@ -590,7 +620,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, false, 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"; "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/view-list.component.d.ts

@@ -13,6 +13,8 @@ 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 * as i0 from "@angular/core";
 /**
  * @hidden
@@ -23,6 +25,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 +44,11 @@ export declare class ViewListComponent implements OnChanges, OnDestroy, AfterVie
     id: string;
     showFooter: boolean;
     weekDaysFormat: WeekDaysFormat;
+    activeRangeEnd: SelectionRangeEnd;
+    selectionRange: SelectionRange;
     get weekNumber(): boolean;
     set weekNumber(showWeekNumbers: boolean);
+    cellEnter: EventEmitter<Date>;
     cellClick: EventEmitter<any>;
     weekNumberCellClick: EventEmitter<Date[]>;
     activeDateChange: EventEmitter<Date>;
@@ -96,5 +102,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, false, 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"; "weekNumber": "weekNumber"; }, { "cellEnter": "cellEnter"; "cellClick": "cellClick"; "weekNumberCellClick": "weekNumberCellClick"; "activeDateChange": "activeDateChange"; "todayButtonClick": "todayButtonClick"; "pageChange": "pageChange"; "focusCalendar": "focusCalendar"; "blurCalendar": "blurCalendar"; "focusedCellChange": "focusedCellChange"; }, never, never, false, never>;
 }

package/calendar/view.component.d.ts

@@ -23,6 +23,7 @@ export declare class ViewComponent implements OnChanges, OnDestroy {
     private zone;
     private renderer;
     private disabledDatesService;
+    allowReverse: boolean;
     showOtherMonthDays: boolean;
     direction: 'horizontal' | 'vertical';
     isActive: boolean;
@@ -81,5 +82,5 @@ export declare class ViewComponent implements OnChanges, OnDestroy {
     private emitCellLeave;
     private cellByIndex;
     static ɵfac: i0.ɵɵFactoryDeclaration<ViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ViewComponent, "[kendoCalendarView]", never, { "showOtherMonthDays": "showOtherMonthDays"; "direction": "direction"; "isActive": "isActive"; "activeView": "activeView"; "cellUID": "cellUID"; "focusedDate": "focusedDate"; "viewDate": "viewDate"; "activeRangeEnd": "activeRangeEnd"; "selectionRange": "selectionRange"; "min": "min"; "max": "max"; "selectedDates": "selectedDates"; "weekNumber": "weekNumber"; "viewIndex": "viewIndex"; "templateRef": "templateRef"; "weekNumberTemplateRef": "weekNumberTemplateRef"; "headerTitle": "headerTitle"; }, { "cellClick": "cellClick"; "weekNumberCellClick": "weekNumberCellClick"; "cellEnter": "cellEnter"; "cellLeave": "cellLeave"; "focusedCellId": "focusedCellId"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ViewComponent, "[kendoCalendarView]", never, { "allowReverse": "allowReverse"; "showOtherMonthDays": "showOtherMonthDays"; "direction": "direction"; "isActive": "isActive"; "activeView": "activeView"; "cellUID": "cellUID"; "focusedDate": "focusedDate"; "viewDate": "viewDate"; "activeRangeEnd": "activeRangeEnd"; "selectionRange": "selectionRange"; "min": "min"; "max": "max"; "selectedDates": "selectedDates"; "weekNumber": "weekNumber"; "viewIndex": "viewIndex"; "templateRef": "templateRef"; "weekNumberTemplateRef": "weekNumberTemplateRef"; "headerTitle": "headerTitle"; }, { "cellClick": "cellClick"; "weekNumberCellClick": "weekNumberCellClick"; "cellEnter": "cellEnter"; "cellLeave": "cellLeave"; "focusedCellId": "focusedCellId"; }, never, never, false, never>;
 }

package/common/utils.d.ts

@@ -18,6 +18,10 @@ export declare const currentFocusTarget: (blurArgs: any) => any;
  * @hidden
  */
 export declare const isPresent: (value: any) => boolean;
+/**
+ * @hidden
+ */
+export declare const isNullOrDate: (value: any) => boolean;
 /**
  * @hidden
  */

package/daterange/date-range-popup.component.d.ts

@@ -36,7 +36,7 @@ import * as i0 from "@angular/core";
  */
 export declare class DateRangePopupComponent implements OnInit, OnDestroy {
     private popupService;
-    private dateRangeService;
+    dateRangeService: DateRangeService;
     private zone;
     private renderer;
     localization: LocalizationService;
@@ -49,6 +49,13 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
     dateRangeSelectionDirective: DateRangeSelectionDirective;
     viewCalendar: QueryList<MultiViewCalendarComponent>;
     contentCalendar: QueryList<MultiViewCalendarComponent>;
+    /**
+     * 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;
     /**
      * Controls the popup animation.
      * By default, the opening and closing animations are enabled.
@@ -179,11 +186,17 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
     private resolvedPromise;
     private _calendar;
     private _show;
+    private _rangeSelection;
     private windowSize;
     constructor(popupService: PopupService, dateRangeService: DateRangeService, zone: NgZone, renderer: Renderer2, localization: LocalizationService, cdr: ChangeDetectorRef, rtl: boolean);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
+    /**
+     * @hidden
+     *
+     */
+    onRangeSelectionChange(rangeSelection: any): void;
     /**
      *  Opens the popup component and focuses the calendar.
      */
@@ -244,5 +257,5 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
     private toggleActionSheet;
     private updateActionSheetAdaptiveAppearance;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateRangePopupComponent, [null, null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateRangePopupComponent, "kendo-daterange-popup", ["kendo-daterange-popup"], { "animate": "animate"; "anchor": "anchor"; "anchorAlign": "anchorAlign"; "appendTo": "appendTo"; "collision": "collision"; "popupAlign": "popupAlign"; "margin": "margin"; "adaptiveMode": "adaptiveMode"; "title": "title"; "subtitle": "subtitle"; }, { "open": "open"; "close": "close"; "onBlur": "blur"; "onFocus": "focus"; "cancel": "cancel"; }, ["contentTemplate", "contentCalendar"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateRangePopupComponent, "kendo-daterange-popup", ["kendo-daterange-popup"], { "allowReverse": "allowReverse"; "animate": "animate"; "anchor": "anchor"; "anchorAlign": "anchorAlign"; "appendTo": "appendTo"; "collision": "collision"; "popupAlign": "popupAlign"; "margin": "margin"; "adaptiveMode": "adaptiveMode"; "title": "title"; "subtitle": "subtitle"; }, { "open": "open"; "close": "close"; "onBlur": "blur"; "onFocus": "focus"; "cancel": "cancel"; }, ["contentTemplate", "contentCalendar"], never, false, never>;
 }

package/datetimepicker/datetimepicker.component.d.ts

@@ -514,6 +514,7 @@ export declare class DateTimePickerComponent implements OnInit, OnChanges, After
     private get acceptButton();
     private get cancelButtonElement();
     private get dateTabButton();
+    private get timeTabButton();
     /**
      * @hidden
      */
@@ -622,6 +623,10 @@ export declare class DateTimePickerComponent implements OnInit, OnChanges, After
      * @hidden
      */
     onTabOutLastPart(): void;
+    /**
+     * @hidden
+     */
+    onTabOutNow(): void;
     /**
      * @hidden
      */