@netwin/angular-datetime-picker 18.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.
Files changed (79) hide show
  1. package/README.md +225 -0
  2. package/assets/style/picker.min.css +1 -0
  3. package/esm2022/lib/date-time/adapter/date-time-adapter.class.mjs +121 -0
  4. package/esm2022/lib/date-time/adapter/date-time-format.class.mjs +7 -0
  5. package/esm2022/lib/date-time/adapter/native-date-time-adapter.class.mjs +261 -0
  6. package/esm2022/lib/date-time/adapter/native-date-time-format.class.mjs +10 -0
  7. package/esm2022/lib/date-time/adapter/native-date-time.module.mjs +39 -0
  8. package/esm2022/lib/date-time/adapter/unix-timestamp-adapter/unix-timestamp-date-time-adapter.class.mjs +235 -0
  9. package/esm2022/lib/date-time/adapter/unix-timestamp-adapter/unix-timestamp-date-time-format.class.mjs +10 -0
  10. package/esm2022/lib/date-time/calendar-body.component.mjs +147 -0
  11. package/esm2022/lib/date-time/calendar-month-view.component.mjs +451 -0
  12. package/esm2022/lib/date-time/calendar-multi-year-view.component.mjs +361 -0
  13. package/esm2022/lib/date-time/calendar-year-view.component.mjs +371 -0
  14. package/esm2022/lib/date-time/calendar.component.mjs +383 -0
  15. package/esm2022/lib/date-time/date-time-inline.component.mjs +296 -0
  16. package/esm2022/lib/date-time/date-time-picker-container.component.mjs +420 -0
  17. package/esm2022/lib/date-time/date-time-picker-input.directive.mjs +638 -0
  18. package/esm2022/lib/date-time/date-time-picker-intl.service.mjs +62 -0
  19. package/esm2022/lib/date-time/date-time-picker-trigger.directive.mjs +69 -0
  20. package/esm2022/lib/date-time/date-time-picker.animations.mjs +21 -0
  21. package/esm2022/lib/date-time/date-time-picker.component.mjs +580 -0
  22. package/esm2022/lib/date-time/date-time.class.mjs +180 -0
  23. package/esm2022/lib/date-time/date-time.module.mjs +91 -0
  24. package/esm2022/lib/date-time/numberedFixLen.pipe.mjs +28 -0
  25. package/esm2022/lib/date-time/options-provider.mjs +34 -0
  26. package/esm2022/lib/date-time/timer-box.component.mjs +135 -0
  27. package/esm2022/lib/date-time/timer.component.mjs +292 -0
  28. package/esm2022/lib/dialog/dialog-config.class.mjs +56 -0
  29. package/esm2022/lib/dialog/dialog-container.component.mjs +230 -0
  30. package/esm2022/lib/dialog/dialog-ref.class.mjs +123 -0
  31. package/esm2022/lib/dialog/dialog.module.mjs +34 -0
  32. package/esm2022/lib/dialog/dialog.service.mjs +245 -0
  33. package/esm2022/lib/utils/array.utils.mjs +12 -0
  34. package/esm2022/lib/utils/constants.mjs +55 -0
  35. package/esm2022/lib/utils/date.utils.mjs +49 -0
  36. package/esm2022/lib/utils/index.mjs +5 -0
  37. package/esm2022/lib/utils/object.utils.mjs +26 -0
  38. package/esm2022/netwin-angular-datetime-picker.mjs +5 -0
  39. package/esm2022/public_api.mjs +25 -0
  40. package/fesm2022/netwin-angular-datetime-picker.mjs +5913 -0
  41. package/fesm2022/netwin-angular-datetime-picker.mjs.map +1 -0
  42. package/index.d.ts +5 -0
  43. package/lib/date-time/adapter/date-time-adapter.class.d.ts +193 -0
  44. package/lib/date-time/adapter/date-time-format.class.d.ts +15 -0
  45. package/lib/date-time/adapter/native-date-time-adapter.class.d.ts +69 -0
  46. package/lib/date-time/adapter/native-date-time-format.class.d.ts +5 -0
  47. package/lib/date-time/adapter/native-date-time.module.d.ts +12 -0
  48. package/lib/date-time/adapter/unix-timestamp-adapter/unix-timestamp-date-time-adapter.class.d.ts +64 -0
  49. package/lib/date-time/adapter/unix-timestamp-adapter/unix-timestamp-date-time-format.class.d.ts +5 -0
  50. package/lib/date-time/calendar-body.component.d.ts +80 -0
  51. package/lib/date-time/calendar-month-view.component.d.ts +144 -0
  52. package/lib/date-time/calendar-multi-year-view.component.d.ts +111 -0
  53. package/lib/date-time/calendar-year-view.component.d.ts +123 -0
  54. package/lib/date-time/calendar.component.d.ts +155 -0
  55. package/lib/date-time/date-time-inline.component.d.ts +105 -0
  56. package/lib/date-time/date-time-picker-container.component.d.ts +130 -0
  57. package/lib/date-time/date-time-picker-input.directive.d.ts +167 -0
  58. package/lib/date-time/date-time-picker-intl.service.d.ts +51 -0
  59. package/lib/date-time/date-time-picker-trigger.directive.d.ts +24 -0
  60. package/lib/date-time/date-time-picker.animations.d.ts +8 -0
  61. package/lib/date-time/date-time-picker.component.d.ts +177 -0
  62. package/lib/date-time/date-time.class.d.ts +106 -0
  63. package/lib/date-time/date-time.module.d.ts +23 -0
  64. package/lib/date-time/numberedFixLen.pipe.d.ts +10 -0
  65. package/lib/date-time/options-provider.d.ts +23 -0
  66. package/lib/date-time/timer-box.component.d.ts +46 -0
  67. package/lib/date-time/timer.component.d.ts +132 -0
  68. package/lib/dialog/dialog-config.class.d.ts +169 -0
  69. package/lib/dialog/dialog-container.component.d.ts +59 -0
  70. package/lib/dialog/dialog-ref.class.d.ts +51 -0
  71. package/lib/dialog/dialog.module.d.ts +11 -0
  72. package/lib/dialog/dialog.service.d.ts +76 -0
  73. package/lib/utils/array.utils.d.ts +5 -0
  74. package/lib/utils/constants.d.ts +19 -0
  75. package/lib/utils/date.utils.d.ts +12 -0
  76. package/lib/utils/index.d.ts +4 -0
  77. package/lib/utils/object.utils.d.ts +11 -0
  78. package/package.json +51 -0
  79. package/public_api.d.ts +24 -0
