nxt-pick-datetime 19.0.4 → 21.0.0-alpha.0

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 (49) hide show
  1. package/README.md +11 -14
  2. package/assets/picker.scss +23 -23
  3. package/fesm2022/nxt-pick-datetime-moment-adapter.mjs +19 -27
  4. package/fesm2022/nxt-pick-datetime-moment-adapter.mjs.map +1 -1
  5. package/fesm2022/nxt-pick-datetime-native-adapter.mjs +19 -22
  6. package/fesm2022/nxt-pick-datetime-native-adapter.mjs.map +1 -1
  7. package/fesm2022/nxt-pick-datetime.mjs +1862 -2637
  8. package/fesm2022/nxt-pick-datetime.mjs.map +1 -1
  9. package/package.json +16 -13
  10. package/types/nxt-pick-datetime-moment-adapter.d.ts +25 -0
  11. package/types/nxt-pick-datetime-native-adapter.d.ts +13 -0
  12. package/types/nxt-pick-datetime.d.ts +1200 -0
  13. package/index.d.ts +0 -5
  14. package/lib/class/date-time-adapter.class.d.ts +0 -176
  15. package/lib/class/date-time-format.class.d.ts +0 -12
  16. package/lib/class/date-time.class.d.ts +0 -76
  17. package/lib/class/dialog-config.class.d.ts +0 -90
  18. package/lib/class/dialog-ref.class.d.ts +0 -50
  19. package/lib/date-time/calendar/calendar.component.d.ts +0 -147
  20. package/lib/date-time/calendar-body/calendar-body.component.d.ts +0 -79
  21. package/lib/date-time/calendar-month-view/calendar-month-view.component.d.ts +0 -139
  22. package/lib/date-time/calendar-multi-year-view/calendar-multi-year-view.component.d.ts +0 -115
  23. package/lib/date-time/calendar-year-view/calendar-year-view.component.d.ts +0 -123
  24. package/lib/date-time/date-time-inline/date-time-inline.component.d.ts +0 -106
  25. package/lib/date-time/date-time-picker/date-time-picker.component.d.ts +0 -172
  26. package/lib/date-time/date-time-picker-container/date-time-picker-container.animations.d.ts +0 -6
  27. package/lib/date-time/date-time-picker-container/date-time-picker-container.component.d.ts +0 -129
  28. package/lib/date-time/date-time-picker-input.directive.d.ts +0 -167
  29. package/lib/date-time/date-time-picker-intl.service.d.ts +0 -51
  30. package/lib/date-time/date-time-picker-trigger.directive.d.ts +0 -22
  31. package/lib/date-time/date-time.module.d.ts +0 -23
  32. package/lib/date-time/number-fixed-len.pipe.d.ts +0 -8
  33. package/lib/date-time/timer/timer.component.d.ts +0 -131
  34. package/lib/date-time/timer-box/timer-box.component.d.ts +0 -37
  35. package/lib/dialog/dialog-container/dialog-container.component.d.ts +0 -69
  36. package/lib/dialog/dialog.module.d.ts +0 -12
  37. package/lib/dialog/dialog.service.d.ts +0 -78
  38. package/lib/utils/object.d.ts +0 -9
  39. package/moment-adapter/date-time-adapter.class.d.ts +0 -64
  40. package/moment-adapter/date-time-format.class.d.ts +0 -5
  41. package/moment-adapter/index.d.ts +0 -5
  42. package/moment-adapter/moment-adapter.module.d.ts +0 -8
  43. package/moment-adapter/public-api.d.ts +0 -2
  44. package/native-adapter/date-time-adapter.class.d.ts +0 -72
  45. package/native-adapter/date-time-format.class.d.ts +0 -5
  46. package/native-adapter/index.d.ts +0 -5
  47. package/native-adapter/native-adapter.module.d.ts +0 -9
  48. package/native-adapter/public-api.d.ts +0 -1
  49. package/public-api.d.ts +0 -14
