@progress/kendo-angular-dateinputs 24.2.2 → 25.0.0-develop.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (133) hide show
  1. package/fesm2022/progress-kendo-angular-dateinputs.mjs +622 -377
  2. package/index.d.ts +7264 -91
  3. package/package-metadata.mjs +2 -2
  4. package/package.json +16 -16
  5. package/calendar/calendar.component.d.ts +0 -633
  6. package/calendar/calendar.module.d.ts +0 -51
  7. package/calendar/calendars.module.d.ts +0 -47
  8. package/calendar/footer.component.d.ts +0 -22
  9. package/calendar/for.directive.d.ts +0 -42
  10. package/calendar/header.component.d.ts +0 -73
  11. package/calendar/horizontal-view-list.component.d.ts +0 -106
  12. package/calendar/localization/calendar-custom-messages.component.d.ts +0 -25
  13. package/calendar/localization/calendar-localized-messages.directive.d.ts +0 -16
  14. package/calendar/localization/calendar-messages.d.ts +0 -29
  15. package/calendar/localization/multiview-calendar-custom-messages.component.d.ts +0 -25
  16. package/calendar/localization/multiview-calendar-localized-messages.directive.d.ts +0 -16
  17. package/calendar/localization/multiview-calendar-messages.d.ts +0 -29
  18. package/calendar/models/cell-context.interface.d.ts +0 -77
  19. package/calendar/models/navigation-action.enum.d.ts +0 -19
  20. package/calendar/models/orientation.d.ts +0 -17
  21. package/calendar/models/row-length-options.interface.d.ts +0 -10
  22. package/calendar/models/scrollable.interface.d.ts +0 -41
  23. package/calendar/models/selection-range-end.type.d.ts +0 -18
  24. package/calendar/models/selection-range.interface.d.ts +0 -36
  25. package/calendar/models/selection.d.ts +0 -38
  26. package/calendar/models/type.d.ts +0 -17
  27. package/calendar/models/view-service.interface.d.ts +0 -31
  28. package/calendar/models/view.enum.d.ts +0 -15
  29. package/calendar/models/view.type.d.ts +0 -19
  30. package/calendar/multiview-calendar.component.d.ts +0 -655
  31. package/calendar/multiview-calendar.module.d.ts +0 -58
  32. package/calendar/navigation.component.d.ts +0 -60
  33. package/calendar/services/bus-view.service.d.ts +0 -30
  34. package/calendar/services/century-view.service.d.ts +0 -35
  35. package/calendar/services/decade-view.service.d.ts +0 -35
  36. package/calendar/services/disabled-dates.service.d.ts +0 -36
  37. package/calendar/services/dom.service.d.ts +0 -35
  38. package/calendar/services/month-view.service.d.ts +0 -42
  39. package/calendar/services/navigation.service.d.ts +0 -19
  40. package/calendar/services/scroll-sync.service.d.ts +0 -32
  41. package/calendar/services/selection.service.d.ts +0 -39
  42. package/calendar/services/weeknames.service.d.ts +0 -20
  43. package/calendar/services/year-view.service.d.ts +0 -39
  44. package/calendar/templates/cell-template.directive.d.ts +0 -36
  45. package/calendar/templates/century-cell-template.directive.d.ts +0 -34
  46. package/calendar/templates/decade-cell-template.directive.d.ts +0 -34
  47. package/calendar/templates/footer-template.directive.d.ts +0 -35
  48. package/calendar/templates/header-template.directive.d.ts +0 -38
  49. package/calendar/templates/header-title-template.directive.d.ts +0 -34
  50. package/calendar/templates/month-cell-template.directive.d.ts +0 -34
  51. package/calendar/templates/navigation-item-template.directive.d.ts +0 -34
  52. package/calendar/templates/weeknumber-cell-template.directive.d.ts +0 -34
  53. package/calendar/templates/year-cell-template.directive.d.ts +0 -34
  54. package/calendar/view-list.component.d.ts +0 -108
  55. package/calendar/view.component.d.ts +0 -86
  56. package/common/dom-queries.d.ts +0 -12
  57. package/common/models/fillmode.d.ts +0 -13
  58. package/common/models/rounded.d.ts +0 -15
  59. package/common/models/size.d.ts +0 -13
  60. package/common/models/week-days-format.d.ts +0 -10
  61. package/common/picker.service.d.ts +0 -20
  62. package/common/utils.d.ts +0 -65
  63. package/dateinput/arrow.enum.d.ts +0 -12
  64. package/dateinput/dateinput.component.d.ts +0 -479
  65. package/dateinput/dateinput.module.d.ts +0 -29
  66. package/dateinput/localization/dateinput-custom-messages.component.d.ts +0 -34
  67. package/dateinput/localization/dateinput-localized-messages.directive.d.ts +0 -16
  68. package/dateinput/localization/messages.d.ts +0 -25
  69. package/dateinput/models/format-placeholder.model.d.ts +0 -61
  70. package/dateinput/models/format-settings.model.d.ts +0 -29
  71. package/dateinput/models/incremental-steps.model.d.ts +0 -31
  72. package/dateinputs.module.d.ts +0 -71
  73. package/datepicker/datepicker.component.d.ts +0 -640
  74. package/datepicker/datepicker.module.d.ts +0 -36
  75. package/datepicker/localization/datepicker-custom-messages.component.d.ts +0 -27
  76. package/datepicker/localization/datepicker-localized-messages.directive.d.ts +0 -16
  77. package/datepicker/localization/messages.d.ts +0 -41
  78. package/daterange/auto-correct-on.type.d.ts +0 -9
  79. package/daterange/date-range-end-input.directive.d.ts +0 -62
  80. package/daterange/date-range-input.d.ts +0 -42
  81. package/daterange/date-range-popup-template.directive.d.ts +0 -27
  82. package/daterange/date-range-popup.component.d.ts +0 -376
  83. package/daterange/date-range-selection.directive.d.ts +0 -89
  84. package/daterange/date-range-start-input.directive.d.ts +0 -65
  85. package/daterange/date-range.component.d.ts +0 -59
  86. package/daterange/date-range.module.d.ts +0 -57
  87. package/daterange/date-range.service.d.ts +0 -137
  88. package/daterange/localization/daterange-popup-custom-messages.component.d.ts +0 -17
  89. package/daterange/localization/daterange-popup-localized-messages.directive.d.ts +0 -16
  90. package/daterange/localization/messages.d.ts +0 -33
  91. package/datetimepicker/datetimepicker.component.d.ts +0 -772
  92. package/datetimepicker/datetimepicker.module.d.ts +0 -41
  93. package/datetimepicker/localization/datetimepicker-custom-messages.component.d.ts +0 -26
  94. package/datetimepicker/localization/localized-messages.directive.d.ts +0 -16
  95. package/datetimepicker/localization/messages.d.ts +0 -101
  96. package/datetimepicker/models/active-tab.type.d.ts +0 -9
  97. package/defaults.d.ts +0 -24
  98. package/directives.d.ts +0 -66
  99. package/package-metadata.d.ts +0 -9
  100. package/popup-settings.model.d.ts +0 -28
  101. package/preventable-event.d.ts +0 -23
  102. package/timepicker/localization/messages.d.ts +0 -69
  103. package/timepicker/localization/timepicker-custom-messages.component.d.ts +0 -28
  104. package/timepicker/localization/timepicker-localized-messages.directive.d.ts +0 -16
  105. package/timepicker/localization/timeselector-custom-messages.component.d.ts +0 -19
  106. package/timepicker/localization/timeselector-localized-messages.directive.d.ts +0 -16
  107. package/timepicker/models/incremental-steps.model.d.ts +0 -13
  108. package/timepicker/models/list-item.interface.d.ts +0 -11
  109. package/timepicker/models/list-service-settings.d.ts +0 -16
  110. package/timepicker/models/list-service.interface.d.ts +0 -19
  111. package/timepicker/models/time-part.default.d.ts +0 -14
  112. package/timepicker/services/dayperiod.service.d.ts +0 -54
  113. package/timepicker/services/dom.service.d.ts +0 -25
  114. package/timepicker/services/hours.service.d.ts +0 -40
  115. package/timepicker/services/milliseconds.service.d.ts +0 -39
  116. package/timepicker/services/minutes.service.d.ts +0 -39
  117. package/timepicker/services/seconds.service.d.ts +0 -39
  118. package/timepicker/timelist.component.d.ts +0 -96
  119. package/timepicker/timepicker.component.d.ts +0 -498
  120. package/timepicker/timepicker.module.d.ts +0 -28
  121. package/timepicker/timeselector.component.d.ts +0 -185
  122. package/timepicker/util.d.ts +0 -20
  123. package/util.d.ts +0 -195
  124. package/validators/disabled-date.validator.d.ts +0 -8
  125. package/validators/disabled-dates-range.validator.d.ts +0 -8
  126. package/validators/incomplete-date.validator.d.ts +0 -8
  127. package/validators/max.validator.d.ts +0 -8
  128. package/validators/min.validator.d.ts +0 -8
  129. package/validators/time-range.validator.d.ts +0 -8
  130. package/virtualization/models/scrollable.interface.d.ts +0 -41
  131. package/virtualization/services/row-height.service.d.ts +0 -22
  132. package/virtualization/services/scroller.service.d.ts +0 -57
  133. package/virtualization/virtualization.component.d.ts +0 -88
