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

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>;
+    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/dateinput/dateinput.component.d.ts

@@ -57,6 +57,10 @@ export declare class DateInputComponent implements OnInit, AfterViewInit, Contro
      * @hidden
      */
     caretAltUpIcon: SVGIcon;
+    /**
+     * @hidden
+     */
+    xIcon: SVGIcon;
     /**
      * @hidden
      */
@@ -70,6 +74,12 @@ export declare class DateInputComponent implements OnInit, AfterViewInit, Contro
      * @hidden
      */
     set pickerType(_pickerType: DatePickerType);
+    /**
+     * If set to `true`, renders a clear button after the input text or DateInput value has been changed.
+     * Clicking this button resets the value of the component to `null` and triggers the `valueChange` event.
+     * @default false
+     */
+    clearButton: boolean;
     /**
      * Sets or gets the `disabled` property of the DateInput and
      * determines whether the component is active
@@ -394,6 +404,7 @@ export declare class DateInputComponent implements OnInit, AfterViewInit, Contro
     };
     hasMousedown: boolean;
     focusedPriorToMousedown: boolean;
+    showClearButton: boolean;
     /**
      * @hidden
      */
@@ -476,6 +487,7 @@ export declare class DateInputComponent implements OnInit, AfterViewInit, Contro
      * @hidden
      */
     writeValue(value: Date): void;
+    resetInput(): void;
     /**
      * @hidden
      */
