nxt-pick-datetime 14.0.0 → 16.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 (86) hide show
  1. package/README.md +34 -202
  2. package/assets/picker.scss +131 -126
  3. package/esm2020/lib/class/date-time-adapter.class.mjs +5 -20
  4. package/esm2020/lib/class/date-time-format.class.mjs +3 -3
  5. package/esm2020/lib/class/date-time.class.mjs +37 -103
  6. package/esm2020/lib/class/dialog-config.class.mjs +14 -23
  7. package/esm2020/lib/class/dialog-ref.class.mjs +11 -13
  8. package/esm2020/lib/date-time/calendar/calendar.component.mjs +97 -96
  9. package/esm2020/lib/date-time/calendar-body/calendar-body.component.mjs +40 -34
  10. package/esm2020/lib/date-time/calendar-month-view/calendar-month-view.component.mjs +92 -101
  11. package/esm2020/lib/date-time/calendar-multi-year-view/calendar-multi-year-view.component.mjs +85 -86
  12. package/esm2020/lib/date-time/calendar-year-view/calendar-year-view.component.mjs +80 -87
  13. package/esm2020/lib/date-time/date-time-inline/date-time-inline.component.mjs +95 -84
  14. package/esm2020/lib/date-time/date-time-picker/date-time-picker.component.mjs +221 -209
  15. package/esm2020/lib/date-time/date-time-picker-container/date-time-picker-container.animations.mjs +3 -2
  16. package/esm2020/lib/date-time/date-time-picker-container/date-time-picker-container.component.mjs +125 -126
  17. package/esm2020/lib/date-time/date-time-picker-input.directive.mjs +215 -221
  18. package/esm2020/lib/date-time/date-time-picker-intl.service.mjs +13 -13
  19. package/esm2020/lib/date-time/date-time-picker-trigger.directive.mjs +21 -19
  20. package/esm2020/lib/date-time/date-time.module.mjs +79 -68
  21. package/esm2020/lib/date-time/number-fixed-len.pipe.mjs +10 -13
  22. package/esm2020/lib/date-time/timer/timer.component.mjs +70 -63
  23. package/esm2020/lib/date-time/timer-box/timer-box.component.mjs +24 -17
  24. package/esm2020/lib/dialog/dialog-container/dialog-container.component.mjs +55 -50
  25. package/esm2020/lib/dialog/dialog.module.mjs +27 -16
  26. package/esm2020/lib/dialog/dialog.service.mjs +66 -54
  27. package/esm2020/lib/utils/object.mjs +5 -3
  28. package/esm2020/moment-adapter/date-time-adapter.class.mjs +26 -21
  29. package/esm2020/moment-adapter/date-time-format.class.mjs +5 -2
  30. package/esm2020/moment-adapter/moment-adapter.module.mjs +19 -23
  31. package/esm2020/moment-adapter/nxt-pick-datetime-moment-adapter.mjs +1 -1
  32. package/esm2020/moment-adapter/public-api.mjs +3 -2
  33. package/esm2020/native-adapter/date-time-adapter.class.mjs +41 -19
  34. package/esm2020/native-adapter/date-time-format.class.mjs +5 -2
  35. package/esm2020/native-adapter/native-adapter.module.mjs +23 -21
  36. package/esm2020/native-adapter/nxt-pick-datetime-native-adapter.mjs +1 -1
  37. package/esm2020/native-adapter/public-api.mjs +2 -2
  38. package/esm2020/nxt-pick-datetime.mjs +1 -1
  39. package/esm2020/public-api.mjs +14 -14
  40. package/fesm2015/nxt-pick-datetime-moment-adapter.mjs +44 -40
  41. package/fesm2015/nxt-pick-datetime-moment-adapter.mjs.map +1 -1
  42. package/fesm2015/nxt-pick-datetime-native-adapter.mjs +65 -38
  43. package/fesm2015/nxt-pick-datetime-native-adapter.mjs.map +1 -1
  44. package/fesm2015/nxt-pick-datetime.mjs +1492 -1447
  45. package/fesm2015/nxt-pick-datetime.mjs.map +1 -1
  46. package/fesm2020/nxt-pick-datetime-moment-adapter.mjs +44 -40
  47. package/fesm2020/nxt-pick-datetime-moment-adapter.mjs.map +1 -1
  48. package/fesm2020/nxt-pick-datetime-native-adapter.mjs +65 -38
  49. package/fesm2020/nxt-pick-datetime-native-adapter.mjs.map +1 -1
  50. package/fesm2020/nxt-pick-datetime.mjs +1422 -1437
  51. package/fesm2020/nxt-pick-datetime.mjs.map +1 -1
  52. package/lib/class/date-time-adapter.class.d.ts +31 -41
  53. package/lib/class/date-time-format.class.d.ts +3 -3
  54. package/lib/class/date-time.class.d.ts +39 -51
  55. package/lib/class/dialog-config.class.d.ts +27 -27
  56. package/lib/class/dialog-ref.class.d.ts +21 -22
  57. package/lib/date-time/calendar/calendar.component.d.ts +66 -60
  58. package/lib/date-time/calendar-body/calendar-body.component.d.ts +22 -20
  59. package/lib/date-time/calendar-month-view/calendar-month-view.component.d.ts +57 -56
  60. package/lib/date-time/calendar-multi-year-view/calendar-multi-year-view.component.d.ts +58 -52
  61. package/lib/date-time/calendar-year-view/calendar-year-view.component.d.ts +51 -48
  62. package/lib/date-time/date-time-inline/date-time-inline.component.d.ts +69 -53
  63. package/lib/date-time/date-time-picker/date-time-picker.component.d.ts +106 -91
  64. package/lib/date-time/date-time-picker-container/date-time-picker-container.animations.d.ts +2 -1
  65. package/lib/date-time/date-time-picker-container/date-time-picker-container.component.d.ts +54 -47
  66. package/lib/date-time/date-time-picker-input.directive.d.ts +93 -78
  67. package/lib/date-time/date-time-picker-intl.service.d.ts +11 -11
  68. package/lib/date-time/date-time-picker-trigger.directive.d.ts +10 -9
  69. package/lib/date-time/date-time.module.d.ts +4 -4
  70. package/lib/date-time/number-fixed-len.pipe.d.ts +2 -1
  71. package/lib/date-time/timer/timer.component.d.ts +32 -30
  72. package/lib/date-time/timer-box/timer-box.component.d.ts +13 -11
  73. package/lib/dialog/dialog-container/dialog-container.component.d.ts +40 -27
  74. package/lib/dialog/dialog.module.d.ts +5 -4
  75. package/lib/dialog/dialog.service.d.ts +42 -35
  76. package/lib/utils/object.d.ts +2 -0
  77. package/moment-adapter/date-time-adapter.class.d.ts +13 -13
  78. package/moment-adapter/date-time-format.class.d.ts +5 -2
  79. package/moment-adapter/moment-adapter.module.d.ts +0 -5
  80. package/moment-adapter/public-api.d.ts +2 -1
  81. package/native-adapter/date-time-adapter.class.d.ts +7 -7
  82. package/native-adapter/date-time-format.class.d.ts +5 -2
  83. package/native-adapter/native-adapter.module.d.ts +0 -5
  84. package/native-adapter/public-api.d.ts +1 -1
  85. package/package.json +13 -11
  86. package/public-api.d.ts +14 -13