@@ -1,139 +0,0 @@
1
- import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
2
- import { DateTimeAdapter } from '../../class/date-time-adapter.class';
3
- import { DateTimeFormats } from '../../class/date-time-format.class';
4
- import { DateFilter, SelectMode } from '../../class/date-time.class';
5
- import { CalendarCell } from '../calendar-body/calendar-body.component';
6
- import * as i0 from "@angular/core";
7
- export declare class MonthViewComponent<T> implements OnInit, AfterContentInit, OnDestroy {
8
- private readonly cdRef;
9
- private readonly dateTimeAdapter;
10
- private readonly dateTimeFormats;
11
- /**
12
- * Whether to hide dates in other months at the start or end of the current month
13
- */
14
- hideOtherMonths: boolean;
15
- /**
16
- * Define the first day of a week
17
- * Sunday: 0 ~ Saturday: 6
18
- */
19
- private _firstDayOfWeek;
20
- get firstDayOfWeek(): number;
21
- set firstDayOfWeek(val: number);
22
- /**
23
- * The select mode of the picker;
24
- */
25
- private _selectMode;
26
- get selectMode(): SelectMode;
27
- set selectMode(val: SelectMode);
28
- /** The currently selected date */
29
- private _selected?;
30
- get selected(): T | undefined;
31
- set selected(value: T | undefined);
32
- private _selecteds;
33
- get selecteds(): Array<T | undefined>;
34
- set selecteds(values: Array<T | undefined>);
35
- private _pickerMoment?;
36
- get pickerMoment(): T | undefined;
37
- set pickerMoment(value: T | undefined);
38
- /**
39
- * A function used to filter which dates are selectable
40
- */
41
- private _dateTimeFilter?;
42
- get dateTimeFilter(): DateFilter<T> | undefined;
43
- set dateTimeFilter(filter: DateFilter<T> | undefined);
44
- /** The minimum selectable date */
45
- private _minDate?;
46
- get min(): T | undefined;
47
- set min(value: T | undefined);
48
- /** The maximum selectable date */
49
- private _maxDate?;
50
- get max(): T | undefined;
51
- set max(value: T | undefined);
52
- private _weekdays?;
53
- get weekdays(): {
54
- long: string;
55
- short: string;
56
- narrow: string;
57
- }[] | undefined;
58
- private _days?;
59
- get days(): CalendarCell[][] | undefined;
60
- get activeCell(): number | undefined;
61
- get isInSingleMode(): boolean;
62
- get isInRangeMode(): boolean;
63
- private firstDateOfMonth?;
64
- private localeSub?;
65
- private initiated;
66
- /**
67
- * The date of the month that today falls on.
68
- */
69
- todayDate?: number;
70
- /**
71
- * An array to hold all selectedDates' value
72
- * the value is the day number in current month
73
- */
74
- selectedDates?: Array<number | undefined>;
75
- firstRowOffset: number;
76
- /**
77
- * Callback to invoke when a new date is selected
78
- */
79
- readonly selectedChange: EventEmitter<T | undefined>;
80
- /**
81
- * Callback to invoke when any date is selected.
82
- */
83
- readonly userSelection: EventEmitter<void>;
84
- /** Emits when any date is activated */
85
- readonly pickerMomentChange: EventEmitter<T>;
86
- /** The body of calendar table */
87
- private calendarBodyElm?;
88
- /** @internal */
89
- get calendarView(): boolean;
90
- constructor(cdRef: ChangeDetectorRef, dateTimeAdapter: DateTimeAdapter<T>, dateTimeFormats: DateTimeFormats);
91
- ngOnInit(): void;
92
- ngAfterContentInit(): void;
93
- ngOnDestroy(): void;
94
- /**
95
- * Handle a calendarCell selected
96
- */
97
- selectCalendarCell(cell: CalendarCell): void;
98
- /**
99
- * Handle a new date selected
100
- */
101
- private selectDate;
102
- /**
103
- * Handle keydown event on calendar body
104
- */
105
- handleCalendarKeydown(event: KeyboardEvent): void;
106
- /**
107
- * Generate the calendar weekdays array
108
- */
109
- private generateWeekDays;
110
- /**
111
- * Generate the calendar days array
112
- */
113
- private generateCalendar;
114
- /**
115
- * Creates CalendarCell for days.
116
- */
117
- private createDateCell;
118
- /**
119
- * Check if the date is valid
120
- */
121
- private isDateEnabled;
122
- /**
123
- * Get a valid date object
124
- */
125
- private getValidDate;
126
- /**
127
- * Check if the give dates are defined and in the same month
128
- */
129
- isSameMonth(dateLeft?: T, dateRight?: T): boolean;
130
- /**
131
- * Set the selectedDates value.
132
- * In single mode, it has only one value which represent the selected date
133
- * In range mode, it would has two values, one for the fromValue and the other for the toValue
134
- */
135
- private setSelectedDates;
136
- private focusActiveCell;
137
- static ɵfac: i0.ɵɵFactoryDeclaration<MonthViewComponent<any>, never>;
138
- static ɵcmp: i0.ɵɵComponentDeclaration<MonthViewComponent<any>, "nxt-date-time-month-view", never, { "hideOtherMonths": { "alias": "hideOtherMonths"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "selectMode": { "alias": "selectMode"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "selecteds": { "alias": "selecteds"; "required": false; }; "pickerMoment": { "alias": "pickerMoment"; "required": false; }; "dateTimeFilter": { "alias": "dateTimeFilter"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; }, { "selectedChange": "selectedChange"; "userSelection": "userSelection"; "pickerMomentChange": "pickerMomentChange"; }, never, never, false, never>;
139
- }
@@ -1,115 +0,0 @@
1
- import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnInit } from '@angular/core';
2
- import { DateTimeAdapter } from '../../class/date-time-adapter.class';
3
- import { DateFilter, SelectMode } from '../../class/date-time.class';
4
- import { CalendarCell } from '../calendar-body/calendar-body.component';
5
- import { DateTimeIntl } from '../date-time-picker-intl.service';
6
- import * as i0 from "@angular/core";
7
- /** @internal */
8
- export declare const YEARS_PER_ROW = 3;
9
- /** @internal */
10
- export declare const YEAR_ROWS = 7;
11
- export declare class MultiYearViewComponent<T> implements OnInit, AfterContentInit {
12
- private readonly cdRef;
13
- private readonly pickerIntl;
14
- private readonly dateTimeAdapter;
15
- /**
16
- * The select mode of the picker;
17
- */
18
- private _selectMode;
19
- get selectMode(): SelectMode;
20
- set selectMode(val: SelectMode);
21
- /** The currently selected date */
22
- private _selected?;
23
- get selected(): T | undefined;
24
- set selected(value: T | undefined);
25
- private _selecteds;
26
- get selecteds(): Array<T | undefined>;
27
- set selecteds(values: Array<T | undefined>);
28
- private _pickerMoment?;
29
- get pickerMoment(): T | undefined;
30
- set pickerMoment(value: T | undefined);
31
- /**
32
- * A function used to filter which dates are selectable
33
- */
34
- private _dateTimeFilter?;
35
- get dateTimeFilter(): DateFilter<T> | undefined;
36
- set dateTimeFilter(filter: DateFilter<T> | undefined);
37
- /** The minimum selectable date */
38
- private _minDate?;
39
- get min(): T | undefined;
40
- set min(value: T | undefined);
41
- /** The maximum selectable date */
42
- private _maxDate?;
43
- get max(): T | undefined;
44
- set max(value: T | undefined);
45
- private _todayYear?;
46
- get todayYear(): number | undefined;
47
- private _years?;
48
- get years(): CalendarCell[][] | undefined;
49
- private _selectedYears?;
50
- get selectedYears(): (number | undefined)[] | undefined;
51
- private initiated;
52
- get isInSingleMode(): boolean;
53
- get isInRangeMode(): boolean;
54
- get activeCell(): number | undefined;
55
- get tableHeader(): string | undefined;
56
- get prevButtonLabel(): string;
57
- get nextButtonLabel(): string;
58
- /**
59
- * Callback to invoke when a new month is selected
60
- */
61
- readonly change: EventEmitter<T>;
62
- /**
63
- * Emits the selected year
64
- *
65
- * This doesn't imply a change on the selected date.
66
- */
67
- readonly yearSelected: EventEmitter<T>;
68
- /** Emits when any date is activated */
69
- readonly pickerMomentChange: EventEmitter<T>;
70
- /** Emits when use keyboard enter to select a calendar cell */
71
- readonly keyboardEnter: EventEmitter<void>;
72
- /** The body of calendar table */
73
- private calendarBodyElm?;
74
- /** @internal */
75
- get calendarView(): boolean;
76
- /** @internal */
77
- get calendarMultiYearView(): boolean;
78
- constructor(cdRef: ChangeDetectorRef, pickerIntl: DateTimeIntl, dateTimeAdapter: DateTimeAdapter<T>);
79
- ngOnInit(): void;
80
- ngAfterContentInit(): void;
81
- /**
82
- * Handle a calendarCell selected
83
- */
84
- selectCalendarCell(cell: CalendarCell): void;
85
- private selectYear;
86
- /**
87
- * Generate the previous year list
88
- */
89
- prevYearList(event: any): void;
90
- /**
91
- * Generate the next year list
92
- */
93
- nextYearList(event: any): void;
94
- generateYearList(): void;
95
- /** Whether the previous period button is enabled */
96
- previousEnabled(): boolean;
97
- /** Whether the next period button is enabled */
98
- nextEnabled(): boolean;
99
- handleCalendarKeydown(event: KeyboardEvent): void;
100
- /**
101
- * Creates an CalendarCell for the given year.
102
- */
103
- private createYearCell;
104
- private setSelectedYears;
105
- /** Whether the given year is enabled */
106
- private isYearEnabled;
107
- private isSameYearList;
108
- /**
109
- * Get a valid date object
110
- */
111
- private getValidDate;
112
- private focusActiveCell;
113
- static ɵfac: i0.ɵɵFactoryDeclaration<MultiYearViewComponent<any>, never>;
114
- static ɵcmp: i0.ɵɵComponentDeclaration<MultiYearViewComponent<any>, "nxt-date-time-multi-year-view", never, { "selectMode": { "alias": "selectMode"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "selecteds": { "alias": "selecteds"; "required": false; }; "pickerMoment": { "alias": "pickerMoment"; "required": false; }; "dateTimeFilter": { "alias": "dateTimeFilter"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; }, { "change": "change"; "yearSelected": "yearSelected"; "pickerMomentChange": "pickerMomentChange"; "keyboardEnter": "keyboardEnter"; }, never, never, false, never>;
115
- }
@@ -1,123 +0,0 @@
1
- import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
2
- import { DateTimeAdapter } from '../../class/date-time-adapter.class';
3
- import { DateTimeFormats } from '../../class/date-time-format.class';
4
- import { DateFilter, SelectMode } from '../../class/date-time.class';
5
- import { CalendarCell } from '../calendar-body/calendar-body.component';
6
- import * as i0 from "@angular/core";
7
- export declare class YearViewComponent<T> implements OnInit, AfterContentInit, OnDestroy {
8
- private readonly cdRef;
9
- private readonly dateTimeAdapter;
10
- private readonly dateTimeFormats;
11
- /**
12
- * The select mode of the picker;
13
- */
14
- private _selectMode;
15
- get selectMode(): SelectMode;
16
- set selectMode(val: SelectMode);
17
- /** The currently selected date */
18
- private _selected?;
19
- get selected(): T | undefined;
20
- set selected(value: T | undefined);
21
- private _selecteds;
22
- get selecteds(): Array<T | undefined>;
23
- set selecteds(values: Array<T | undefined>);
24
- private _pickerMoment?;
25
- get pickerMoment(): T | undefined;
26
- set pickerMoment(value: T | undefined);
27
- /**
28
- * A function used to filter which dates are selectable
29
- */
30
- private _dateTimeFilter?;
31
- get dateTimeFilter(): DateFilter<T> | undefined;
32
- set dateTimeFilter(filter: DateFilter<T> | undefined);
33
- /** The minimum selectable date */
34
- private _minDate?;
35
- get min(): T | undefined;
36
- set min(value: T | undefined);
37
- /** The maximum selectable date */
38
- private _maxDate?;
39
- get max(): T | undefined;
40
- set max(value: T | undefined);
41
- private readonly monthNames;
42
- private _months?;
43
- get months(): CalendarCell[][] | undefined;
44
- get activeCell(): number | undefined;
45
- get isInSingleMode(): boolean;
46
- get isInRangeMode(): boolean;
47
- private localeSub?;
48
- private initiated;
49
- todayMonth?: number;
50
- /**
51
- * An array to hold all selectedDates' month value
52
- * the value is the month number in current year
53
- */
54
- selectedMonths?: Array<number | undefined>;
55
- /**
56
- * Callback to invoke when a new month is selected
57
- */
58
- readonly change: EventEmitter<T>;
59
- /**
60
- * Emits the selected year
61
- *
62
- * This doesn't imply a change on the selected date.
63
- */
64
- readonly monthSelected: EventEmitter<T>;
65
- /** Emits when any date is activated */
66
- readonly pickerMomentChange: EventEmitter<T>;
67
- /** Emits when use keyboard enter to select a calendar cell */
68
- readonly keyboardEnter: EventEmitter<void>;
69
- /** The body of calendar table */
70
- private calendarBodyElm?;
71
- /** @internal */
72
- get calendarView(): boolean;
73
- constructor(cdRef: ChangeDetectorRef, dateTimeAdapter: DateTimeAdapter<T>, dateTimeFormats: DateTimeFormats);
74
- ngOnInit(): void;
75
- ngAfterContentInit(): void;
76
- ngOnDestroy(): void;
77
- /**
78
- * Handle a calendarCell selected
79
- */
80
- selectCalendarCell(cell: CalendarCell): void;
81
- /**
82
- * Handle a new month selected
83
- */
84
- private selectMonth;
85
- /**
86
- * Handle keydown event on calendar body
87
- */
88
- handleCalendarKeydown(event: KeyboardEvent): void;
89
- /**
90
- * Generate the calendar month list
91
- */
92
- private generateMonthList;
93
- /**
94
- * Creates an CalendarCell for the given month.
95
- */
96
- private createMonthCell;
97
- /**
98
- * Check if the given month is enable
99
- */
100
- private isMonthEnabled;
101
- /**
102
- * Gets the month in this year that the given Date falls on.
103
- * Returns undefined if the given Date is in another year.
104
- */
105
- private getMonthInCurrentYear;
106
- /**
107
- * Set the selectedMonths value
108
- * In single mode, it has only one value which represent the month the selected date in
109
- * In range mode, it would has two values, one for the month the fromValue in and the other for the month the toValue in
110
- */
111
- private setSelectedMonths;
112
- /**
113
- * Check the given dates are in the same year
114
- */
115
- private hasSameYear;
116
- /**
117
- * Get a valid date object
118
- */
119
- private getValidDate;
120
- private focusActiveCell;
121
- static ɵfac: i0.ɵɵFactoryDeclaration<YearViewComponent<any>, never>;
122
- static ɵcmp: i0.ɵɵComponentDeclaration<YearViewComponent<any>, "nxt-date-time-year-view", never, { "selectMode": { "alias": "selectMode"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "selecteds": { "alias": "selecteds"; "required": false; }; "pickerMoment": { "alias": "pickerMoment"; "required": false; }; "dateTimeFilter": { "alias": "dateTimeFilter"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; }, { "change": "change"; "monthSelected": "monthSelected"; "pickerMomentChange": "pickerMomentChange"; "keyboardEnter": "keyboardEnter"; }, never, never, false, never>;
123
- }
@@ -1,106 +0,0 @@
1
- import { ChangeDetectorRef, EventEmitter, OnInit, Provider } from '@angular/core';
2
- import { ControlValueAccessor } from '@angular/forms';
3
- import { DateTimeAdapter } from '../../class/date-time-adapter.class';
4
- import { DateTimeFormats } from '../../class/date-time-format.class';
5
- import { DateFilter, DateTimeDirective, PickerMode, PickerType, SelectMode } from '../../class/date-time.class';
6
- import * as i0 from "@angular/core";
7
- /** @internal */
8
- export declare const NXT_DATETIME_VALUE_ACCESSOR: Provider;
9
- export declare class DateTimeInlineComponent<T> extends DateTimeDirective<T> implements OnInit, ControlValueAccessor {
10
- protected readonly changeDetector: ChangeDetectorRef;
11
- private container?;
12
- private _pickerType;
13
- /**
14
- * Set the type of the dateTime picker
15
- *
16
- * - `'both'` - show both calendar and timer
17
- * - `'calendar'` - show only calendar
18
- * - `'timer'` - show only timer
19
- */
20
- get pickerType(): PickerType;
21
- set pickerType(val: PickerType);
22
- private _disabled;
23
- /** Whether the date time picker should be disabled */
24
- get disabled(): boolean;
25
- set disabled(value: boolean);
26
- private _selectMode;
27
- /**
28
- * The picker select mode
29
- *
30
- * - `'single'` - select a single date
31
- * - `'range'` - select a range [from, to]
32
- * - `'rangeFrom'` - an open range with a fixed start date
33
- * - `'rangeTo'` - an open range with a fixed end date
34
- */
35
- get selectMode(): SelectMode;
36
- set selectMode(mode: SelectMode);
37
- private _startAt?;
38
- /**
39
- * The date to show when picker opens
40
- *
41
- * Defaults to selected date (if available) or current date.
42
- */
43
- get startAt(): T | undefined;
44
- set startAt(date: T | undefined);
45
- private _dateTimeFilter?;
46
- /** A function to filter available date & time */
47
- get dateTimeFilter(): DateFilter<T> | undefined;
48
- set dateTimeFilter(filter: DateFilter<T> | undefined);
49
- private _min?;
50
- /** The minimum valid date */
51
- set min(value: T | undefined);
52
- get min(): T | undefined;
53
- private _max?;
54
- /** The maximum valid date */
55
- set max(value: T | undefined);
56
- get max(): T | undefined;
57
- private _value?;
58
- get value(): T | undefined;
59
- set value(value: T | undefined);
60
- private _values?;
61
- get values(): Array<T | undefined> | undefined;
62
- set values(values: Array<T | undefined> | undefined);
63
- /**
64
- * Emits selected year in multi-year view
65
- *
66
- * This doesn't imply a change on the selected date.
67
- */
68
- readonly yearSelected: EventEmitter<T>;
69
- /**
70
- * Emits selected month in year view
71
- *
72
- * This doesn't imply a change on the selected date.
73
- */
74
- readonly monthSelected: EventEmitter<T>;
75
- private _selected?;
76
- get selected(): T | undefined;
77
- set selected(value: T | undefined);
78
- private _selecteds;
79
- get selecteds(): Array<T | undefined>;
80
- set selecteds(values: Array<T | undefined>);
81
- get isOpen(): boolean;
82
- get pickerMode(): PickerMode;
83
- get isInSingleMode(): boolean;
84
- get isInRangeMode(): boolean;
85
- /** @internal */
86
- get inlineClass(): boolean;
87
- private onModelChange?;
88
- private onModelTouched?;
89
- constructor(changeDetector: ChangeDetectorRef, dateTimeAdapter: DateTimeAdapter<T>, dateTimeFormats: DateTimeFormats);
90
- ngOnInit(): void;
91
- writeValue(value: any): void;
92
- registerOnChange(fn: any): void;
93
- registerOnTouched(fn: any): void;
94
- setDisabledState(isDisabled: boolean): void;
95
- select(date: T[] | T): void;
96
- /**
97
- * Emits the selected year in multi-year view
98
- */
99
- selectYear(normalizedYear: T): void;
100
- /**
101
- * Emits selected month in year view
102
- */
103
- selectMonth(normalizedMonth: T): void;
104
- static ɵfac: i0.ɵɵFactoryDeclaration<DateTimeInlineComponent<any>, never>;
105
- static ɵcmp: i0.ɵɵComponentDeclaration<DateTimeInlineComponent<any>, "nxt-date-time-inline", never, { "pickerType": { "alias": "pickerType"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selectMode": { "alias": "selectMode"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "dateTimeFilter": { "alias": "dateTimeFilter"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "value": { "alias": "value"; "required": false; }; "values": { "alias": "values"; "required": false; }; }, { "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; }, never, never, false, never>;
106
- }
@@ -1,172 +0,0 @@
1
- import { BlockScrollStrategy, Overlay, ScrollStrategy } from '@angular/cdk/overlay';
2
- import { ChangeDetectorRef, EventEmitter, InjectionToken, NgZone, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
3
- import { DateTimeAdapter } from '../../class/date-time-adapter.class';
4
- import { DateTimeFormats } from '../../class/date-time-format.class';
5
- import { DateTimeDirective, PickerMode, PickerType } from '../../class/date-time.class';
6
- import { DialogService } from '../../dialog/dialog.service';
7
- import { DateTimeInputDirective } from '../date-time-picker-input.directive';
8
- import * as i0 from "@angular/core";
9
- /**
10
- * Injection token that determines the scroll handling while the dtPicker is open.
11
- *
12
- * @internal
13
- */
14
- export declare const NXT_DTPICKER_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
15
- /** @internal */
16
- export declare function NXT_DTPICKER_SCROLL_STRATEGY_PROVIDER_FACTORY(overlay: Overlay): () => BlockScrollStrategy;
17
- /** @internal */
18
- export declare const NXT_DTPICKER_SCROLL_STRATEGY_PROVIDER: {
19
- provide: InjectionToken<() => ScrollStrategy>;
20
- deps: (typeof Overlay)[];
21
- useFactory: typeof NXT_DTPICKER_SCROLL_STRATEGY_PROVIDER_FACTORY;
22
- };
23
- export declare class DateTimeComponent<T> extends DateTimeDirective<T> implements OnInit, OnDestroy {
24
- private readonly overlay;
25
- private readonly viewContainerRef;
26
- private readonly dialogService;
27
- private readonly ngZone;
28
- protected readonly changeDetector: ChangeDetectorRef;
29
- private readonly defaultScrollStrategy;
30
- private readonly document?;
31
- /** Custom class for the picker backdrop */
32
- backdropClass?: string | string[];
33
- /** Custom class for the picker overlay pane */
34
- panelClass?: string | string[];
35
- private _startAt?;
36
- /**
37
- * The date to show when picker opens
38
- *
39
- * Defaults to selected date (if available) or current date.
40
- */
41
- get startAt(): T | undefined;
42
- set startAt(date: T | undefined);
43
- private _pickerType;
44
- /**
45
- * Set the type of the dateTime picker
46
- *
47
- * - `'both'` - show both calendar and timer
48
- * - `'calendar'` - show only calendar
49
- * - `'timer'` - show only timer
50
- */
51
- get pickerType(): PickerType;
52
- set pickerType(val: PickerType);
53
- private _pickerMode;
54
- /**
55
- * The style the picker would open as
56
- *
57
- * - `'popup'` - display picker attached to the trigger element
58
- * - `'dialog'` - display picker as a dialog
59
- */
60
- get pickerMode(): PickerMode;
61
- set pickerMode(mode: PickerMode);
62
- private _disabled?;
63
- /** Whether the date time picker should be disabled */
64
- get disabled(): boolean;
65
- set disabled(value: boolean);
66
- private _isOpen;
67
- /** Whether the calendar is open */
68
- get isOpen(): boolean;
69
- set isOpen(val: boolean);
70
- /**
71
- * The scroll strategy when the picker is open (see [CDK documentation](https://material.angular.io/cdk/overlay/overview#scroll-strategies))
72
- */
73
- scrollStrategy?: ScrollStrategy;
74
- /**
75
- * Callback when the picker is opened
76
- */
77
- readonly afterPickerOpened: EventEmitter<void>;
78
- /**
79
- * Callback when the picker is closed
80
- */
81
- readonly afterPickerClosed: EventEmitter<void>;
82
- /**
83
- * Emits selected year in multi-year view
84
- *
85
- * This doesn't imply a change on the selected date.
86
- */
87
- readonly yearSelected: EventEmitter<T>;
88
- /**
89
- * Emits selected month in year view
90
- *
91
- * This doesn't imply a change on the selected date.
92
- */
93
- readonly monthSelected: EventEmitter<T>;
94
- /**
95
- * Emits when picker open state changes
96
- */
97
- readonly isOpenChange: EventEmitter<boolean>;
98
- /**
99
- * Emit when the selected value has been confirmed
100
- */
101
- readonly confirmSelectedChange: EventEmitter<T | (T | undefined)[]>;
102
- /**
103
- * Emits when the date time picker is disabled
104
- */
105
- readonly disabledChange: EventEmitter<boolean>;
106
- private pickerContainerPortal?;
107
- private pickerContainer?;
108
- private popupRef?;
109
- private dialogRef?;
110
- private dtInputSub?;
111
- private hidePickerStreamSub?;
112
- private confirmSelectedStreamSub?;
113
- private pickerOpenedStreamSub?;
114
- /** The element that was focused before the date time picker was isOpen */
115
- private focusedElementBeforeOpen?;
116
- private _dtInput?;
117
- get dtInput(): DateTimeInputDirective<T> | undefined;
118
- private _selected?;
119
- get selected(): T | undefined;
120
- set selected(value: T | undefined);
121
- private _selecteds;
122
- get selecteds(): Array<T | undefined>;
123
- set selecteds(values: Array<T | undefined>);
124
- /** The minimum selectable date */
125
- get min(): T | undefined;
126
- /** The maximum selectable date */
127
- get max(): T | undefined;
128
- get dateTimeFilter(): import("../../class/date-time.class").DateFilter<T> | undefined;
129
- get selectMode(): import("../../class/date-time.class").SelectMode | undefined;
130
- get isInSingleMode(): boolean;
131
- get isInRangeMode(): boolean;
132
- constructor(overlay: Overlay, viewContainerRef: ViewContainerRef, dialogService: DialogService, ngZone: NgZone, changeDetector: ChangeDetectorRef, dateTimeAdapter: DateTimeAdapter<T>, defaultScrollStrategy: () => ScrollStrategy, dateTimeFormats: DateTimeFormats, document?: Document | undefined);
133
- ngOnInit(): void;
134
- ngOnDestroy(): void;
135
- registerInput(input: DateTimeInputDirective<T>): void;
136
- open(): void;
137
- /**
138
- * Selects the given date
139
- */
140
- select(date: T[] | T): void;
141
- /**
142
- * Emits the selected year in multi-year view
143
- */
144
- selectYear(normalizedYear: T): void;
145
- /**
146
- * Emits selected month in year view
147
- */
148
- selectMonth(normalizedMonth: T): void;
149
- /**
150
- * Hide the picker
151
- */
152
- close(): void;
153
- /**
154
- * Confirm the selected value
155
- */
156
- confirmSelect(_event?: any): void;
157
- /**
158
- * Open the picker as a dialog
159
- */
160
- private openAsDialog;
161
- /**
162
- * Open the picker as popup
163
- */
164
- private openAsPopup;
165
- private createPopup;
166
- /**
167
- * Create the popup PositionStrategy.
168
- */
169
- private createPopupPositionStrategy;
170
- static ɵfac: i0.ɵɵFactoryDeclaration<DateTimeComponent<any>, [null, null, null, null, null, null, null, null, { optional: true; }]>;
171
- static ɵcmp: i0.ɵɵComponentDeclaration<DateTimeComponent<any>, "nxt-date-time", never, { "backdropClass": { "alias": "backdropClass"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "pickerType": { "alias": "pickerType"; "required": false; }; "pickerMode": { "alias": "pickerMode"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "scrollStrategy": { "alias": "scrollStrategy"; "required": false; }; }, { "afterPickerOpened": "open"; "afterPickerClosed": "close"; "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; "isOpenChange": "isOpenChange"; }, never, never, false, never>;
172
- }
@@ -1,6 +0,0 @@
1
- import { AnimationTriggerMetadata } from '@angular/animations';
2
- /** @internal */
3
- export declare const dateTimePickerAnimations: {
4
- readonly transformPicker: AnimationTriggerMetadata;
5
- readonly fadeInPicker: AnimationTriggerMetadata;
6
- };