@@ -0,0 +1,111 @@
1
+ /**
2
+ * calendar-multi-year-view.component
3
+ */
4
+ import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnInit } from '@angular/core';
5
+ import { DateTimeAdapter } from './adapter/date-time-adapter.class';
6
+ import { CalendarCell, OwlCalendarBodyComponent } from './calendar-body.component';
7
+ import { SelectMode } from './date-time.class';
8
+ import { OwlDateTimeIntl } from './date-time-picker-intl.service';
9
+ import * as i0 from "@angular/core";
10
+ export declare class OwlMultiYearViewComponent<T> implements OnInit, AfterContentInit {
11
+ private cdRef;
12
+ private pickerIntl;
13
+ private dateTimeAdapter;
14
+ private options;
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 | null;
24
+ set selected(value: T | null);
25
+ private _selecteds;
26
+ get selecteds(): T[];
27
+ set selecteds(values: T[]);
28
+ private _pickerMoment;
29
+ get pickerMoment(): T;
30
+ set pickerMoment(value: T);
31
+ /**
32
+ * A function used to filter which dates are selectable
33
+ * */
34
+ private _dateFilter;
35
+ get dateFilter(): (date: T) => boolean;
36
+ set dateFilter(filter: (date: T) => boolean);
37
+ /** The minimum selectable date. */
38
+ private _minDate;
39
+ get minDate(): T | null;
40
+ set minDate(value: T | null);
41
+ /** The maximum selectable date. */
42
+ private _maxDate;
43
+ get maxDate(): T | null;
44
+ set maxDate(value: T | null);
45
+ private _todayYear;
46
+ get todayYear(): number;
47
+ private _years;
48
+ get years(): CalendarCell[][];
49
+ private _selectedYears;
50
+ get selectedYears(): number[];
51
+ private initiated;
52
+ get isInSingleMode(): boolean;
53
+ get isInRangeMode(): boolean;
54
+ get activeCell(): number;
55
+ get tableHeader(): string;
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. This doesn't imply a change on the selected date
64
+ * */
65
+ readonly yearSelected: EventEmitter<T>;
66
+ /** Emits when any date is activated. */
67
+ readonly pickerMomentChange: EventEmitter<T>;
68
+ /** Emits when use keyboard enter to select a calendar cell */
69
+ readonly keyboardEnter: EventEmitter<any>;
70
+ /** The body of calendar table */
71
+ calendarBodyElm: OwlCalendarBodyComponent;
72
+ get owlDTCalendarView(): boolean;
73
+ get owlDTCalendarMultiYearView(): boolean;
74
+ constructor(cdRef: ChangeDetectorRef, pickerIntl: OwlDateTimeIntl, dateTimeAdapter: DateTimeAdapter<T>, options: any);
75
+ ngOnInit(): void;
76
+ ngAfterContentInit(): void;
77
+ /**
78
+ * Handle a calendarCell selected
79
+ */
80
+ selectCalendarCell(cell: CalendarCell): void;
81
+ private selectYear;
82
+ /**
83
+ * Generate the previous year list
84
+ * */
85
+ prevYearList(event: any): void;
86
+ /**
87
+ * Generate the next year list
88
+ * */
89
+ nextYearList(event: any): void;
90
+ generateYearList(): void;
91
+ /** Whether the previous period button is enabled. */
92
+ previousEnabled(): boolean;
93
+ /** Whether the next period button is enabled. */
94
+ nextEnabled(): boolean;
95
+ handleCalendarKeydown(event: KeyboardEvent): void;
96
+ /**
97
+ * Creates an CalendarCell for the given year.
98
+ */
99
+ private createYearCell;
100
+ private setSelectedYears;
101
+ /** Whether the given year is enabled. */
102
+ private isYearEnabled;
103
+ private isSameYearList;
104
+ /**
105
+ * Get a valid date object
106
+ */
107
+ private getValidDate;
108
+ private focusActiveCell;
109
+ static ɵfac: i0.ɵɵFactoryDeclaration<OwlMultiYearViewComponent<any>, [null, null, { optional: true; }, null]>;
110
+ static ɵcmp: i0.ɵɵComponentDeclaration<OwlMultiYearViewComponent<any>, "owl-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; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; }, { "change": "change"; "yearSelected": "yearSelected"; "pickerMomentChange": "pickerMomentChange"; "keyboardEnter": "keyboardEnter"; }, never, never, false, never>;
111
+ }
@@ -0,0 +1,123 @@
1
+ /**
2
+ * calendar-year-view.component
3
+ */
4
+ import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
5
+ import { CalendarCell, OwlCalendarBodyComponent } from './calendar-body.component';
6
+ import { DateTimeAdapter } from './adapter/date-time-adapter.class';
7
+ import { OwlDateTimeFormats } from './adapter/date-time-format.class';
8
+ import { SelectMode } from './date-time.class';
9
+ import * as i0 from "@angular/core";
10
+ export declare class OwlYearViewComponent<T> implements OnInit, AfterContentInit, OnDestroy {
11
+ private cdRef;
12
+ private dateTimeAdapter;
13
+ private dateTimeFormats;
14
+ /**
15
+ * The select mode of the picker;
16
+ * */
17
+ private _selectMode;
18
+ get selectMode(): SelectMode;
19
+ set selectMode(val: SelectMode);
20
+ /** The currently selected date. */
21
+ private _selected;
22
+ get selected(): T | null;
23
+ set selected(value: T | null);
24
+ private _selecteds;
25
+ get selecteds(): T[];
26
+ set selecteds(values: T[]);
27
+ private _pickerMoment;
28
+ get pickerMoment(): T;
29
+ set pickerMoment(value: T);
30
+ /**
31
+ * A function used to filter which dates are selectable
32
+ * */
33
+ private _dateFilter;
34
+ get dateFilter(): (date: T) => boolean;
35
+ set dateFilter(filter: (date: T) => boolean);
36
+ /** The minimum selectable date. */
37
+ private _minDate;
38
+ get minDate(): T | null;
39
+ set minDate(value: T | null);
40
+ /** The maximum selectable date. */
41
+ private _maxDate;
42
+ get maxDate(): T | null;
43
+ set maxDate(value: T | null);
44
+ private readonly monthNames;
45
+ private _months;
46
+ get months(): CalendarCell[][];
47
+ get activeCell(): number;
48
+ get isInSingleMode(): boolean;
49
+ get isInRangeMode(): boolean;
50
+ private localeSub;
51
+ private initiated;
52
+ todayMonth: number | null;
53
+ /**
54
+ * An array to hold all selectedDates' month value
55
+ * the value is the month number in current year
56
+ * */
57
+ selectedMonths: number[];
58
+ /**
59
+ * Callback to invoke when a new month is selected
60
+ * */
61
+ readonly change: EventEmitter<T>;
62
+ /**
63
+ * Emits the selected year. This doesn't imply a change on the selected date
64
+ * */
65
+ readonly monthSelected: EventEmitter<T>;
66
+ /** Emits when any date is activated. */
67
+ readonly pickerMomentChange: EventEmitter<T>;
68
+ /** Emits when use keyboard enter to select a calendar cell */
69
+ readonly keyboardEnter: EventEmitter<any>;
70
+ /** The body of calendar table */
71
+ calendarBodyElm: OwlCalendarBodyComponent;
72
+ get owlDTCalendarView(): boolean;
73
+ constructor(cdRef: ChangeDetectorRef, dateTimeAdapter: DateTimeAdapter<T>, dateTimeFormats: OwlDateTimeFormats);
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 null 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<OwlYearViewComponent<any>, [null, { optional: true; }, { optional: true; }]>;
122
+ static ɵcmp: i0.ɵɵComponentDeclaration<OwlYearViewComponent<any>, "owl-date-time-year-view", ["owlMonthView"], { "selectMode": { "alias": "selectMode"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "selecteds": { "alias": "selecteds"; "required": false; }; "pickerMoment": { "alias": "pickerMoment"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; }, { "change": "change"; "monthSelected": "monthSelected"; "pickerMomentChange": "pickerMomentChange"; "keyboardEnter": "keyboardEnter"; }, never, never, false, never>;
123
+ }
@@ -0,0 +1,155 @@
1
+ /**
2
+ * calendar.component
3
+ */
4
+ import { AfterContentInit, AfterViewChecked, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit } from '@angular/core';
5
+ import { OwlDateTimeIntl } from './date-time-picker-intl.service';
6
+ import { DateTimeAdapter } from './adapter/date-time-adapter.class';
7
+ import { OwlDateTimeFormats } from './adapter/date-time-format.class';
8
+ import { DateView, DateViewType, SelectMode } from './date-time.class';
9
+ import * as i0 from "@angular/core";
10
+ export declare class OwlCalendarComponent<T> implements OnInit, AfterContentInit, AfterViewChecked, OnDestroy {
11
+ private elmRef;
12
+ private pickerIntl;
13
+ private ngZone;
14
+ private cdRef;
15
+ private dateTimeAdapter;
16
+ private dateTimeFormats;
17
+ DateView: typeof DateView;
18
+ get minDate(): T | null;
19
+ set minDate(value: T | null);
20
+ get maxDate(): T | null;
21
+ set maxDate(value: T | null);
22
+ get pickerMoment(): T;
23
+ set pickerMoment(value: T);
24
+ get selected(): T | null;
25
+ set selected(value: T | null);
26
+ get selecteds(): T[];
27
+ set selecteds(values: T[]);
28
+ get periodButtonText(): string;
29
+ get periodButtonLabel(): string;
30
+ get prevButtonLabel(): string;
31
+ get nextButtonLabel(): string;
32
+ get currentView(): DateViewType;
33
+ set currentView(view: DateViewType);
34
+ get isInSingleMode(): boolean;
35
+ get isInRangeMode(): boolean;
36
+ get showControlArrows(): boolean;
37
+ get isMonthView(): boolean;
38
+ /**
39
+ * Bind class 'owl-dt-calendar' to host
40
+ * */
41
+ get owlDTCalendarClass(): boolean;
42
+ constructor(elmRef: ElementRef, pickerIntl: OwlDateTimeIntl, ngZone: NgZone, cdRef: ChangeDetectorRef, dateTimeAdapter: DateTimeAdapter<T>, dateTimeFormats: OwlDateTimeFormats);
43
+ /**
44
+ * Date filter for the month and year view
45
+ * */
46
+ dateFilter: (date: T) => boolean;
47
+ /**
48
+ * Set the first day of week
49
+ */
50
+ firstDayOfWeek: number;
51
+ /** The minimum selectable date. */
52
+ private _minDate;
53
+ /** The maximum selectable date. */
54
+ private _maxDate;
55
+ /** The current picker moment */
56
+ private _pickerMoment;
57
+ selectMode: SelectMode;
58
+ /** The currently selected moment. */
59
+ private _selected;
60
+ private _selecteds;
61
+ /**
62
+ * The view that the calendar should start in.
63
+ */
64
+ startView: DateViewType;
65
+ /**
66
+ * Whether to should only the year and multi-year views.
67
+ */
68
+ yearOnly: boolean;
69
+ /**
70
+ * Whether to should only the multi-year view.
71
+ */
72
+ multiyearOnly: boolean;
73
+ /**
74
+ * Whether to hide dates in other months at the start or end of the current month.
75
+ * */
76
+ hideOtherMonths: boolean;
77
+ /** Emits when the currently picker moment changes. */
78
+ pickerMomentChange: EventEmitter<T>;
79
+ /** Emits when the selected date changes. */
80
+ readonly dateClicked: EventEmitter<T>;
81
+ /** Emits when the currently selected date changes. */
82
+ readonly selectedChange: EventEmitter<T>;
83
+ /** Emits when any date is selected. */
84
+ readonly userSelection: EventEmitter<void>;
85
+ /**
86
+ * Emits the selected year. This doesn't imply a change on the selected date
87
+ * */
88
+ readonly yearSelected: EventEmitter<T>;
89
+ /**
90
+ * Emits the selected month. This doesn't imply a change on the selected date
91
+ * */
92
+ readonly monthSelected: EventEmitter<T>;
93
+ private _currentView;
94
+ private intlChangesSub;
95
+ /**
96
+ * Used for scheduling that focus should be moved to the active cell on the next tick.
97
+ * We need to schedule it, rather than do it immediately, because we have to wait
98
+ * for Angular to re-evaluate the view children.
99
+ */
100
+ private moveFocusOnNextTick;
101
+ /**
102
+ * Date filter for the month and year view
103
+ */
104
+ dateFilterForViews: (date: T) => boolean;
105
+ ngOnInit(): void;
106
+ ngAfterContentInit(): void;
107
+ ngAfterViewChecked(): void;
108
+ ngOnDestroy(): void;
109
+ /**
110
+ * Toggle between month view and year view
111
+ */
112
+ toggleViews(): void;
113
+ /**
114
+ * Handles user clicks on the previous button.
115
+ * */
116
+ previousClicked(): void;
117
+ /**
118
+ * Handles user clicks on the next button.
119
+ * */
120
+ nextClicked(): void;
121
+ dateSelected(date: T): void;
122
+ /**
123
+ * Change the pickerMoment value and switch to a specific view
124
+ */
125
+ goToDateInView(date: T, view: DateViewType): void;
126
+ /**
127
+ * Change the pickerMoment value
128
+ */
129
+ handlePickerMomentChange(date: T): void;
130
+ userSelected(): void;
131
+ /**
132
+ * Whether the previous period button is enabled.
133
+ */
134
+ prevButtonEnabled(): boolean;
135
+ /**
136
+ * Whether the next period button is enabled.
137
+ */
138
+ nextButtonEnabled(): boolean;
139
+ /**
140
+ * Focus to the host element
141
+ * */
142
+ focusActiveCell(): void;
143
+ selectYearInMultiYearView(normalizedYear: T): void;
144
+ selectMonthInYearView(normalizedMonth: T): void;
145
+ /**
146
+ * Whether the two dates represent the same view in the current view mode (month or year).
147
+ */
148
+ private isSameView;
149
+ /**
150
+ * Get a valid date object
151
+ */
152
+ private getValidDate;
153
+ static ɵfac: i0.ɵɵFactoryDeclaration<OwlCalendarComponent<any>, [null, null, null, null, { optional: true; }, { optional: true; }]>;
154
+ static ɵcmp: i0.ɵɵComponentDeclaration<OwlCalendarComponent<any>, "owl-date-time-calendar", ["owlDateTimeCalendar"], { "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "pickerMoment": { "alias": "pickerMoment"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "selecteds": { "alias": "selecteds"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "selectMode": { "alias": "selectMode"; "required": false; }; "startView": { "alias": "startView"; "required": false; }; "yearOnly": { "alias": "yearOnly"; "required": false; }; "multiyearOnly": { "alias": "multiyearOnly"; "required": false; }; "hideOtherMonths": { "alias": "hideOtherMonths"; "required": false; }; }, { "pickerMomentChange": "pickerMomentChange"; "dateClicked": "dateClicked"; "selectedChange": "selectedChange"; "userSelection": "userSelection"; "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; }, never, never, false, never>;
155
+ }
@@ -0,0 +1,105 @@
1
+ /**
2
+ * date-time-inline.component
3
+ */
4
+ import { ChangeDetectorRef, EventEmitter, OnInit } from '@angular/core';
5
+ import { ControlValueAccessor } from '@angular/forms';
6
+ import { OwlDateTime, PickerMode, PickerType, SelectMode } from './date-time.class';
7
+ import { DateTimeAdapter } from './adapter/date-time-adapter.class';
8
+ import { OwlDateTimeFormats } from './adapter/date-time-format.class';
9
+ import { OwlDateTimeContainerComponent } from './date-time-picker-container.component';
10
+ import * as i0 from "@angular/core";
11
+ export declare const OWL_DATETIME_VALUE_ACCESSOR: any;
12
+ export declare class OwlDateTimeInlineComponent<T> extends OwlDateTime<T> implements OnInit, ControlValueAccessor {
13
+ protected changeDetector: ChangeDetectorRef;
14
+ protected dateTimeAdapter: DateTimeAdapter<T>;
15
+ protected dateTimeFormats: OwlDateTimeFormats;
16
+ container: OwlDateTimeContainerComponent<T>;
17
+ /**
18
+ * Set the type of the dateTime picker
19
+ * 'both' -- show both calendar and timer
20
+ * 'calendar' -- show only calendar
21
+ * 'timer' -- show only timer
22
+ */
23
+ private _pickerType;
24
+ get pickerType(): PickerType;
25
+ set pickerType(val: PickerType);
26
+ private _disabled;
27
+ get disabled(): boolean;
28
+ set disabled(value: boolean);
29
+ private _selectMode;
30
+ get selectMode(): SelectMode;
31
+ set selectMode(mode: SelectMode);
32
+ /** The date to open the calendar to initially. */
33
+ private _startAt;
34
+ get startAt(): T | null;
35
+ set startAt(date: T | null);
36
+ /** The date to open for range calendar. */
37
+ private _endAt;
38
+ get endAt(): T | null;
39
+ set endAt(date: T | null);
40
+ private _dateTimeFilter;
41
+ get dateTimeFilter(): (date: T | null) => boolean;
42
+ set dateTimeFilter(filter: (date: T | null) => boolean);
43
+ /** The minimum valid date. */
44
+ private _min;
45
+ get minDateTime(): T | null;
46
+ set minDateTime(value: T | null);
47
+ /** The maximum valid date. */
48
+ private _max;
49
+ get maxDateTime(): T | null;
50
+ set maxDateTime(value: T | null);
51
+ private _value;
52
+ get value(): T | null;
53
+ set value(value: T | null);
54
+ private _values;
55
+ get values(): T[];
56
+ set values(values: T[]);
57
+ /**
58
+ * Emits selected year in multi-year view
59
+ * This doesn't imply a change on the selected date.
60
+ * */
61
+ yearSelected: EventEmitter<T>;
62
+ /**
63
+ * Emits selected month in year view
64
+ * This doesn't imply a change on the selected date.
65
+ * */
66
+ monthSelected: EventEmitter<T>;
67
+ /**
68
+ * Emits selected date
69
+ * */
70
+ dateSelected: EventEmitter<T>;
71
+ private _selected;
72
+ get selected(): T | null;
73
+ set selected(value: T | null);
74
+ private _selecteds;
75
+ get selecteds(): T[];
76
+ set selecteds(values: T[]);
77
+ get opened(): boolean;
78
+ get pickerMode(): PickerMode;
79
+ get isInSingleMode(): boolean;
80
+ get isInRangeMode(): boolean;
81
+ get owlDTInlineClass(): boolean;
82
+ private onModelChange;
83
+ private onModelTouched;
84
+ constructor(changeDetector: ChangeDetectorRef, dateTimeAdapter: DateTimeAdapter<T>, dateTimeFormats: OwlDateTimeFormats);
85
+ ngOnInit(): void;
86
+ writeValue(value: any): void;
87
+ registerOnChange(fn: any): void;
88
+ registerOnTouched(fn: any): void;
89
+ setDisabledState(isDisabled: boolean): void;
90
+ select(date: T[] | T): void;
91
+ /**
92
+ * Emits the selected year in multi-year view
93
+ * */
94
+ selectYear(normalizedYear: T): void;
95
+ /**
96
+ * Emits selected month in year view
97
+ * */
98
+ selectMonth(normalizedMonth: T): void;
99
+ /**
100
+ * Emits the selected date
101
+ * */
102
+ selectDate(normalizedDate: T): void;
103
+ static ɵfac: i0.ɵɵFactoryDeclaration<OwlDateTimeInlineComponent<any>, [null, { optional: true; }, { optional: true; }]>;
104
+ static ɵcmp: i0.ɵɵComponentDeclaration<OwlDateTimeInlineComponent<any>, "owl-date-time-inline", never, { "pickerType": { "alias": "pickerType"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selectMode": { "alias": "selectMode"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "endAt": { "alias": "endAt"; "required": false; }; "dateTimeFilter": { "alias": "owlDateTimeFilter"; "required": false; }; "minDateTime": { "alias": "min"; "required": false; }; "maxDateTime": { "alias": "max"; "required": false; }; "value": { "alias": "value"; "required": false; }; "values": { "alias": "values"; "required": false; }; }, { "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; "dateSelected": "dateSelected"; }, never, never, false, never>;
105
+ }
@@ -0,0 +1,130 @@
1
+ /**
2
+ * date-time-picker-container.component
3
+ */
4
+ import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, OnInit } from '@angular/core';
5
+ import { AnimationEvent } from '@angular/animations';
6
+ import { OwlDateTimeIntl } from './date-time-picker-intl.service';
7
+ import { OwlCalendarComponent } from './calendar.component';
8
+ import { OwlTimerComponent } from './timer.component';
9
+ import { DateTimeAdapter } from './adapter/date-time-adapter.class';
10
+ import { OwlDateTime, PickerType } from './date-time.class';
11
+ import { Observable } from 'rxjs';
12
+ import * as i0 from "@angular/core";
13
+ export declare class OwlDateTimeContainerComponent<T> implements OnInit, AfterContentInit, AfterViewInit {
14
+ private cdRef;
15
+ private elmRef;
16
+ private pickerIntl;
17
+ private dateTimeAdapter;
18
+ calendar: OwlCalendarComponent<T>;
19
+ timer: OwlTimerComponent<T>;
20
+ picker: OwlDateTime<T>;
21
+ activeSelectedIndex: number;
22
+ private retainStartTime;
23
+ private retainEndTime;
24
+ /**
25
+ * Stream emits when try to hide picker
26
+ * */
27
+ private hidePicker$;
28
+ get hidePickerStream(): Observable<any>;
29
+ /**
30
+ * Stream emits when try to confirm the selected value
31
+ * */
32
+ private confirmSelected$;
33
+ get confirmSelectedStream(): Observable<any>;
34
+ private beforePickerOpened$;
35
+ get beforePickerOpenedStream(): Observable<any>;
36
+ private pickerOpened$;
37
+ get pickerOpenedStream(): Observable<any>;
38
+ /**
39
+ * The current picker moment. This determines which time period is shown and which date is
40
+ * highlighted when using keyboard navigation.
41
+ */
42
+ private _clamPickerMoment;
43
+ get pickerMoment(): T;
44
+ set pickerMoment(value: T);
45
+ get pickerType(): PickerType;
46
+ get cancelLabel(): string;
47
+ get setLabel(): string;
48
+ /**
49
+ * The range 'from' label
50
+ * */
51
+ get fromLabel(): string;
52
+ /**
53
+ * The range 'to' label
54
+ * */
55
+ get toLabel(): string;
56
+ /**
57
+ * The range 'from' formatted value
58
+ * */
59
+ get fromFormattedValue(): string;
60
+ /**
61
+ * The range 'to' formatted value
62
+ * */
63
+ get toFormattedValue(): string;
64
+ /**
65
+ * Cases in which the control buttons show in the picker
66
+ * 1) picker mode is 'dialog'
67
+ * 2) picker type is NOT 'calendar' and the picker mode is NOT 'inline'
68
+ * */
69
+ get showControlButtons(): boolean;
70
+ get containerElm(): HTMLElement;
71
+ get owlDTContainerClass(): boolean;
72
+ get owlDTPopupContainerClass(): boolean;
73
+ get owlDTDialogContainerClass(): boolean;
74
+ get owlDTInlineContainerClass(): boolean;
75
+ get owlDTContainerDisabledClass(): boolean;
76
+ get owlDTContainerId(): string;
77
+ get owlDTContainerAnimation(): any;
78
+ constructor(cdRef: ChangeDetectorRef, elmRef: ElementRef, pickerIntl: OwlDateTimeIntl, dateTimeAdapter: DateTimeAdapter<T>);
79
+ ngOnInit(): void;
80
+ ngAfterContentInit(): void;
81
+ ngAfterViewInit(): void;
82
+ handleContainerAnimationStart(event: AnimationEvent): void;
83
+ handleContainerAnimationDone(event: AnimationEvent): void;
84
+ dateSelected(date: T): void;
85
+ timeSelected(time: T): void;
86
+ /**
87
+ * Handle click on cancel button
88
+ */
89
+ onCancelClicked(event: any): void;
90
+ /**
91
+ * Handle click on set button
92
+ */
93
+ onSetClicked(event: any): void;
94
+ /**
95
+ * Handle click on inform radio group
96
+ */
97
+ handleClickOnInfoGroup(event: any, index: number): void;
98
+ /**
99
+ * Handle click on inform radio group
100
+ */
101
+ handleKeydownOnInfoGroup(event: any, next: any, index: number): void;
102
+ /**
103
+ * Set the value of activeSelectedIndex
104
+ */
105
+ private setActiveSelectedIndex;
106
+ private initPicker;
107
+ /**
108
+ * Select calendar date in single mode,
109
+ * it returns null when date is not selected.
110
+ */
111
+ private dateSelectedInSingleMode;
112
+ /**
113
+ * Select dates in range Mode
114
+ */
115
+ private dateSelectedInRangeMode;
116
+ /**
117
+ * Update the given calendar date's time and check if it is valid
118
+ * Because the calendar date has 00:00:00 as default time, if the picker type is 'both',
119
+ * we need to update the given calendar date's time before selecting it.
120
+ * if it is valid, return the updated dateTime
121
+ * if it is not valid, return null
122
+ */
123
+ private updateAndCheckCalendarDate;
124
+ /**
125
+ * Focus to the picker
126
+ * */
127
+ private focusPicker;
128
+ static ɵfac: i0.ɵɵFactoryDeclaration<OwlDateTimeContainerComponent<any>, [null, null, null, { optional: true; }]>;
129
+ static ɵcmp: i0.ɵɵComponentDeclaration<OwlDateTimeContainerComponent<any>, "owl-date-time-container", ["owlDateTimeContainer"], {}, {}, never, never, false, never>;
130
+ }