@progress/kendo-angular-dateinputs 16.0.0-develop.8 → 16.0.0

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, 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"; "size": "size"; }, { "open": "open"; "close": "close"; "onBlur": "blur"; "onFocus": "focus"; "cancel": "cancel"; }, ["contentTemplate", "contentCalendar"], 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"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateRangeComponent, "kendo-daterange", never, { "size": "size"; }, {}, ["contentPopup"], ["*"], 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, false, 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/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, never, false, 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: "15.0.4", ngImport: i0, type: CalendarCommonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CalendarCommonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", 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: "15.0.4", ngImport: i0, type: CalendarCommonModule, imports: [CommonModule, EventsModule, ButtonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", 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: [