@@ -1,73 +1,76 @@
1
1
  import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
2
2
  import { DateTimeAdapter } from '../../class/date-time-adapter.class';
3
- import { OwlDateTimeFormats } from '../../class/date-time-format.class';
3
+ import { DateTimeFormats } from '../../class/date-time-format.class';
4
4
  import { DateFilter, SelectMode } from '../../class/date-time.class';
5
- import { CalendarCell, OwlCalendarBodyComponent } from '../calendar-body/calendar-body.component';
5
+ import { CalendarCell } from '../calendar-body/calendar-body.component';
6
6
  import * as i0 from "@angular/core";
7
- export declare class OwlYearViewComponent<T> implements OnInit, AfterContentInit, OnDestroy {
8
- private cdRef;
9
- private dateTimeAdapter;
10
- private dateTimeFormats;
7
+ export declare class YearViewComponent<T> implements OnInit, AfterContentInit, OnDestroy {
8
+ private readonly cdRef;
9
+ private readonly dateTimeAdapter;
10
+ private readonly dateTimeFormats;
11
11
  /**
12
12
  * The select mode of the picker;
13
- * */
13
+ */
14
14
  private _selectMode;
15
15
  get selectMode(): SelectMode;
16
16
  set selectMode(val: SelectMode);
17
- /** The currently selected date. */
18
- private _selected;
19
- get selected(): T | null;
20
- set selected(value: T | null);
17
+ /** The currently selected date */
18
+ private _selected?;
19
+ get selected(): T | undefined;
20
+ set selected(value: T | undefined);
21
21
  private _selecteds;
22
- get selecteds(): T[];
23
- set selecteds(values: T[]);
24
- private _pickerMoment;
25
- get pickerMoment(): T;
26
- set pickerMoment(value: T);
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
27
  /**
28
28
  * A function used to filter which dates are selectable
29
- * */
30
- private _dateFilter;
31
- get dateFilter(): DateFilter<T>;
32
- set dateFilter(filter: DateFilter<T>);
33
- /** The minimum selectable date. */
34
- private _minDate;
35
- get minDate(): T | null;
36
- set minDate(value: T | null);
37
- /** The maximum selectable date. */
38
- private _maxDate;
39
- get maxDate(): T | null;
40
- set maxDate(value: T | null);
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
41
  private readonly monthNames;
42
- private _months;
43
- get months(): CalendarCell[][];
44
- get activeCell(): number;
42
+ private _months?;
43
+ get months(): CalendarCell[][] | undefined;
44
+ get activeCell(): number | undefined;
45
45
  get isInSingleMode(): boolean;
46
46
  get isInRangeMode(): boolean;
47
- private localeSub;
47
+ private localeSub?;
48
48
  private initiated;
49
- todayMonth: number | null;
49
+ todayMonth?: number;
50
50
  /**
51
51
  * An array to hold all selectedDates' month value
52
52
  * the value is the month number in current year
53
- * */
54
- selectedMonths: number[];
53
+ */
54
+ selectedMonths?: Array<number | undefined>;
55
55
  /**
56
56
  * Callback to invoke when a new month is selected
57
- * */
57
+ */
58
58
  readonly change: EventEmitter<T>;
59
59
  /**
60
- * Emits the selected year. This doesn't imply a change on the selected date
61
- * */
60
+ * Emits the selected year
61
+ *
62
+ * This doesn't imply a change on the selected date.
63
+ */
62
64
  readonly monthSelected: EventEmitter<T>;
63
- /** Emits when any date is activated. */
65
+ /** Emits when any date is activated */
64
66
  readonly pickerMomentChange: EventEmitter<T>;
65
67
  /** Emits when use keyboard enter to select a calendar cell */
66
- readonly keyboardEnter: EventEmitter<any>;
68
+ readonly keyboardEnter: EventEmitter<void>;
67
69
  /** The body of calendar table */
68
- calendarBodyElm: OwlCalendarBodyComponent;
69
- get owlDTCalendarView(): boolean;
70
- constructor(cdRef: ChangeDetectorRef, dateTimeAdapter: DateTimeAdapter<T>, dateTimeFormats: OwlDateTimeFormats);
70
+ private calendarBodyElm?;
71
+ /** @internal */
72
+ get calendarView(): boolean;
73
+ constructor(cdRef: ChangeDetectorRef, dateTimeAdapter: DateTimeAdapter<T>, dateTimeFormats: DateTimeFormats);
71
74
  ngOnInit(): void;
72
75
  ngAfterContentInit(): void;
73
76
  ngOnDestroy(): void;
@@ -85,7 +88,7 @@ export declare class OwlYearViewComponent<T> implements OnInit, AfterContentInit
85
88
  handleCalendarKeydown(event: KeyboardEvent): void;
86
89
  /**
87
90
  * Generate the calendar month list
88
- * */
91
+ */
89
92
  private generateMonthList;
90
93
  /**
91
94
  * Creates an CalendarCell for the given month.
@@ -97,14 +100,14 @@ export declare class OwlYearViewComponent<T> implements OnInit, AfterContentInit
97
100
  private isMonthEnabled;
98
101
  /**
99
102
  * Gets the month in this year that the given Date falls on.
100
- * Returns null if the given Date is in another year.
103
+ * Returns undefined if the given Date is in another year.
101
104
  */
102
105
  private getMonthInCurrentYear;
103
106
  /**
104
107
  * Set the selectedMonths value
105
108
  * In single mode, it has only one value which represent the month the selected date in
106
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
107
- * */
110
+ */
108
111
  private setSelectedMonths;
109
112
  /**
110
113
  * Check the given dates are in the same year
@@ -115,6 +118,6 @@ export declare class OwlYearViewComponent<T> implements OnInit, AfterContentInit
115
118
  */
116
119
  private getValidDate;
117
120
  private focusActiveCell;
118
- static ɵfac: i0.ɵɵFactoryDeclaration<OwlYearViewComponent<any>, [null, { optional: true; }, { optional: true; }]>;
119
- static ɵcmp: i0.ɵɵComponentDeclaration<OwlYearViewComponent<any>, "owl-date-time-year-view", ["owlMonthView"], { "selectMode": "selectMode"; "selected": "selected"; "selecteds": "selecteds"; "pickerMoment": "pickerMoment"; "dateFilter": "dateFilter"; "minDate": "minDate"; "maxDate": "maxDate"; }, { "change": "change"; "monthSelected": "monthSelected"; "pickerMomentChange": "pickerMomentChange"; "keyboardEnter": "keyboardEnter"; }, never, never, false>;
121
+ static ɵfac: i0.ɵɵFactoryDeclaration<YearViewComponent<any>, never>;
122
+ static ɵcmp: i0.ɵɵComponentDeclaration<YearViewComponent<any>, "nxt-date-time-year-view", never, { "selectMode": "selectMode"; "selected": "selected"; "selecteds": "selecteds"; "pickerMoment": "pickerMoment"; "dateTimeFilter": "dateTimeFilter"; "min": "min"; "max": "max"; }, { "change": "change"; "monthSelected": "monthSelected"; "pickerMomentChange": "pickerMomentChange"; "keyboardEnter": "keyboardEnter"; }, never, never, false, never>;
120
123
  }
@@ -1,76 +1,92 @@
1
- import { ChangeDetectorRef, EventEmitter, OnInit } from '@angular/core';
1
+ import { ChangeDetectorRef, EventEmitter, OnInit, Provider } from '@angular/core';
2
2
  import { ControlValueAccessor } from '@angular/forms';
3
3
  import { DateTimeAdapter } from '../../class/date-time-adapter.class';
4
- import { OwlDateTimeFormats } from '../../class/date-time-format.class';
5
- import { OwlDateTimeDirective, PickerMode, PickerType, SelectMode } from '../../class/date-time.class';
6
- import { OwlDateTimeContainerComponent } from '../date-time-picker-container/date-time-picker-container.component';
4
+ import { DateTimeFormats } from '../../class/date-time-format.class';
5
+ import { DateFilter, DateTimeDirective, PickerMode, PickerType, SelectMode } from '../../class/date-time.class';
7
6
  import * as i0 from "@angular/core";
8
- export declare const OWL_DATETIME_VALUE_ACCESSOR: any;
9
- export declare class OwlDateTimeInlineComponent<T> extends OwlDateTimeDirective<T> implements OnInit, ControlValueAccessor {
10
- protected changeDetector: ChangeDetectorRef;
11
- protected dateTimeAdapter: DateTimeAdapter<T>;
12
- protected dateTimeFormats: OwlDateTimeFormats;
13
- container: OwlDateTimeContainerComponent<T>;
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;
14
13
  /**
15
14
  * Set the type of the dateTime picker
16
- * 'both' -- show both calendar and timer
17
- * 'calendar' -- show only calendar
18
- * 'timer' -- show only timer
15
+ *
16
+ * - `'both'` - show both calendar and timer
17
+ * - `'calendar'` - show only calendar
18
+ * - `'timer'` - show only timer
19
19
  */
20
- private _pickerType;
21
20
  get pickerType(): PickerType;
22
21
  set pickerType(val: PickerType);
23
22
  private _disabled;
23
+ /** Whether the date time picker should be disabled */
24
24
  get disabled(): boolean;
25
25
  set disabled(value: boolean);
26
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
+ */
27
35
  get selectMode(): SelectMode;
28
36
  set selectMode(mode: SelectMode);
29
- /** The date to open the calendar to initially. */
30
- private _startAt;
31
- get startAt(): T | null;
32
- set startAt(date: T | null);
33
- private _dateTimeFilter;
34
- get dateTimeFilter(): (date: T | null) => boolean;
35
- set dateTimeFilter(filter: (date: T | null) => boolean);
36
- /** The minimum valid date. */
37
- private _min;
38
- get minDateTime(): T | null;
39
- set minDateTime(value: T | null);
40
- /** The maximum valid date. */
41
- private _max;
42
- get maxDateTime(): T | null;
43
- set maxDateTime(value: T | null);
44
- private _value;
45
- get value(): T | null;
46
- set value(value: T | null);
47
- private _values;
48
- get values(): T[];
49
- set values(values: T[]);
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);
50
63
  /**
51
64
  * Emits selected year in multi-year view
65
+ *
52
66
  * This doesn't imply a change on the selected date.
53
- * */
54
- yearSelected: EventEmitter<T>;
67
+ */
68
+ readonly yearSelected: EventEmitter<T>;
55
69
  /**
56
70
  * Emits selected month in year view
71
+ *
57
72
  * This doesn't imply a change on the selected date.
58
- * */
59
- monthSelected: EventEmitter<T>;
60
- private _selected;
61
- get selected(): T | null;
62
- set selected(value: T | null);
73
+ */
74
+ readonly monthSelected: EventEmitter<T>;
75
+ private _selected?;
76
+ get selected(): T | undefined;
77
+ set selected(value: T | undefined);
63
78
  private _selecteds;
64
- get selecteds(): T[];
65
- set selecteds(values: T[]);
66
- get opened(): boolean;
79
+ get selecteds(): Array<T | undefined>;
80
+ set selecteds(values: Array<T | undefined>);
81
+ get isOpen(): boolean;
67
82
  get pickerMode(): PickerMode;
68
83
  get isInSingleMode(): boolean;
69
84
  get isInRangeMode(): boolean;
70
- get owlDTInlineClass(): boolean;
71
- private onModelChange;
72
- private onModelTouched;
73
- constructor(changeDetector: ChangeDetectorRef, dateTimeAdapter: DateTimeAdapter<T>, dateTimeFormats: OwlDateTimeFormats);
85
+ /** @internal */
86
+ get inlineClass(): boolean;
87
+ private onModelChange?;
88
+ private onModelTouched?;
89
+ constructor(changeDetector: ChangeDetectorRef, dateTimeAdapter: DateTimeAdapter<T>, dateTimeFormats: DateTimeFormats);
74
90
  ngOnInit(): void;
75
91
  writeValue(value: any): void;
76
92
  registerOnChange(fn: any): void;
@@ -79,12 +95,12 @@ export declare class OwlDateTimeInlineComponent<T> extends OwlDateTimeDirective<
79
95
  select(date: T[] | T): void;
80
96
  /**
81
97
  * Emits the selected year in multi-year view
82
- * */
98
+ */
83
99
  selectYear(normalizedYear: T): void;
84
100
  /**
85
101
  * Emits selected month in year view
86
- * */
102
+ */
87
103
  selectMonth(normalizedMonth: T): void;
88
- static ɵfac: i0.ɵɵFactoryDeclaration<OwlDateTimeInlineComponent<any>, [null, { optional: true; }, { optional: true; }]>;
89
- static ɵcmp: i0.ɵɵComponentDeclaration<OwlDateTimeInlineComponent<any>, "owl-date-time-inline", never, { "pickerType": "pickerType"; "disabled": "disabled"; "selectMode": "selectMode"; "startAt": "startAt"; "dateTimeFilter": "owlDateTimeFilter"; "minDateTime": "min"; "maxDateTime": "max"; "value": "value"; "values": "values"; }, { "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; }, never, never, false>;
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>;
90
106
  }
@@ -1,123 +1,138 @@
1
1
  import { BlockScrollStrategy, Overlay, ScrollStrategy } from '@angular/cdk/overlay';
2
2
  import { ChangeDetectorRef, EventEmitter, InjectionToken, NgZone, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
3
3
  import { DateTimeAdapter } from '../../class/date-time-adapter.class';
4
- import { OwlDateTimeFormats } from '../../class/date-time-format.class';
5
- import { OwlDateTimeDirective, PickerMode, PickerType, SelectMode } from '../../class/date-time.class';
6
- import { OwlDialogService } from '../../dialog/dialog.service';
7
- import { OwlDateTimeInputDirective } from '../date-time-picker-input.directive';
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
8
  import * as i0 from "@angular/core";
9
- /** Injection token that determines the scroll handling while the dtPicker is open. */
10
- export declare const OWL_DTPICKER_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
11
- /** @docs-private */
12
- export declare function OWL_DTPICKER_SCROLL_STRATEGY_PROVIDER_FACTORY(overlay: Overlay): () => BlockScrollStrategy;
13
- /** @docs-private */
14
- export declare const OWL_DTPICKER_SCROLL_STRATEGY_PROVIDER: {
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: {
15
19
  provide: InjectionToken<() => ScrollStrategy>;
16
20
  deps: (typeof Overlay)[];
17
- useFactory: typeof OWL_DTPICKER_SCROLL_STRATEGY_PROVIDER_FACTORY;
21
+ useFactory: typeof NXT_DTPICKER_SCROLL_STRATEGY_PROVIDER_FACTORY;
18
22
  };
19
- export declare class OwlDateTimeComponent<T> extends OwlDateTimeDirective<T> implements OnInit, OnDestroy {
20
- private overlay;
21
- private viewContainerRef;
22
- private dialogService;
23
- private ngZone;
24
- protected changeDetector: ChangeDetectorRef;
25
- protected dateTimeAdapter: DateTimeAdapter<T>;
26
- protected dateTimeFormats: OwlDateTimeFormats;
27
- private document;
28
- /** Custom class for the picker backdrop. */
29
- backdropClass: string | string[];
30
- /** Custom class for the picker overlay pane. */
31
- panelClass: string | string[];
32
- /** The date to open the calendar to initially. */
33
- private _startAt;
34
- get startAt(): T | null;
35
- set startAt(date: T | null);
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;
36
44
  /**
37
45
  * Set the type of the dateTime picker
38
- * 'both' -- show both calendar and timer
39
- * 'calendar' -- show only calendar
40
- * 'timer' -- show only timer
46
+ *
47
+ * - `'both'` - show both calendar and timer
48
+ * - `'calendar'` - show only calendar
49
+ * - `'timer'` - show only timer
41
50
  */
42
- private _pickerType;
43
51
  get pickerType(): PickerType;
44
52
  set pickerType(val: PickerType);
53
+ private _pickerMode;
45
54
  /**
46
- * Whether the picker open as a dialog
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
47
59
  */
48
- _pickerMode: PickerMode;
49
60
  get pickerMode(): PickerMode;
50
61
  set pickerMode(mode: PickerMode);
51
- /** Whether the date time picker should be disabled. */
52
- private _disabled;
62
+ private _disabled?;
63
+ /** Whether the date time picker should be disabled */
53
64
  get disabled(): boolean;
54
65
  set disabled(value: boolean);
55
- /** Whether the calendar is open. */
56
- private _opened;
57
- get opened(): boolean;
58
- set opened(val: boolean);
66
+ private _isOpen;
67
+ /** Whether the calendar is open */
68
+ get isOpen(): boolean;
69
+ set isOpen(val: boolean);
59
70
  /**
60
- * The scroll strategy when the picker is open
61
- * Learn more this from https://material.angular.io/cdk/overlay/overview#scroll-strategies
62
- * */
63
- scrollStrategy: ScrollStrategy;
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;
64
74
  /**
65
- * Callback when the picker is closed
66
- * */
67
- afterPickerClosed: EventEmitter<any>;
75
+ * Callback when the picker is opened
76
+ */
77
+ readonly afterPickerOpened: EventEmitter<void>;
68
78
  /**
69
- * Callback when the picker is open
70
- * */
71
- afterPickerOpen: EventEmitter<any>;
79
+ * Callback when the picker is closed
80
+ */
81
+ readonly afterPickerClosed: EventEmitter<void>;
72
82
  /**
73
83
  * Emits selected year in multi-year view
84
+ *
74
85
  * This doesn't imply a change on the selected date.
75
- * */
76
- yearSelected: EventEmitter<T>;
86
+ */
87
+ readonly yearSelected: EventEmitter<T>;
77
88
  /**
78
89
  * Emits selected month in year view
90
+ *
79
91
  * This doesn't imply a change on the selected date.
80
- * */
81
- monthSelected: EventEmitter<T>;
92
+ */
93
+ readonly monthSelected: EventEmitter<T>;
94
+ /**
95
+ * Emits when picker open state changes
96
+ */
97
+ readonly isOpenChange: EventEmitter<boolean>;
82
98
  /**
83
99
  * Emit when the selected value has been confirmed
84
- * */
85
- confirmSelectedChange: EventEmitter<T | T[]>;
86
- /**
87
- * Emits when the date time picker is disabled.
88
- * */
89
- disabledChange: EventEmitter<boolean>;
90
- private pickerContainerPortal;
91
- private pickerContainer;
92
- private popupRef;
93
- private dialogRef;
94
- private dtInputSub;
95
- private hidePickerStreamSub;
96
- private confirmSelectedStreamSub;
97
- private pickerOpenedStreamSub;
98
- /** The element that was focused before the date time picker was opened. */
99
- private focusedElementBeforeOpen;
100
- private _dtInput;
101
- get dtInput(): OwlDateTimeInputDirective<T>;
102
- private _selected;
103
- get selected(): T | null;
104
- set selected(value: T | null);
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);
105
121
  private _selecteds;
106
- get selecteds(): T[];
107
- set selecteds(values: T[]);
108
- /** The minimum selectable date. */
109
- get minDateTime(): T | null;
110
- /** The maximum selectable date. */
111
- get maxDateTime(): T | null;
112
- get dateTimeFilter(): (date: T | null) => boolean;
113
- get selectMode(): SelectMode;
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;
114
130
  get isInSingleMode(): boolean;
115
131
  get isInRangeMode(): boolean;
116
- private defaultScrollStrategy;
117
- constructor(overlay: Overlay, viewContainerRef: ViewContainerRef, dialogService: OwlDialogService, ngZone: NgZone, changeDetector: ChangeDetectorRef, dateTimeAdapter: DateTimeAdapter<T>, defaultScrollStrategy: any, dateTimeFormats: OwlDateTimeFormats, document: any);
132
+ constructor(overlay: Overlay, viewContainerRef: ViewContainerRef, dialogService: DialogService, ngZone: NgZone, changeDetector: ChangeDetectorRef, dateTimeAdapter: DateTimeAdapter<T>, defaultScrollStrategy: () => ScrollStrategy, dateTimeFormats: DateTimeFormats, document?: Document | undefined);
118
133
  ngOnInit(): void;
119
134
  ngOnDestroy(): void;
120
- registerInput(input: OwlDateTimeInputDirective<T>): void;
135
+ registerInput(input: DateTimeInputDirective<T>): void;
121
136
  open(): void;
122
137
  /**
123
138
  * Selects the given date
@@ -125,11 +140,11 @@ export declare class OwlDateTimeComponent<T> extends OwlDateTimeDirective<T> imp
125
140
  select(date: T[] | T): void;
126
141
  /**
127
142
  * Emits the selected year in multi-year view
128
- * */
143
+ */
129
144
  selectYear(normalizedYear: T): void;
130
145
  /**
131
146
  * Emits selected month in year view
132
- * */
147
+ */
133
148
  selectMonth(normalizedMonth: T): void;
134
149
  /**
135
150
  * Hide the picker
@@ -150,8 +165,8 @@ export declare class OwlDateTimeComponent<T> extends OwlDateTimeDirective<T> imp
150
165
  private createPopup;
151
166
  /**
152
167
  * Create the popup PositionStrategy.
153
- * */
168
+ */
154
169
  private createPopupPositionStrategy;
155
- static ɵfac: i0.ɵɵFactoryDeclaration<OwlDateTimeComponent<any>, [null, null, null, null, null, { optional: true; }, null, { optional: true; }, { optional: true; }]>;
156
- static ɵcmp: i0.ɵɵComponentDeclaration<OwlDateTimeComponent<any>, "owl-date-time", ["owlDateTime"], { "backdropClass": "backdropClass"; "panelClass": "panelClass"; "startAt": "startAt"; "pickerType": "pickerType"; "pickerMode": "pickerMode"; "disabled": "disabled"; "opened": "opened"; "scrollStrategy": "scrollStrategy"; }, { "afterPickerClosed": "afterPickerClosed"; "afterPickerOpen": "afterPickerOpen"; "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; }, never, never, false>;
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>;
157
172
  }
@@ -1,5 +1,6 @@
1
1
  import { AnimationTriggerMetadata } from '@angular/animations';
2
- export declare const owlDateTimePickerAnimations: {
2
+ /** @internal */
3
+ export declare const dateTimePickerAnimations: {
3
4
  readonly transformPicker: AnimationTriggerMetadata;
4
5
  readonly fadeInPicker: AnimationTriggerMetadata;
5
6
  };