@progress/kendo-angular-dateinputs 17.0.0-develop.4 → 17.0.0-develop.40

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

@@ -15,6 +15,8 @@ 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 { CalendarView } from '../calendar/models/view.type';
+import { Day } from '@progress/kendo-date-math';
 import * as i0 from "@angular/core";
 /**
  * Represents the Kendo UI DateRangePopup component for Angular.
@@ -51,12 +53,83 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
     viewCalendar: QueryList<MultiViewCalendarComponent>;
     contentCalendar: QueryList<MultiViewCalendarComponent>;
     /**
-     * Allows reverse selection when using `range` selection.
+     * @hidden
+     *
+     * Determines whether to display the MultiViewCalendar header.
+     */
+    showCalendarHeader: boolean;
+    /**
+     * Sets or gets the `focusedDate` property of the MultiViewCalendar and
+     * defines the focused date of the component
+     * ([see example]({% slug dates_multiviewcalendar %}#toc-focused-dates)).
+     *
+     * > If the MultiViewCalendar is out of the min or max range, it normalizes the defined `focusedDate`.
+     */
+    focusedDate: Date;
+    /**
+     * Sets the dates of the MultiViewCalendar that will be disabled
+     * ([see example]({% slug disabled_dates_multiviewcalendar %})).
+     */
+    disabledDates: ((date: Date) => boolean) | Date[] | Day[];
+    /**
+     * Defines the active view that the MultiViewCalendar initially renders
+     * ([see example]({% slug viewoptions_multiviewcalendar %})).
+     * By default, the active view is `month`.
+     *
+     * > You have to set `activeView` within the `topView`-`bottomView` range.
+     */
+    activeView: CalendarView;
+    /**
+     * Defines the bottommost view, to which the user can navigate
+     * ([see example](slug:viewdepth_multiviewcalendar)).
+     */
+    bottomView: CalendarView;
+    /**
+     * Defines the topmost view, to which the user can navigate.
+     */
+    topView: CalendarView;
+    /**
+     * Sets or gets the `min` property of the MultiViewCalendar and
+     * defines the minimum allowed date value.
+     * By default, the `min` value is `1900-1-1`.
+     */
+    min: Date;
+    /**
+     * Sets or gets the `max` property of the MultiViewCalendar and
+     * defines the maximum allowed date value.
+     * By default, the `max` value is `2099-12-31`.
+     */
+    max: Date;
+    /**
+     * Allows reverse 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;
+    /**
+     * Determines whether to enable animation when navigating to previous/next view.
+     * @default false
+     */
+    animateNavigation: boolean;
+    /**
+     * Sets or gets the `disabled` property of the MultiViewCalendar and
+     * determines whether the component is active
+     * ([see example]({% slug disabled_multiviewcalendar %})).
+     */
+    disabled: boolean;
+    /**
+     * Sets or gets the `views` property of the MultiViewCalendar and
+     * defines the number of rendered months.
+     *
+     * @default 2
+     */
+    views: number;
+    /**
+     * Determines whether to display a week number column in the `month` view
+     * ([see example]({% slug weeknumcolumn_multiviewcalendar %})).
+     */
+    weekNumber: boolean;
     /**
      * Controls the popup animation.
      * By default, the opening and closing animations are enabled.
@@ -76,6 +149,17 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
      * [positioning]({% slug alignmentpositioning_popup %}#toc-positioning).
      */
     anchorAlign: Align;
+    /**
+     * Determines whether to display a header for every view (for example the month name).
+     *
+     * @default false
+     */
+    showViewHeader: boolean;
+    /**
+     * Displays the days that fall out of the current month ([see example]({% slug viewoptions_multiviewcalendar %}#toc-displaying-other-month-days)).
+     * @default false
+     */
+    showOtherMonthDays: boolean;
     /**
      * Controls the popup container. By default, the popup is appended to the root component.
      */
@@ -272,5 +356,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"], { "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, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateRangePopupComponent, "kendo-daterange-popup", ["kendo-daterange-popup"], { "showCalendarHeader": { "alias": "showCalendarHeader"; "required": false; }; "focusedDate": { "alias": "focusedDate"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "bottomView": { "alias": "bottomView"; "required": false; }; "topView": { "alias": "topView"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "allowReverse": { "alias": "allowReverse"; "required": false; }; "animateNavigation": { "alias": "animateNavigation"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "views": { "alias": "views"; "required": false; }; "weekNumber": { "alias": "weekNumber"; "required": false; }; "animate": { "alias": "animate"; "required": false; }; "anchor": { "alias": "anchor"; "required": false; }; "anchorAlign": { "alias": "anchorAlign"; "required": false; }; "showViewHeader": { "alias": "showViewHeader"; "required": false; }; "showOtherMonthDays": { "alias": "showOtherMonthDays"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "collision": { "alias": "collision"; "required": false; }; "popupAlign": { "alias": "popupAlign"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "adaptiveMode": { "alias": "adaptiveMode"; "required": false; }; "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "open": "open"; "close": "close"; "onBlur": "blur"; "onFocus": "focus"; "cancel": "cancel"; }, ["contentTemplate", "contentCalendar"], never, true, never>;
 }

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

@@ -84,5 +84,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, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DateRangeSelectionDirective, "[kendoDateRangeSelection]", never, { "autoCorrectOn": { "alias": "autoCorrectOn"; "required": false; }; "selectionRange": { "alias": "selectionRange"; "required": false; }; "activeRangeEnd": { "alias": "activeRangeEnd"; "required": false; }; "shouldSetRange": { "alias": "shouldSetRange"; "required": false; }; }, { "activeRangeEndChange": "activeRangeEndChange"; "selectionRangeChange": "selectionRangeChange"; }, never, never, true, 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, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DateRangeStartInputDirective, "[kendoDateRangeStartInput]", never, { "autoCorrectOn": { "alias": "autoCorrectOn"; "required": false; }; "navigateCalendarOnFocus": { "alias": "navigateCalendarOnFocus"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -57,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, { "size": "size"; }, {}, ["contentPopup"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateRangeComponent, "kendo-daterange", never, { "size": { "alias": "size"; "required": false; }; }, {}, ["contentPopup"], ["*"], true, 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, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DateRangePopupMessages, "kendo-daterangepopup-messages-base", never, { "accept": { "alias": "accept"; "required": false; }; "acceptLabel": { "alias": "acceptLabel"; "required": false; }; "cancel": { "alias": "cancel"; "required": false; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; }; }, {}, never, never, false, never>;
 }

package/datetimepicker/datetimepicker.component.d.ts

@@ -730,5 +730,5 @@ export declare class DateTimePickerComponent extends MultiTabStop implements OnI
     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"; "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"; "escape": "escape"; }, ["cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateTimePickerComponent, "kendo-datetimepicker", ["kendo-datetimepicker"], { "focusableId": { "alias": "focusableId"; "required": false; }; "weekDaysFormat": { "alias": "weekDaysFormat"; "required": false; }; "showOtherMonthDays": { "alias": "showOtherMonthDays"; "required": false; }; "value": { "alias": "value"; "required": false; }; "format": { "alias": "format"; "required": false; }; "twoDigitYearMax": { "alias": "twoDigitYearMax"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "popupSettings": { "alias": "popupSettings"; "required": false; }; "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "readOnlyInput": { "alias": "readOnlyInput"; "required": false; }; "cancelButton": { "alias": "cancelButton"; "required": false; }; "formatPlaceholder": { "alias": "formatPlaceholder"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "steps": { "alias": "steps"; "required": false; }; "focusedDate": { "alias": "focusedDate"; "required": false; }; "calendarType": { "alias": "calendarType"; "required": false; }; "animateCalendarNavigation": { "alias": "animateCalendarNavigation"; "required": false; }; "weekNumber": { "alias": "weekNumber"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "rangeValidation": { "alias": "rangeValidation"; "required": false; }; "disabledDatesValidation": { "alias": "disabledDatesValidation"; "required": false; }; "incompleteDateValidation": { "alias": "incompleteDateValidation"; "required": false; }; "autoCorrectParts": { "alias": "autoCorrectParts"; "required": false; }; "autoSwitchParts": { "alias": "autoSwitchParts"; "required": false; }; "autoSwitchKeys": { "alias": "autoSwitchKeys"; "required": false; }; "enableMouseWheel": { "alias": "enableMouseWheel"; "required": false; }; "allowCaretMode": { "alias": "allowCaretMode"; "required": false; }; "clearButton": { "alias": "clearButton"; "required": false; }; "autoFill": { "alias": "autoFill"; "required": false; }; "adaptiveMode": { "alias": "adaptiveMode"; "required": false; }; "inputAttributes": { "alias": "inputAttributes"; "required": false; }; "defaultTab": { "alias": "defaultTab"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "headerTemplateRef": { "alias": "headerTemplate"; "required": false; }; "footerTemplateRef": { "alias": "footerTemplate"; "required": false; }; "footer": { "alias": "footer"; "required": false; }; }, { "valueChange": "valueChange"; "open": "open"; "close": "close"; "onFocus": "focus"; "onBlur": "blur"; "escape": "escape"; }, ["cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate"], never, true, never>;
 }

package/datetimepicker/localization/messages.d.ts

@@ -93,5 +93,5 @@ export declare class DateTimePickerMessages extends ComponentMessages {
      */
     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"; "clearTitle": "clearTitle"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DateTimePickerMessages, "kendo-datetimepicker-messages-base", never, { "toggle": { "alias": "toggle"; "required": false; }; "dateTab": { "alias": "dateTab"; "required": false; }; "dateTabLabel": { "alias": "dateTabLabel"; "required": false; }; "timeTab": { "alias": "timeTab"; "required": false; }; "timeTabLabel": { "alias": "timeTabLabel"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "acceptLabel": { "alias": "acceptLabel"; "required": false; }; "cancel": { "alias": "cancel"; "required": false; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "today": { "alias": "today"; "required": false; }; "now": { "alias": "now"; "required": false; }; "nowLabel": { "alias": "nowLabel"; "required": false; }; "prevButtonTitle": { "alias": "prevButtonTitle"; "required": false; }; "nextButtonTitle": { "alias": "nextButtonTitle"; "required": false; }; "parentViewButtonTitle": { "alias": "parentViewButtonTitle"; "required": false; }; "hour": { "alias": "hour"; "required": false; }; "minute": { "alias": "minute"; "required": false; }; "second": { "alias": "second"; "required": false; }; "millisecond": { "alias": "millisecond"; "required": false; }; "dayperiod": { "alias": "dayperiod"; "required": false; }; "clearTitle": { "alias": "clearTitle"; "required": false; }; }, {}, never, never, false, never>;
 }

package/datetimepicker/models/active-tab.type.d.ts

@@ -6,4 +6,4 @@
  * The literal type that defines the active tab of the DateTimePicker
  * ([see example](slug:datetimepicker_popup_options#toc-setting-the-default-tab)).
  */
-export declare type DateTimePickerActiveTab = 'date' | 'time';
+export type DateTimePickerActiveTab = 'date' | 'time';