@progress/kendo-angular-dateinputs 24.2.2 → 25.0.0-develop.2
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.
- package/fesm2022/progress-kendo-angular-dateinputs.mjs +260 -260
- package/index.d.ts +7208 -91
- package/package-metadata.mjs +2 -2
- package/package.json +16 -16
- package/calendar/calendar.component.d.ts +0 -633
- package/calendar/calendar.module.d.ts +0 -51
- package/calendar/calendars.module.d.ts +0 -47
- package/calendar/footer.component.d.ts +0 -22
- package/calendar/for.directive.d.ts +0 -42
- package/calendar/header.component.d.ts +0 -73
- package/calendar/horizontal-view-list.component.d.ts +0 -106
- package/calendar/localization/calendar-custom-messages.component.d.ts +0 -25
- package/calendar/localization/calendar-localized-messages.directive.d.ts +0 -16
- package/calendar/localization/calendar-messages.d.ts +0 -29
- package/calendar/localization/multiview-calendar-custom-messages.component.d.ts +0 -25
- package/calendar/localization/multiview-calendar-localized-messages.directive.d.ts +0 -16
- package/calendar/localization/multiview-calendar-messages.d.ts +0 -29
- package/calendar/models/cell-context.interface.d.ts +0 -77
- package/calendar/models/navigation-action.enum.d.ts +0 -19
- package/calendar/models/orientation.d.ts +0 -17
- package/calendar/models/row-length-options.interface.d.ts +0 -10
- package/calendar/models/scrollable.interface.d.ts +0 -41
- package/calendar/models/selection-range-end.type.d.ts +0 -18
- package/calendar/models/selection-range.interface.d.ts +0 -36
- package/calendar/models/selection.d.ts +0 -38
- package/calendar/models/type.d.ts +0 -17
- package/calendar/models/view-service.interface.d.ts +0 -31
- package/calendar/models/view.enum.d.ts +0 -15
- package/calendar/models/view.type.d.ts +0 -19
- package/calendar/multiview-calendar.component.d.ts +0 -655
- package/calendar/multiview-calendar.module.d.ts +0 -58
- package/calendar/navigation.component.d.ts +0 -60
- package/calendar/services/bus-view.service.d.ts +0 -30
- package/calendar/services/century-view.service.d.ts +0 -35
- package/calendar/services/decade-view.service.d.ts +0 -35
- package/calendar/services/disabled-dates.service.d.ts +0 -36
- package/calendar/services/dom.service.d.ts +0 -35
- package/calendar/services/month-view.service.d.ts +0 -42
- package/calendar/services/navigation.service.d.ts +0 -19
- package/calendar/services/scroll-sync.service.d.ts +0 -32
- package/calendar/services/selection.service.d.ts +0 -39
- package/calendar/services/weeknames.service.d.ts +0 -20
- package/calendar/services/year-view.service.d.ts +0 -39
- package/calendar/templates/cell-template.directive.d.ts +0 -36
- package/calendar/templates/century-cell-template.directive.d.ts +0 -34
- package/calendar/templates/decade-cell-template.directive.d.ts +0 -34
- package/calendar/templates/footer-template.directive.d.ts +0 -35
- package/calendar/templates/header-template.directive.d.ts +0 -38
- package/calendar/templates/header-title-template.directive.d.ts +0 -34
- package/calendar/templates/month-cell-template.directive.d.ts +0 -34
- package/calendar/templates/navigation-item-template.directive.d.ts +0 -34
- package/calendar/templates/weeknumber-cell-template.directive.d.ts +0 -34
- package/calendar/templates/year-cell-template.directive.d.ts +0 -34
- package/calendar/view-list.component.d.ts +0 -108
- package/calendar/view.component.d.ts +0 -86
- package/common/dom-queries.d.ts +0 -12
- package/common/models/fillmode.d.ts +0 -13
- package/common/models/rounded.d.ts +0 -15
- package/common/models/size.d.ts +0 -13
- package/common/models/week-days-format.d.ts +0 -10
- package/common/picker.service.d.ts +0 -20
- package/common/utils.d.ts +0 -65
- package/dateinput/arrow.enum.d.ts +0 -12
- package/dateinput/dateinput.component.d.ts +0 -479
- package/dateinput/dateinput.module.d.ts +0 -29
- package/dateinput/localization/dateinput-custom-messages.component.d.ts +0 -34
- package/dateinput/localization/dateinput-localized-messages.directive.d.ts +0 -16
- package/dateinput/localization/messages.d.ts +0 -25
- package/dateinput/models/format-placeholder.model.d.ts +0 -61
- package/dateinput/models/format-settings.model.d.ts +0 -29
- package/dateinput/models/incremental-steps.model.d.ts +0 -31
- package/dateinputs.module.d.ts +0 -71
- package/datepicker/datepicker.component.d.ts +0 -640
- package/datepicker/datepicker.module.d.ts +0 -36
- package/datepicker/localization/datepicker-custom-messages.component.d.ts +0 -27
- package/datepicker/localization/datepicker-localized-messages.directive.d.ts +0 -16
- package/datepicker/localization/messages.d.ts +0 -41
- package/daterange/auto-correct-on.type.d.ts +0 -9
- package/daterange/date-range-end-input.directive.d.ts +0 -62
- package/daterange/date-range-input.d.ts +0 -42
- package/daterange/date-range-popup-template.directive.d.ts +0 -27
- package/daterange/date-range-popup.component.d.ts +0 -376
- package/daterange/date-range-selection.directive.d.ts +0 -89
- package/daterange/date-range-start-input.directive.d.ts +0 -65
- package/daterange/date-range.component.d.ts +0 -59
- package/daterange/date-range.module.d.ts +0 -57
- package/daterange/date-range.service.d.ts +0 -137
- package/daterange/localization/daterange-popup-custom-messages.component.d.ts +0 -17
- package/daterange/localization/daterange-popup-localized-messages.directive.d.ts +0 -16
- package/daterange/localization/messages.d.ts +0 -33
- package/datetimepicker/datetimepicker.component.d.ts +0 -772
- package/datetimepicker/datetimepicker.module.d.ts +0 -41
- package/datetimepicker/localization/datetimepicker-custom-messages.component.d.ts +0 -26
- package/datetimepicker/localization/localized-messages.directive.d.ts +0 -16
- package/datetimepicker/localization/messages.d.ts +0 -101
- package/datetimepicker/models/active-tab.type.d.ts +0 -9
- package/defaults.d.ts +0 -24
- package/directives.d.ts +0 -66
- package/package-metadata.d.ts +0 -9
- package/popup-settings.model.d.ts +0 -28
- package/preventable-event.d.ts +0 -23
- package/timepicker/localization/messages.d.ts +0 -69
- package/timepicker/localization/timepicker-custom-messages.component.d.ts +0 -28
- package/timepicker/localization/timepicker-localized-messages.directive.d.ts +0 -16
- package/timepicker/localization/timeselector-custom-messages.component.d.ts +0 -19
- package/timepicker/localization/timeselector-localized-messages.directive.d.ts +0 -16
- package/timepicker/models/incremental-steps.model.d.ts +0 -13
- package/timepicker/models/list-item.interface.d.ts +0 -11
- package/timepicker/models/list-service-settings.d.ts +0 -16
- package/timepicker/models/list-service.interface.d.ts +0 -19
- package/timepicker/models/time-part.default.d.ts +0 -14
- package/timepicker/services/dayperiod.service.d.ts +0 -54
- package/timepicker/services/dom.service.d.ts +0 -25
- package/timepicker/services/hours.service.d.ts +0 -40
- package/timepicker/services/milliseconds.service.d.ts +0 -39
- package/timepicker/services/minutes.service.d.ts +0 -39
- package/timepicker/services/seconds.service.d.ts +0 -39
- package/timepicker/timelist.component.d.ts +0 -96
- package/timepicker/timepicker.component.d.ts +0 -498
- package/timepicker/timepicker.module.d.ts +0 -28
- package/timepicker/timeselector.component.d.ts +0 -185
- package/timepicker/util.d.ts +0 -20
- package/util.d.ts +0 -195
- package/validators/disabled-date.validator.d.ts +0 -8
- package/validators/disabled-dates-range.validator.d.ts +0 -8
- package/validators/incomplete-date.validator.d.ts +0 -8
- package/validators/max.validator.d.ts +0 -8
- package/validators/min.validator.d.ts +0 -8
- package/validators/time-range.validator.d.ts +0 -8
- package/virtualization/models/scrollable.interface.d.ts +0 -41
- package/virtualization/services/row-height.service.d.ts +0 -22
- package/virtualization/services/scroller.service.d.ts +0 -57
- 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
|
-
}
|