nxt-pick-datetime 16.0.0-alpha.6 → 16.0.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.
- package/{esm2020 → esm2022}/lib/class/date-time-adapter.class.mjs +96 -96
- package/{esm2020 → esm2022}/lib/class/date-time-format.class.mjs +3 -3
- package/esm2022/lib/class/date-time.class.mjs +96 -0
- package/{esm2020 → esm2022}/lib/class/dialog-config.class.mjs +46 -46
- package/{esm2020 → esm2022}/lib/class/dialog-ref.class.mjs +118 -118
- package/esm2022/lib/date-time/calendar/calendar.component.mjs +347 -0
- package/esm2022/lib/date-time/calendar-body/calendar-body.component.mjs +152 -0
- package/esm2022/lib/date-time/calendar-month-view/calendar-month-view.component.mjs +430 -0
- package/esm2022/lib/date-time/calendar-multi-year-view/calendar-multi-year-view.component.mjs +359 -0
- package/esm2022/lib/date-time/calendar-year-view/calendar-year-view.component.mjs +363 -0
- package/esm2022/lib/date-time/date-time-inline/date-time-inline.component.mjs +276 -0
- package/esm2022/lib/date-time/date-time-picker/date-time-picker.component.mjs +542 -0
- package/{esm2020 → esm2022}/lib/date-time/date-time-picker-container/date-time-picker-container.animations.mjs +18 -18
- package/esm2022/lib/date-time/date-time-picker-container/date-time-picker-container.component.mjs +390 -0
- package/esm2022/lib/date-time/date-time-picker-input.directive.mjs +619 -0
- package/esm2022/lib/date-time/date-time-picker-intl.service.mjs +62 -0
- package/esm2022/lib/date-time/date-time-picker-trigger.directive.mjs +71 -0
- package/esm2022/lib/date-time/date-time.module.mjs +97 -0
- package/esm2022/lib/date-time/number-fixed-len.pipe.mjs +23 -0
- package/esm2022/lib/date-time/timer/timer.component.mjs +300 -0
- package/esm2022/lib/date-time/timer-box/timer-box.component.mjs +96 -0
- package/esm2022/lib/dialog/dialog-container/dialog-container.component.mjs +249 -0
- package/esm2022/lib/dialog/dialog.module.mjs +43 -0
- package/esm2022/lib/dialog/dialog.service.mjs +252 -0
- package/esm2022/lib/utils/object.mjs +24 -0
- package/esm2022/moment-adapter/date-time-adapter.class.mjs +221 -0
- package/{esm2020 → esm2022}/moment-adapter/date-time-format.class.mjs +12 -12
- package/esm2022/moment-adapter/moment-adapter.module.mjs +38 -0
- package/{esm2020 → esm2022}/moment-adapter/nxt-pick-datetime-moment-adapter.mjs +4 -4
- package/{esm2020 → esm2022}/moment-adapter/public-api.mjs +2 -2
- package/esm2022/native-adapter/date-time-adapter.class.mjs +367 -0
- package/{esm2020 → esm2022}/native-adapter/date-time-format.class.mjs +12 -12
- package/esm2022/native-adapter/native-adapter.module.mjs +38 -0
- package/{esm2020 → esm2022}/native-adapter/nxt-pick-datetime-native-adapter.mjs +4 -4
- package/{esm2020 → esm2022}/native-adapter/public-api.mjs +1 -1
- package/{esm2020 → esm2022}/nxt-pick-datetime.mjs +4 -4
- package/{esm2020 → esm2022}/public-api.mjs +13 -13
- package/{fesm2020 → fesm2022}/nxt-pick-datetime-moment-adapter.mjs +257 -257
- package/{fesm2020 → fesm2022}/nxt-pick-datetime-moment-adapter.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/nxt-pick-datetime-native-adapter.mjs +402 -402
- package/{fesm2020 → fesm2022}/nxt-pick-datetime-native-adapter.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/nxt-pick-datetime.mjs +4858 -4860
- package/{fesm2020 → fesm2022}/nxt-pick-datetime.mjs.map +1 -1
- package/index.d.ts +5 -5
- package/lib/class/date-time-adapter.class.d.ts +176 -176
- package/lib/class/date-time-format.class.d.ts +12 -12
- package/lib/class/date-time.class.d.ts +76 -76
- package/lib/class/dialog-config.class.d.ts +90 -90
- package/lib/class/dialog-ref.class.d.ts +50 -50
- package/lib/date-time/calendar/calendar.component.d.ts +147 -147
- package/lib/date-time/calendar-body/calendar-body.component.d.ts +79 -79
- package/lib/date-time/calendar-month-view/calendar-month-view.component.d.ts +139 -139
- package/lib/date-time/calendar-multi-year-view/calendar-multi-year-view.component.d.ts +115 -115
- package/lib/date-time/calendar-year-view/calendar-year-view.component.d.ts +123 -123
- package/lib/date-time/date-time-inline/date-time-inline.component.d.ts +106 -106
- package/lib/date-time/date-time-picker/date-time-picker.component.d.ts +172 -172
- package/lib/date-time/date-time-picker-container/date-time-picker-container.animations.d.ts +6 -6
- package/lib/date-time/date-time-picker-container/date-time-picker-container.component.d.ts +129 -129
- package/lib/date-time/date-time-picker-input.directive.d.ts +167 -167
- package/lib/date-time/date-time-picker-intl.service.d.ts +51 -51
- package/lib/date-time/date-time-picker-trigger.directive.d.ts +22 -22
- package/lib/date-time/date-time.module.d.ts +23 -23
- package/lib/date-time/number-fixed-len.pipe.d.ts +8 -8
- package/lib/date-time/timer/timer.component.d.ts +131 -131
- package/lib/date-time/timer-box/timer-box.component.d.ts +37 -37
- package/lib/dialog/dialog-container/dialog-container.component.d.ts +69 -69
- package/lib/dialog/dialog.module.d.ts +12 -12
- package/lib/dialog/dialog.service.d.ts +78 -78
- package/lib/utils/object.d.ts +9 -10
- package/moment-adapter/date-time-adapter.class.d.ts +64 -64
- package/moment-adapter/date-time-format.class.d.ts +5 -5
- package/moment-adapter/index.d.ts +5 -5
- package/moment-adapter/moment-adapter.module.d.ts +6 -6
- package/moment-adapter/public-api.d.ts +2 -2
- package/native-adapter/date-time-adapter.class.d.ts +72 -72
- package/native-adapter/date-time-format.class.d.ts +5 -5
- package/native-adapter/index.d.ts +5 -5
- package/native-adapter/native-adapter.module.d.ts +7 -7
- package/native-adapter/public-api.d.ts +1 -1
- package/package.json +18 -28
- package/public-api.d.ts +14 -14
- package/esm2020/lib/class/date-time.class.mjs +0 -95
- package/esm2020/lib/date-time/calendar/calendar.component.mjs +0 -346
- package/esm2020/lib/date-time/calendar-body/calendar-body.component.mjs +0 -151
- package/esm2020/lib/date-time/calendar-month-view/calendar-month-view.component.mjs +0 -429
- package/esm2020/lib/date-time/calendar-multi-year-view/calendar-multi-year-view.component.mjs +0 -358
- package/esm2020/lib/date-time/calendar-year-view/calendar-year-view.component.mjs +0 -362
- package/esm2020/lib/date-time/date-time-inline/date-time-inline.component.mjs +0 -275
- package/esm2020/lib/date-time/date-time-picker/date-time-picker.component.mjs +0 -541
- package/esm2020/lib/date-time/date-time-picker-container/date-time-picker-container.component.mjs +0 -389
- package/esm2020/lib/date-time/date-time-picker-input.directive.mjs +0 -618
- package/esm2020/lib/date-time/date-time-picker-intl.service.mjs +0 -61
- package/esm2020/lib/date-time/date-time-picker-trigger.directive.mjs +0 -70
- package/esm2020/lib/date-time/date-time.module.mjs +0 -96
- package/esm2020/lib/date-time/number-fixed-len.pipe.mjs +0 -22
- package/esm2020/lib/date-time/timer/timer.component.mjs +0 -299
- package/esm2020/lib/date-time/timer-box/timer-box.component.mjs +0 -95
- package/esm2020/lib/dialog/dialog-container/dialog-container.component.mjs +0 -248
- package/esm2020/lib/dialog/dialog.module.mjs +0 -42
- package/esm2020/lib/dialog/dialog.service.mjs +0 -252
- package/esm2020/lib/utils/object.mjs +0 -25
- package/esm2020/moment-adapter/date-time-adapter.class.mjs +0 -220
- package/esm2020/moment-adapter/moment-adapter.module.mjs +0 -37
- package/esm2020/native-adapter/date-time-adapter.class.mjs +0 -366
- package/esm2020/native-adapter/native-adapter.module.mjs +0 -37
- package/fesm2015/nxt-pick-datetime-moment-adapter.mjs +0 -274
- package/fesm2015/nxt-pick-datetime-moment-adapter.mjs.map +0 -1
- package/fesm2015/nxt-pick-datetime-native-adapter.mjs +0 -420
- package/fesm2015/nxt-pick-datetime-native-adapter.mjs.map +0 -1
- package/fesm2015/nxt-pick-datetime.mjs +0 -5014
- package/fesm2015/nxt-pick-datetime.mjs.map +0 -1
|
@@ -1,106 +1,106 @@
|
|
|
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": "pickerType"; "disabled": "disabled"; "selectMode": "selectMode"; "startAt": "startAt"; "dateTimeFilter": "dateTimeFilter"; "min": "min"; "max": "max"; "value": "value"; "values": "values"; }, { "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; }, never, never, false, never>;
|
|
106
|
-
}
|
|
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 +1,172 @@
|
|
|
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": "backdropClass"; "panelClass": "panelClass"; "startAt": "startAt"; "pickerType": "pickerType"; "pickerMode": "pickerMode"; "disabled": "disabled"; "isOpen": "isOpen"; "scrollStrategy": "scrollStrategy"; }, { "afterPickerOpened": "open"; "afterPickerClosed": "close"; "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; "isOpenChange": "isOpenChange"; }, never, never, false, never>;
|
|
172
|
-
}
|
|
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 +1,6 @@
|
|
|
1
|
-
import { AnimationTriggerMetadata } from '@angular/animations';
|
|
2
|
-
/** @internal */
|
|
3
|
-
export declare const dateTimePickerAnimations: {
|
|
4
|
-
readonly transformPicker: AnimationTriggerMetadata;
|
|
5
|
-
readonly fadeInPicker: AnimationTriggerMetadata;
|
|
6
|
-
};
|
|
1
|
+
import { AnimationTriggerMetadata } from '@angular/animations';
|
|
2
|
+
/** @internal */
|
|
3
|
+
export declare const dateTimePickerAnimations: {
|
|
4
|
+
readonly transformPicker: AnimationTriggerMetadata;
|
|
5
|
+
readonly fadeInPicker: AnimationTriggerMetadata;
|
|
6
|
+
};
|