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