@@ -1,27 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { LocalizationService } from '@progress/kendo-angular-l10n';
6
- import { DatePickerMessages } from './messages';
7
- import * as i0 from "@angular/core";
8
- /**
9
- * Allows you to override the default localization messages of the DatePicker component ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/globalization#custom-messages)).
10
- *
11
- * @example
12
- * ```html
13
- * <kendo-datepicker>
14
- * <kendo-datepicker-messages
15
- * today="Today"
16
- * toggle="Open calendar">
17
- * </kendo-datepicker-messages>
18
- * </kendo-datepicker>
19
- * ```
20
- */
21
- export declare class DatePickerCustomMessagesComponent extends DatePickerMessages {
22
- protected service: LocalizationService;
23
- constructor(service: LocalizationService);
24
- protected get override(): boolean;
25
- static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerCustomMessagesComponent, never>;
26
- static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerCustomMessagesComponent, "kendo-datepicker-messages", never, {}, {}, never, never, true, never>;
27
- }
@@ -1,16 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { LocalizationService } from '@progress/kendo-angular-l10n';
6
- import { DatePickerMessages } from './messages';
7
- import * as i0 from "@angular/core";
8
- /**
9
- * @hidden
10
- */
11
- export declare class DatePickerLocalizedMessagesDirective extends DatePickerMessages {
12
- protected service: LocalizationService;
13
- constructor(service: LocalizationService);
14
- static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerLocalizedMessagesDirective, never>;
15
- static ɵdir: i0.ɵɵDirectiveDeclaration<DatePickerLocalizedMessagesDirective, "[kendoDatePickerLocalizedMessages]", never, {}, {}, never, never, true, never>;
16
- }
@@ -1,41 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { ComponentMessages } from '@progress/kendo-angular-l10n';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * @hidden
9
- */
10
- export declare class DatePickerMessages extends ComponentMessages {
11
- /**
12
- * The **Today** button text in the header of the Calendar.
13
- */
14
- today: string;
15
- /**
16
- * The title of the **Toggle** button of the DatePicker.
17
- */
18
- toggle: string;
19
- /**
20
- * The title of the **Prev** button in the header of the Classic Calendar.
21
- */
22
- prevButtonTitle: string;
23
- /**
24
- * The title of the **Next** button in the header of the Classic Calendar.
25
- */
26
- nextButtonTitle: string;
27
- /**
28
- * The title of the **Parent View** button in the header of the Calendar.
29
- */
30
- parentViewButtonTitle: string;
31
- /**
32
- * The title of the **Clear** button of the DatePicker.
33
- */
34
- clearTitle: string;
35
- /**
36
- * The title of the Close button of the ActionSheet that is rendered instead of the Popup when using small screen devices in adaptive mode.
37
- */
38
- adaptiveCloseButtonTitle: string;
39
- static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerMessages, never>;
40
- static ɵdir: i0.ɵɵDirectiveDeclaration<DatePickerMessages, "kendo-datepicker-messages-base", never, { "today": { "alias": "today"; "required": false; }; "toggle": { "alias": "toggle"; "required": false; }; "prevButtonTitle": { "alias": "prevButtonTitle"; "required": false; }; "nextButtonTitle": { "alias": "nextButtonTitle"; "required": false; }; "parentViewButtonTitle": { "alias": "parentViewButtonTitle"; "required": false; }; "clearTitle": { "alias": "clearTitle"; "required": false; }; "adaptiveCloseButtonTitle": { "alias": "adaptiveCloseButtonTitle"; "required": false; }; }, {}, never, never, true, never>;
41
- }
@@ -1,9 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- /**
6
- * Defines the auto-correction options for date range inputs.
7
- * Use `blur` to correct on focus loss, `change` to correct on value change, or `none` to disable auto-correction.
8
- */
9
- export type AutoCorrectOn = 'blur' | 'change' | 'none';
@@ -1,62 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { ElementRef, Renderer2, NgZone, OnInit, OnDestroy } from '@angular/core';
6
- import { DateInputComponent } from '../dateinput/dateinput.component';
7
- import { AutoCorrectOn } from './auto-correct-on.type';
8
- import { DateRangeInput } from './date-range-input';
9
- import { DateRangeService } from './date-range.service';
10
- import { SelectionRange } from '../calendar/models/selection-range.interface';
11
- import * as i0 from "@angular/core";
12
- /**
13
- * Manages the end date selection in a date range.
14
- *
15
- * You can use the `DateRangeEndInputDirective` only with a DateInput component.
16
- *
17
- * @example
18
- * ```typescript
19
- * @Component({
20
- * selector: 'my-app',
21
- * template: `
22
- * <kendo-daterange>
23
- * <kendo-dateinput kendoDateRangeStartInput [(value)]="startDate"></kendo-dateinput>
24
- * <kendo-dateinput kendoDateRangeEndInput [(value)]="endDate"></kendo-dateinput>
25
- * </kendo-daterange>
26
- * `
27
- * })
28
- * export class AppComponent {
29
- * public startDate: Date = new Date();
30
- * public endDate: Date = new Date();
31
- * }
32
- * ```
33
- *
34
- * @remarks
35
- * Applied to: {@link DateInputComponent}
36
- */
37
- export declare class DateRangeEndInputDirective extends DateRangeInput implements OnInit, OnDestroy {
38
- private rangeService;
39
- private dateInput;
40
- /**
41
- * Specifies the auto-correction behavior. If the start date is greater than the end date, the directive fixes the date range to a single date either on input change or on blur ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/daterange/autocorrect#input-directives)).
42
- *
43
- * By default, the component does not perform any auto-correction.
44
- *
45
- */
46
- autoCorrectOn: AutoCorrectOn;
47
- /**
48
- * Specifies the navigation behavior of the calendar when the active end is changed on input focus. When enabled,
49
- * the calendar navigates to the value of the focused input. Otherwise, the calendar displays the last picked date.
50
- *
51
- * @default false
52
- */
53
- navigateCalendarOnFocus: boolean;
54
- constructor(rangeService: DateRangeService, dateInput: DateInputComponent, element: ElementRef, renderer: Renderer2, zone: NgZone);
55
- ngOnInit(): void;
56
- protected ngAfterViewInit(): void;
57
- ngOnDestroy(): void;
58
- protected getRange(value: Date, correctOn: AutoCorrectOn): SelectionRange;
59
- protected updateInputValue(range: SelectionRange): void;
60
- static ɵfac: i0.ɵɵFactoryDeclaration<DateRangeEndInputDirective, never>;
61
- static ɵdir: i0.ɵɵDirectiveDeclaration<DateRangeEndInputDirective, "[kendoDateRangeEndInput]", never, { "autoCorrectOn": { "alias": "autoCorrectOn"; "required": false; }; "navigateCalendarOnFocus": { "alias": "navigateCalendarOnFocus"; "required": false; }; }, {}, never, never, true, never>;
62
- }
@@ -1,42 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { ElementRef, Renderer2, NgZone } from '@angular/core';
6
- import { DateInputComponent } from '../dateinput/dateinput.component';
7
- import { DateRangeService } from './date-range.service';
8
- import { AutoCorrectOn } from './auto-correct-on.type';
9
- import { SelectionRange } from '../calendar/models/selection-range.interface';
10
- import { SelectionRangeEnd } from '../calendar/models/selection-range-end.type';
11
- import * as i0 from "@angular/core";
12
- /**
13
- * @hidden
14
- */
15
- export declare abstract class DateRangeInput {
16
- private activeRangeEnd;
17
- private dateRangeService;
18
- private input;
19
- private element;
20
- protected renderer: Renderer2;
21
- private zone;
22
- navigateCalendarOnFocus: boolean;
23
- private get isActiveEnd();
24
- private popupSubscriptions;
25
- private subscriptions;
26
- private get popupCalendarActivated();
27
- constructor(activeRangeEnd: SelectionRangeEnd, dateRangeService: DateRangeService, input: DateInputComponent, element: ElementRef, renderer: Renderer2, zone: NgZone);
28
- protected init(): void;
29
- protected destroy(): void;
30
- protected abstract getRange(value: Date, correctOn?: AutoCorrectOn): SelectionRange;
31
- protected abstract updateInputValue(range: SelectionRange): void;
32
- private initPopup;
33
- private unsubscribePopup;
34
- private activate;
35
- private deactivate;
36
- private updateRange;
37
- private togglePopup;
38
- private focusActiveDate;
39
- private toggleActiveClass;
40
- static ɵfac: i0.ɵɵFactoryDeclaration<DateRangeInput, never>;
41
- static ɵdir: i0.ɵɵDirectiveDeclaration<DateRangeInput, never, never, {}, {}, never, never, true, never>;
42
- }
@@ -1,27 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { TemplateRef } from '@angular/core';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * Renders the content of the DateRange Popup.
9
- * To define the popup template, nest an `<ng-template>` tag with the `kendoDateRangePopupTemplate` directive inside the component tag.
10
- *
11
- * @example
12
- * ```html
13
- * <kendo-daterange>
14
- * <ng-template kendoDateRangePopupTemplate>
15
- * <div class="custom-popup-content">
16
- * Custom content for the DateRange Popup
17
- * </div>
18
- * </ng-template>
19
- * </kendo-daterange>
20
- * ```
21
- */
22
- export declare class DateRangePopupTemplateDirective {
23
- templateRef: TemplateRef<any>;
24
- constructor(templateRef: TemplateRef<any>);
25
- static ɵfac: i0.ɵɵFactoryDeclaration<DateRangePopupTemplateDirective, never>;
26
- static ɵdir: i0.ɵɵDirectiveDeclaration<DateRangePopupTemplateDirective, "[kendoDateRangePopupTemplate]", never, {}, {}, never, never, true, never>;
27
- }
@@ -1,376 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { ChangeDetectorRef, ElementRef, EventEmitter, TemplateRef, NgZone, OnInit, OnDestroy, ViewContainerRef, QueryList, Renderer2 } from '@angular/core';
6
- import { LocalizationService } from '@progress/kendo-angular-l10n';
7
- import { Align, Collision, Margin, PopupAnimation, PopupService, PopupRef } from '@progress/kendo-angular-popup';
8
- import { DateRangePopupTemplateDirective } from './date-range-popup-template.directive';
9
- import { DateRangeService } from './date-range.service';
10
- import { MultiViewCalendarComponent } from '../calendar/multiview-calendar.component';
11
- import { PreventableEvent } from '../preventable-event';
12
- import { AdaptiveSize, AdaptiveService } from '@progress/kendo-angular-utils';
13
- import { AdaptiveMode } from '../util';
14
- import { SVGIcon } from '@progress/kendo-svg-icons';
15
- import { DateRangeSelectionDirective } from './date-range-selection.directive';
16
- import { ActionSheetComponent } from '@progress/kendo-angular-navigation';
17
- import { DateInputSize } from '../common/models/size';
18
- import { CalendarView } from '../calendar/models/view.type';
19
- import { Day } from '@progress/kendo-date-math';
20
- import { SelectionRange } from '../calendar/models/selection-range.interface';
21
- import * as i0 from "@angular/core";
22
- /**
23
- * Represents the Kendo UI DateRangePopup component for Angular.
24
- *
25
- * @example
26
- * ```ts
27
- * import { DateInputsModule, DateRangeService } from '@progress/kendo-angular-dateinputs';
28
- *
29
- * _@Component({
30
- * providers: [DateRangeService],
31
- * selector: 'my-app',
32
- * template: `
33
- * <button #anchor (click)="popup.toggle()">Toggle</button>
34
- * <kendo-daterange-popup [anchor]="anchor" #popup></kendo-daterange-popup>
35
- * `
36
- * })
37
- * export class AppComponent {
38
- * }
39
- * ```
40
- */
41
- export declare class DateRangePopupComponent implements OnInit, OnDestroy {
42
- private popupService;
43
- dateRangeService: DateRangeService;
44
- private zone;
45
- private renderer;
46
- localization: LocalizationService;
47
- private cdr;
48
- private rtl;
49
- private adaptiveService;
50
- container: ViewContainerRef;
51
- actionSheet: ActionSheetComponent;
52
- defaultTemplate: TemplateRef<any>;
53
- contentTemplate: DateRangePopupTemplateDirective;
54
- dateRangeSelectionDirective: DateRangeSelectionDirective;
55
- viewCalendar: QueryList<MultiViewCalendarComponent>;
56
- contentCalendar: QueryList<MultiViewCalendarComponent>;
57
- /**
58
- * @hidden
59
- *
60
- * Determines whether to display the MultiViewCalendar header.
61
- */
62
- showCalendarHeader: boolean;
63
- /**
64
- * Specifies the focused date of the MultiViewCalendar component.
65
- * Defines which date receives focus when the component loads ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/dates#focused-dates)).
66
- *
67
- * If the MultiViewCalendar is out of the min or max range, it normalizes the defined `focusedDate`.
68
- */
69
- focusedDate: Date;
70
- /**
71
- * Specifies the dates in the MultiViewCalendar that you want to disable ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/disabled-dates)).
72
- */
73
- disabledDates: ((date: Date) => boolean) | Date[] | Day[];
74
- /**
75
- * Specifies the initial view that the MultiViewCalendar displays when it loads ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/view-options)).
76
- * By default, the active view is `month`.
77
- *
78
- * You have to set `activeView` within the `topView`-`bottomView` range.
79
- *
80
- * @default 'month
81
- */
82
- activeView: CalendarView;
83
- /**
84
- * Specifies the lowest view level that users can navigate to ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/view-depth)).
85
- *
86
- * @default 'month'
87
- */
88
- bottomView: CalendarView;
89
- /**
90
- * Specifies the highest view level that users can navigate to ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/view-depth)).
91
- *
92
- * @default 'century'
93
- */
94
- topView: CalendarView;
95
- /**
96
- * Specifies the minimum date that users can select ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/dates#focused-dates)).
97
- *
98
- * @default '1900-01-01'
99
- */
100
- min: Date;
101
- /**
102
- * Specifies the maximum date that users can select ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/dates#focused-dates)).
103
- *
104
- * @default '2099-12-31'
105
- */
106
- max: Date;
107
- /**
108
- * Determines whether users can select dates in reverse order.
109
- * When you set `allowReverse` to `true`, the component does not validate if the start date comes after the end date.
110
- *
111
- * @default false
112
- */
113
- allowReverse: boolean;
114
- /**
115
- * Determines whether to animate transitions when users navigate between views.
116
- *
117
- * @default false
118
- */
119
- animateNavigation: boolean;
120
- /**
121
- * Determines whether the MultiViewCalendar is interactive ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/disabled-state)).
122
- * When you set `disabled` to `true`, users cannot interact with the component.
123
- *
124
- * @default false
125
- */
126
- disabled: boolean;
127
- /**
128
- * Specifies the number of calendar views to display side by side.
129
- *
130
- * @default 2
131
- */
132
- views: number;
133
- /**
134
- * Determines whether to display week numbers in the `month` view ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/week-num-column)).
135
- *
136
- * @default false
137
- */
138
- weekNumber: boolean;
139
- /**
140
- * Controls the popup animations.
141
- * When you set `animate` to `true`, the popup displays opening and closing animations.
142
- * For more information about controlling the popup animations,
143
- * refer to the article on [animations](https://www.telerik.com/kendo-angular-ui/components/popup/animations).
144
- *
145
- * @default true
146
- */
147
- animate: boolean | PopupAnimation;
148
- /**
149
- * Specifies the element that serves as an anchor for the popup.
150
- * The popup opens next to this element.
151
- * For more information, refer to the section on
152
- * [aligning to specific components](https://www.telerik.com/kendo-angular-ui/components/popup/aligning-positioning#aligning-to-components).
153
- */
154
- anchor: ElementRef;
155
- /**
156
- * Specifies the alignment point for the anchor element.
157
- * For more information, refer to the section on
158
- * [positioning](https://www.telerik.com/kendo-angular-ui/components/popup/aligning-positioning#positioning).
159
- */
160
- anchorAlign: Align;
161
- /**
162
- * Determines whether to display a header for each view ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/view-header)).
163
- * For example, displays the month name in the month view.
164
- *
165
- * @default false
166
- */
167
- showViewHeader: boolean;
168
- /**
169
- * Determines whether to display days from adjacent months in the current month view ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/view-options#displaying-other-month-days)).
170
- *
171
- * @default false
172
- */
173
- showOtherMonthDays: boolean;
174
- /**
175
- * Specifies where to render the popup container.
176
- * By default, the popup renders in the root component.
177
- *
178
- * @default 'root'
179
- */
180
- appendTo: 'root' | 'component' | ViewContainerRef;
181
- /**
182
- * Configures how the popup behaves when it encounters viewport boundaries.
183
- * For more information, refer to the article on
184
- * [viewport boundary detection](https://www.telerik.com/kendo-angular-ui/components/popup/viewport-boundary-detection).
185
- *
186
- * @default { horizontal: 'fit', vertical: 'flip' }
187
- */
188
- collision: Collision;
189
- /**
190
- * Specifies the alignment point for the popup element.
191
- * For more information, refer to the section on
192
- * [positioning](https://www.telerik.com/kendo-angular-ui/components/popup/aligning-positioning#positioning).
193
- */
194
- popupAlign: Align;
195
- /**
196
- * Specifies the margin around the popup in pixels.
197
- * Creates empty space between the popup and its anchor element.
198
- */
199
- margin: Margin;
200
- /**
201
- * Determines whether the component uses adaptive rendering for different screen sizes.
202
- * By default, adaptive rendering is disabled.
203
- *
204
- * @default 'none'
205
- */
206
- adaptiveMode: AdaptiveMode;
207
- /**
208
- * Specifies the title text for the input element and the header of the action sheet.
209
- * Applies only when [`AdaptiveMode` is set to `auto`](https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/adaptivemode).
210
- *
211
- * @default ""
212
- */
213
- adaptiveTitle: string;
214
- /**
215
- * Specifies the subtitle text displayed in the header of the action sheet.
216
- * Applies only when [`AdaptiveMode` is set to `auto`](https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/adaptivemode).
217
- *
218
- * @default ""
219
- */
220
- adaptiveSubtitle: string;
221
- /**
222
- * @hidden
223
- *
224
- * TODO: Make visible when the Infinite Calendar is fixed to set properly the size option.
225
- * Sets the size of the component.
226
- * @default undefined
227
- */
228
- size: DateInputSize;
229
- /**
230
- * Fires when the popup is about to open ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/daterange/popup#events)).
231
- * You can prevent this event to keep the popup closed.
232
- */
233
- open: EventEmitter<PreventableEvent>;
234
- /**
235
- * Fires when the popup is about to close ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/daterange/popup#events)).
236
- * You can prevent this event to keep the popup open.
237
- */
238
- close: EventEmitter<PreventableEvent>;
239
- /**
240
- * Fires when the calendar element loses focus ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/daterange/popup#events)).
241
- */
242
- onBlur: EventEmitter<null>;
243
- /**
244
- * Fires when the calendar element receives focus ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/daterange/popup#events)).
245
- */
246
- onFocus: EventEmitter<null>;
247
- /**
248
- * Fires when the popup closes due to an `ESC` keypress or when it leaves the viewport ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/daterange/popup#events)).
249
- */
250
- cancel: EventEmitter<null>;
251
- /**
252
- * Gets the active calendar that displays in the popup.
253
- *
254
- * When the popup is closed, the property returns `null`.
255
- */
256
- get calendar(): MultiViewCalendarComponent;
257
- set calendar(calendar: MultiViewCalendarComponent);
258
- /**
259
- * Gets the active state of the component.
260
- * Returns `true` when the opened calendar is active.
261
- */
262
- get isActive(): boolean;
263
- /**
264
- * @hidden
265
- */
266
- get isAdaptiveModeEnabled(): boolean;
267
- /**
268
- * @hidden
269
- */
270
- get isAdaptive(): boolean;
271
- /**
272
- * @hidden
273
- */
274
- popupRef: PopupRef;
275
- /**
276
- * @hidden
277
- */
278
- popupUID: string;
279
- /**
280
- * @hidden
281
- */
282
- checkIcon: SVGIcon;
283
- /**
284
- * @hidden
285
- */
286
- windowSize: AdaptiveSize;
287
- /**
288
- * @hidden
289
- */
290
- adaptiveRangeSelection: SelectionRange;
291
- /**
292
- * Gets or sets the visibility state of the component.
293
- */
294
- set show(show: boolean);
295
- get show(): boolean;
296
- /**
297
- * @hidden
298
- */
299
- handleAccept(): void;
300
- private activateSubscription;
301
- private blurSubscription;
302
- private focusSubscription;
303
- private calendarSubscriptions;
304
- private popupSubscriptions;
305
- private windowBlurSubscription;
306
- private localizationSubscriptions;
307
- private resolvedPromise;
308
- private _calendar;
309
- private _show;
310
- constructor(popupService: PopupService, dateRangeService: DateRangeService, zone: NgZone, renderer: Renderer2, localization: LocalizationService, cdr: ChangeDetectorRef, rtl: boolean, adaptiveService: AdaptiveService);
311
- ngOnInit(): void;
312
- ngAfterViewInit(): void;
313
- ngOnDestroy(): void;
314
- /**
315
- * @hidden
316
- *
317
- */
318
- onRangeSelectionChange(rangeSelection: any): void;
319
- /**
320
- * Opens the popup component and focuses the calendar.
321
- */
322
- activate(): void;
323
- /**
324
- * Focuses the calendar if it is available.
325
- */
326
- focus(): void;
327
- /**
328
- * Checks if a focused element is inside the popup.
329
- *
330
- * @returns {boolean} Returns `true` if the focused element is inside the popup.
331
- */
332
- hasActiveContent(): boolean;
333
- /**
334
- * Toggles the visibility of the popup or action sheet.
335
- * When you use the `toggle` method to show or hide the popup or action sheet,
336
- * the `open` and `close` events do not fire.
337
- *
338
- * @param {boolean} show The state of the popup.
339
- */
340
- toggle(show?: boolean): void;
341
- /**
342
- * @hidden
343
- *
344
- * Closes the popup and triggers the `cancel` event.
345
- */
346
- cancelPopup(): void;
347
- /**
348
- * @hidden
349
- */
350
- onResize(): void;
351
- /**
352
- * @hidden
353
- */
354
- closePopup(event: KeyboardEvent): void;
355
- /**
356
- * @hidden
357
- */
358
- handleTab(event: KeyboardEvent): void;
359
- /**
360
- * @hidden
361
- */
362
- handleShiftTab(event: KeyboardEvent): void;
363
- private handleWindowBlur;
364
- private handleMouseLeave;
365
- private handleKeydown;
366
- private subscribeFocusBlur;
367
- private addPopupSubscriptions;
368
- private get _appendTo();
369
- private togglePopup;
370
- private destroyPopup;
371
- private toggleDateRange;
372
- private toggleActionSheet;
373
- private addCalendarSubscription;
374
- static ɵfac: i0.ɵɵFactoryDeclaration<DateRangePopupComponent, [null, null, null, null, null, null, { optional: true; }, null]>;
375
- 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; }; "adaptiveTitle": { "alias": "adaptiveTitle"; "required": false; }; "adaptiveSubtitle": { "alias": "adaptiveSubtitle"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "open": "open"; "close": "close"; "onBlur": "blur"; "onFocus": "focus"; "cancel": "cancel"; }, ["contentTemplate", "contentCalendar"], never, true, never>;
376
- }