@@ -531,6 +543,6 @@ export declare class DateInputComponent implements OnInit, AfterViewInit, Contro
     private setComponentClasses;
     private setInputAttributes;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateInputComponent, [null, null, null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateInputComponent, "kendo-dateinput", ["kendo-dateinput"], { "focusableId": "focusableId"; "pickerType": "pickerType"; "disabled": "disabled"; "readonly": "readonly"; "title": "title"; "tabindex": "tabindex"; "role": "role"; "ariaReadOnly": "ariaReadOnly"; "tabIndex": "tabIndex"; "isRequired": "isRequired"; "format": "format"; "formatPlaceholder": "formatPlaceholder"; "placeholder": "placeholder"; "steps": "steps"; "max": "max"; "min": "min"; "rangeValidation": "rangeValidation"; "autoCorrectParts": "autoCorrectParts"; "autoSwitchParts": "autoSwitchParts"; "autoSwitchKeys": "autoSwitchKeys"; "allowCaretMode": "allowCaretMode"; "autoFill": "autoFill"; "incompleteDateValidation": "incompleteDateValidation"; "twoDigitYearMax": "twoDigitYearMax"; "enableMouseWheel": "enableMouseWheel"; "value": "value"; "spinners": "spinners"; "isPopupOpen": "isPopupOpen"; "hasPopup": "hasPopup"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "inputAttributes": "inputAttributes"; }, { "valueChange": "valueChange"; "valueUpdate": "valueUpdate"; "onFocus": "focus"; "onBlur": "blur"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateInputComponent, "kendo-dateinput", ["kendo-dateinput"], { "focusableId": "focusableId"; "pickerType": "pickerType"; "clearButton": "clearButton"; "disabled": "disabled"; "readonly": "readonly"; "title": "title"; "tabindex": "tabindex"; "role": "role"; "ariaReadOnly": "ariaReadOnly"; "tabIndex": "tabIndex"; "isRequired": "isRequired"; "format": "format"; "formatPlaceholder": "formatPlaceholder"; "placeholder": "placeholder"; "steps": "steps"; "max": "max"; "min": "min"; "rangeValidation": "rangeValidation"; "autoCorrectParts": "autoCorrectParts"; "autoSwitchParts": "autoSwitchParts"; "autoSwitchKeys": "autoSwitchKeys"; "allowCaretMode": "allowCaretMode"; "autoFill": "autoFill"; "incompleteDateValidation": "incompleteDateValidation"; "twoDigitYearMax": "twoDigitYearMax"; "enableMouseWheel": "enableMouseWheel"; "value": "value"; "spinners": "spinners"; "isPopupOpen": "isPopupOpen"; "hasPopup": "hasPopup"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "inputAttributes": "inputAttributes"; }, { "valueChange": "valueChange"; "valueUpdate": "valueUpdate"; "onFocus": "focus"; "onBlur": "blur"; }, never, never, false, never>;
 }
 export {};

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

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

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

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

package/dateinput/localization/messages.d.ts

@@ -16,6 +16,10 @@ export declare class DateInputMessages extends ComponentMessages {
      * The title of the **Increment** button of the DateInput.
      */
     increment: string;
+    /**
+     * The title of the **Clear** button of the DateInput.
+     */
+    clearTitle: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateInputMessages, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DateInputMessages, "kendo-dateinput-messages-base", never, { "decrement": "decrement"; "increment": "increment"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DateInputMessages, "kendo-dateinput-messages-base", never, { "decrement": "decrement"; "increment": "increment"; "clearTitle": "clearTitle"; }, {}, never, never, false, never>;
 }

package/datepicker/datepicker.component.d.ts

@@ -68,6 +68,12 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
      * @hidden
      */
     set cellTemplateRef(template: CellTemplateDirective);
+    /**
+     * If set to `true`, renders a clear button after the input text or DatePicker value has been changed.
+     * Clicking this button resets the value of the component to `null` and triggers the `valueChange` event.
+     * @default false
+     */
+    clearButton: boolean;
     /**
      * Sets the HTML attributes of the inner focusable input element. Attributes which are essential for certain component functionalities cannot be changed.
      */
@@ -508,7 +514,6 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
      * @hidden
      */
     xIcon: SVGIcon;
-    private get inputElement();
     /**
      * @hidden
      */
@@ -690,5 +695,5 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
     private handleDateCompletenessChange;
     private setComponentClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, [null, null, null, null, null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "kendo-datepicker", ["kendo-datepicker"], { "focusableId": "focusableId"; "cellTemplateRef": "cellTemplate"; "inputAttributes": "inputAttributes"; "monthCellTemplateRef": "monthCellTemplate"; "yearCellTemplateRef": "yearCellTemplate"; "decadeCellTemplateRef": "decadeCellTemplate"; "centuryCellTemplateRef": "centuryCellTemplate"; "weekNumberTemplateRef": "weekNumberTemplate"; "headerTitleTemplateRef": "headerTitleTemplate"; "headerTemplateRef": "headerTemplate"; "footerTemplateRef": "footerTemplate"; "footer": "footer"; "navigationItemTemplateRef": "navigationItemTemplate"; "weekDaysFormat": "weekDaysFormat"; "showOtherMonthDays": "showOtherMonthDays"; "activeView": "activeView"; "bottomView": "bottomView"; "topView": "topView"; "calendarType": "calendarType"; "animateCalendarNavigation": "animateCalendarNavigation"; "disabled": "disabled"; "readonly": "readonly"; "readOnlyInput": "readOnlyInput"; "popupSettings": "popupSettings"; "navigation": "navigation"; "min": "min"; "max": "max"; "incompleteDateValidation": "incompleteDateValidation"; "autoCorrectParts": "autoCorrectParts"; "autoSwitchParts": "autoSwitchParts"; "autoSwitchKeys": "autoSwitchKeys"; "enableMouseWheel": "enableMouseWheel"; "allowCaretMode": "allowCaretMode"; "autoFill": "autoFill"; "focusedDate": "focusedDate"; "value": "value"; "format": "format"; "twoDigitYearMax": "twoDigitYearMax"; "formatPlaceholder": "formatPlaceholder"; "placeholder": "placeholder"; "tabindex": "tabindex"; "tabIndex": "tabIndex"; "disabledDates": "disabledDates"; "title": "title"; "subtitle": "subtitle"; "rangeValidation": "rangeValidation"; "disabledDatesValidation": "disabledDatesValidation"; "weekNumber": "weekNumber"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "adaptiveMode": "adaptiveMode"; }, { "valueChange": "valueChange"; "onFocus": "focus"; "onBlur": "blur"; "open": "open"; "close": "close"; }, ["cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "navigationItemTemplate"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "kendo-datepicker", ["kendo-datepicker"], { "focusableId": "focusableId"; "cellTemplateRef": "cellTemplate"; "clearButton": "clearButton"; "inputAttributes": "inputAttributes"; "monthCellTemplateRef": "monthCellTemplate"; "yearCellTemplateRef": "yearCellTemplate"; "decadeCellTemplateRef": "decadeCellTemplate"; "centuryCellTemplateRef": "centuryCellTemplate"; "weekNumberTemplateRef": "weekNumberTemplate"; "headerTitleTemplateRef": "headerTitleTemplate"; "headerTemplateRef": "headerTemplate"; "footerTemplateRef": "footerTemplate"; "footer": "footer"; "navigationItemTemplateRef": "navigationItemTemplate"; "weekDaysFormat": "weekDaysFormat"; "showOtherMonthDays": "showOtherMonthDays"; "activeView": "activeView"; "bottomView": "bottomView"; "topView": "topView"; "calendarType": "calendarType"; "animateCalendarNavigation": "animateCalendarNavigation"; "disabled": "disabled"; "readonly": "readonly"; "readOnlyInput": "readOnlyInput"; "popupSettings": "popupSettings"; "navigation": "navigation"; "min": "min"; "max": "max"; "incompleteDateValidation": "incompleteDateValidation"; "autoCorrectParts": "autoCorrectParts"; "autoSwitchParts": "autoSwitchParts"; "autoSwitchKeys": "autoSwitchKeys"; "enableMouseWheel": "enableMouseWheel"; "allowCaretMode": "allowCaretMode"; "autoFill": "autoFill"; "focusedDate": "focusedDate"; "value": "value"; "format": "format"; "twoDigitYearMax": "twoDigitYearMax"; "formatPlaceholder": "formatPlaceholder"; "placeholder": "placeholder"; "tabindex": "tabindex"; "tabIndex": "tabIndex"; "disabledDates": "disabledDates"; "title": "title"; "subtitle": "subtitle"; "rangeValidation": "rangeValidation"; "disabledDatesValidation": "disabledDatesValidation"; "weekNumber": "weekNumber"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "adaptiveMode": "adaptiveMode"; }, { "valueChange": "valueChange"; "onFocus": "focus"; "onBlur": "blur"; "open": "open"; "close": "close"; }, ["cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "navigationItemTemplate"], never, false, never>;
 }

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

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

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

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

package/datepicker/localization/messages.d.ts

@@ -28,6 +28,10 @@ export declare class DatePickerMessages extends ComponentMessages {
      * The title of the **Parent View** button in the header of the Calendar.
      */
     parentViewButtonTitle: string;
+    /**
+     * The title of the **Clear** button of the DatePicker.
+     */
+    clearTitle: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerMessages, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DatePickerMessages, "kendo-datepicker-messages-base", never, { "today": "today"; "toggle": "toggle"; "prevButtonTitle": "prevButtonTitle"; "nextButtonTitle": "nextButtonTitle"; "parentViewButtonTitle": "parentViewButtonTitle"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DatePickerMessages, "kendo-datepicker-messages-base", never, { "today": "today"; "toggle": "toggle"; "prevButtonTitle": "prevButtonTitle"; "nextButtonTitle": "nextButtonTitle"; "parentViewButtonTitle": "parentViewButtonTitle"; "clearTitle": "clearTitle"; }, {}, never, never, false, never>;
 }

package/daterange/date-range-end-input.directive.d.ts

@@ -57,5 +57,5 @@ export declare class DateRangeEndInputDirective extends DateRangeInput implement
     protected getRange(value: Date, correctOn: AutoCorrectOn): SelectionRange;
     protected updateInputValue(range: SelectionRange): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateRangeEndInputDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DateRangeEndInputDirective, "[kendoDateRangeEndInput]", never, { "autoCorrectOn": "autoCorrectOn"; "navigateCalendarOnFocus": "navigateCalendarOnFocus"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DateRangeEndInputDirective, "[kendoDateRangeEndInput]", never, { "autoCorrectOn": "autoCorrectOn"; "navigateCalendarOnFocus": "navigateCalendarOnFocus"; }, {}, never, never, false, never>;
 }

package/daterange/date-range-input.d.ts

@@ -38,5 +38,5 @@ export declare abstract class DateRangeInput {
     private focusActiveDate;
     private toggleActiveClass;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateRangeInput, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DateRangeInput, never, never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DateRangeInput, never, never, {}, {}, never, never, false, never>;
 }

package/daterange/date-range-popup-template.directive.d.ts

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

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

@@ -14,6 +14,7 @@ import { SVGIcon } from '@progress/kendo-svg-icons';
 import { DateRangeSelectionDirective } from './date-range-selection.directive';
 import { ActionSheetComponent } from '@progress/kendo-angular-navigation';
 import { KeyDown } from '../calendar/models/keydown.interface';
+import { DateInputSize } from '../common/models/size';
 import * as i0 from "@angular/core";
 /**
  * Represents the Kendo UI DateRangePopup component for Angular.
@@ -36,7 +37,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 +50,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.
@@ -105,6 +113,20 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
     set subtitle(subtitle: string);
     get subtitle(): string;
     private _subtitle;
+    /**
+     * @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`
+     *
+     */
+    size: DateInputSize;
     /**
      * Fires each time the popup is about to open
      * ([see example](slug:popup_daterange#toc-events)).
@@ -179,11 +201,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 +272,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>;
+    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"; "size": "size"; }, { "open": "open"; "close": "close"; "onBlur": "blur"; "onFocus": "focus"; "cancel": "cancel"; }, ["contentTemplate", "contentCalendar"], never, false, never>;
 }

package/daterange/date-range-selection.directive.d.ts

@@ -82,5 +82,5 @@ export declare class DateRangeSelectionDirective implements OnInit {
     private setSelectionRange;
     private acceptAndEmit;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateRangeSelectionDirective, [null, null, null, null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DateRangeSelectionDirective, "[kendoDateRangeSelection]", never, { "autoCorrectOn": "autoCorrectOn"; "selectionRange": "selectionRange"; "activeRangeEnd": "activeRangeEnd"; "shouldSetRange": "shouldSetRange"; }, { "activeRangeEndChange": "activeRangeEndChange"; "selectionRangeChange": "selectionRangeChange"; }, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DateRangeSelectionDirective, "[kendoDateRangeSelection]", never, { "autoCorrectOn": "autoCorrectOn"; "selectionRange": "selectionRange"; "activeRangeEnd": "activeRangeEnd"; "shouldSetRange": "shouldSetRange"; }, { "activeRangeEndChange": "activeRangeEndChange"; "selectionRangeChange": "selectionRangeChange"; }, never, never, false, never>;
 }

package/daterange/date-range-start-input.directive.d.ts

@@ -59,5 +59,5 @@ export declare class DateRangeStartInputDirective extends DateRangeInput impleme
     protected getRange(value: Date, correctOn: AutoCorrectOn): SelectionRange;
     protected updateInputValue(range: SelectionRange): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateRangeStartInputDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DateRangeStartInputDirective, "[kendoDateRangeStartInput]", never, { "autoCorrectOn": "autoCorrectOn"; "navigateCalendarOnFocus": "navigateCalendarOnFocus"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DateRangeStartInputDirective, "[kendoDateRangeStartInput]", never, { "autoCorrectOn": "autoCorrectOn"; "navigateCalendarOnFocus": "navigateCalendarOnFocus"; }, {}, never, never, false, never>;
 }

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

@@ -4,6 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { AfterContentInit, OnDestroy } from '@angular/core';
 import { DateRangeService } from './date-range.service';
+import { DateInputSize } from '../common/models/size';
 import * as i0 from "@angular/core";
 /**
  * Represents the Kendo UI DateRange component for Angular.
@@ -26,6 +27,20 @@ import * as i0 from "@angular/core";
  */
 export declare class DateRangeComponent implements AfterContentInit, OnDestroy {
     private dateRangeService;
+    /**
+     * @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`
+     *
+     */
+    size: DateInputSize;
     /**
     * @hidden
     */
@@ -42,5 +57,5 @@ export declare class DateRangeComponent implements AfterContentInit, OnDestroy {
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateRangeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateRangeComponent, "kendo-daterange", never, {}, {}, ["contentPopup"], ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateRangeComponent, "kendo-daterange", never, { "size": "size"; }, {}, ["contentPopup"], ["*"], false, never>;
 }

package/daterange/localization/daterange-popup-custom-messages.component.d.ts

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

package/daterange/localization/daterange-popup-localized-messages.directive.d.ts

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

package/daterange/localization/messages.d.ts

@@ -25,5 +25,5 @@ export declare class DateRangePopupMessages extends ComponentMessages {
      */
     cancelLabel: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateRangePopupMessages, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DateRangePopupMessages, "kendo-daterangepopup-messages-base", never, { "accept": "accept"; "acceptLabel": "acceptLabel"; "cancel": "cancel"; "cancelLabel": "cancelLabel"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DateRangePopupMessages, "kendo-daterangepopup-messages-base", never, { "accept": "accept"; "acceptLabel": "acceptLabel"; "cancel": "cancel"; "cancelLabel": "cancelLabel"; }, {}, never, never, false, never>;
 }

package/datetimepicker/datetimepicker.component.d.ts

@@ -294,6 +294,12 @@ export declare class DateTimePickerComponent implements OnInit, OnChanges, After
      * @default false
      */
     allowCaretMode: boolean;
+    /**
+     * If set to `true`, renders a clear button after the input text or DateTimePicker value has been changed.
+     * Clicking this button resets the value of the component to `null` and triggers the `valueChange` event.
+     * @default false
+     */
+    clearButton: boolean;
     /**
      * When enabled, the DateTimePicker will autofill the rest of the date to the current date when the component loses focus.
      *
@@ -514,6 +520,7 @@ export declare class DateTimePickerComponent implements OnInit, OnChanges, After
     private get acceptButton();
     private get cancelButtonElement();
     private get dateTabButton();
+    private get timeTabButton();
     /**
      * @hidden
      */
@@ -622,6 +629,10 @@ export declare class DateTimePickerComponent implements OnInit, OnChanges, After
      * @hidden
      */
     onTabOutLastPart(): void;
+    /**
+     * @hidden
+     */
+    onTabOutNow(): void;
     /**
      * @hidden
      */
@@ -719,5 +730,5 @@ export declare class DateTimePickerComponent implements OnInit, OnChanges, After
     private handleDateCompletenessChange;
     private setComponentClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateTimePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateTimePickerComponent, "kendo-datetimepicker", ["kendo-datetimepicker"], { "focusableId": "focusableId"; "weekDaysFormat": "weekDaysFormat"; "showOtherMonthDays": "showOtherMonthDays"; "value": "value"; "format": "format"; "twoDigitYearMax": "twoDigitYearMax"; "tabindex": "tabindex"; "disabledDates": "disabledDates"; "popupSettings": "popupSettings"; "title": "title"; "subtitle": "subtitle"; "disabled": "disabled"; "readonly": "readonly"; "readOnlyInput": "readOnlyInput"; "cancelButton": "cancelButton"; "formatPlaceholder": "formatPlaceholder"; "placeholder": "placeholder"; "steps": "steps"; "focusedDate": "focusedDate"; "calendarType": "calendarType"; "animateCalendarNavigation": "animateCalendarNavigation"; "weekNumber": "weekNumber"; "min": "min"; "max": "max"; "rangeValidation": "rangeValidation"; "disabledDatesValidation": "disabledDatesValidation"; "incompleteDateValidation": "incompleteDateValidation"; "autoCorrectParts": "autoCorrectParts"; "autoSwitchParts": "autoSwitchParts"; "autoSwitchKeys": "autoSwitchKeys"; "enableMouseWheel": "enableMouseWheel"; "allowCaretMode": "allowCaretMode"; "autoFill": "autoFill"; "adaptiveMode": "adaptiveMode"; "inputAttributes": "inputAttributes"; "defaultTab": "defaultTab"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "headerTemplateRef": "headerTemplate"; "footerTemplateRef": "footerTemplate"; "footer": "footer"; }, { "valueChange": "valueChange"; "open": "open"; "close": "close"; "onFocus": "focus"; "onBlur": "blur"; }, ["cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateTimePickerComponent, "kendo-datetimepicker", ["kendo-datetimepicker"], { "focusableId": "focusableId"; "weekDaysFormat": "weekDaysFormat"; "showOtherMonthDays": "showOtherMonthDays"; "value": "value"; "format": "format"; "twoDigitYearMax": "twoDigitYearMax"; "tabindex": "tabindex"; "disabledDates": "disabledDates"; "popupSettings": "popupSettings"; "title": "title"; "subtitle": "subtitle"; "disabled": "disabled"; "readonly": "readonly"; "readOnlyInput": "readOnlyInput"; "cancelButton": "cancelButton"; "formatPlaceholder": "formatPlaceholder"; "placeholder": "placeholder"; "steps": "steps"; "focusedDate": "focusedDate"; "calendarType": "calendarType"; "animateCalendarNavigation": "animateCalendarNavigation"; "weekNumber": "weekNumber"; "min": "min"; "max": "max"; "rangeValidation": "rangeValidation"; "disabledDatesValidation": "disabledDatesValidation"; "incompleteDateValidation": "incompleteDateValidation"; "autoCorrectParts": "autoCorrectParts"; "autoSwitchParts": "autoSwitchParts"; "autoSwitchKeys": "autoSwitchKeys"; "enableMouseWheel": "enableMouseWheel"; "allowCaretMode": "allowCaretMode"; "clearButton": "clearButton"; "autoFill": "autoFill"; "adaptiveMode": "adaptiveMode"; "inputAttributes": "inputAttributes"; "defaultTab": "defaultTab"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "headerTemplateRef": "headerTemplate"; "footerTemplateRef": "footerTemplate"; "footer": "footer"; }, { "valueChange": "valueChange"; "open": "open"; "close": "close"; "onFocus": "focus"; "onBlur": "blur"; }, ["cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate"], never, false, never>;
 }

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

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

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

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

package/datetimepicker/localization/messages.d.ts

@@ -88,6 +88,10 @@ export declare class DateTimePickerMessages extends ComponentMessages {
      * The label of the **Dayperiod** part in the TimePicker.
      */
     dayperiod: string;
+    /**
+     * The title of the **Clear** button of the DateTimePicker.
+     */
+    clearTitle: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateTimePickerMessages, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DateTimePickerMessages, "kendo-datetimepicker-messages-base", never, { "toggle": "toggle"; "dateTab": "dateTab"; "dateTabLabel": "dateTabLabel"; "timeTab": "timeTab"; "timeTabLabel": "timeTabLabel"; "accept": "accept"; "acceptLabel": "acceptLabel"; "cancel": "cancel"; "cancelLabel": "cancelLabel"; "today": "today"; "now": "now"; "nowLabel": "nowLabel"; "prevButtonTitle": "prevButtonTitle"; "nextButtonTitle": "nextButtonTitle"; "parentViewButtonTitle": "parentViewButtonTitle"; "hour": "hour"; "minute": "minute"; "second": "second"; "millisecond": "millisecond"; "dayperiod": "dayperiod"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DateTimePickerMessages, "kendo-datetimepicker-messages-base", never, { "toggle": "toggle"; "dateTab": "dateTab"; "dateTabLabel": "dateTabLabel"; "timeTab": "timeTab"; "timeTabLabel": "timeTabLabel"; "accept": "accept"; "acceptLabel": "acceptLabel"; "cancel": "cancel"; "cancelLabel": "cancelLabel"; "today": "today"; "now": "now"; "nowLabel": "nowLabel"; "prevButtonTitle": "prevButtonTitle"; "nextButtonTitle": "nextButtonTitle"; "parentViewButtonTitle": "parentViewButtonTitle"; "hour": "hour"; "minute": "minute"; "second": "second"; "millisecond": "millisecond"; "dayperiod": "dayperiod"; "clearTitle": "clearTitle"; }, {}, never, never, false, never>;
 }

package/esm2020/calendar/calendar-common.module.mjs

@@ -23,16 +23,16 @@ import * as i0 from "@angular/core";
  */
 export class CalendarCommonModule {
 }
-CalendarCommonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CalendarCommonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CalendarCommonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CalendarCommonModule, declarations: [KForOf,
+CalendarCommonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CalendarCommonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CalendarCommonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: CalendarCommonModule, declarations: [KForOf,
         HeaderComponent,
         FooterComponent,
         ViewComponent], imports: [CommonModule, EventsModule, ButtonModule], exports: [KForOf,
         HeaderComponent,
         FooterComponent,
         ViewComponent] });
-CalendarCommonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CalendarCommonModule, imports: [[CommonModule, EventsModule, ButtonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CalendarCommonModule, decorators: [{
+CalendarCommonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CalendarCommonModule, imports: [CommonModule, EventsModule, ButtonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CalendarCommonModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [