nxt-pick-datetime 16.0.0-alpha.6 → 16.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{esm2020 → esm2022}/lib/class/date-time-adapter.class.mjs +96 -96
- package/{esm2020 → esm2022}/lib/class/date-time-format.class.mjs +3 -3
- package/esm2022/lib/class/date-time.class.mjs +96 -0
- package/{esm2020 → esm2022}/lib/class/dialog-config.class.mjs +46 -46
- package/{esm2020 → esm2022}/lib/class/dialog-ref.class.mjs +118 -118
- package/esm2022/lib/date-time/calendar/calendar.component.mjs +347 -0
- package/esm2022/lib/date-time/calendar-body/calendar-body.component.mjs +152 -0
- package/esm2022/lib/date-time/calendar-month-view/calendar-month-view.component.mjs +430 -0
- package/esm2022/lib/date-time/calendar-multi-year-view/calendar-multi-year-view.component.mjs +359 -0
- package/esm2022/lib/date-time/calendar-year-view/calendar-year-view.component.mjs +363 -0
- package/esm2022/lib/date-time/date-time-inline/date-time-inline.component.mjs +276 -0
- package/esm2022/lib/date-time/date-time-picker/date-time-picker.component.mjs +542 -0
- package/{esm2020 → esm2022}/lib/date-time/date-time-picker-container/date-time-picker-container.animations.mjs +18 -18
- package/esm2022/lib/date-time/date-time-picker-container/date-time-picker-container.component.mjs +390 -0
- package/esm2022/lib/date-time/date-time-picker-input.directive.mjs +619 -0
- package/esm2022/lib/date-time/date-time-picker-intl.service.mjs +62 -0
- package/esm2022/lib/date-time/date-time-picker-trigger.directive.mjs +71 -0
- package/esm2022/lib/date-time/date-time.module.mjs +97 -0
- package/esm2022/lib/date-time/number-fixed-len.pipe.mjs +23 -0
- package/esm2022/lib/date-time/timer/timer.component.mjs +300 -0
- package/esm2022/lib/date-time/timer-box/timer-box.component.mjs +96 -0
- package/esm2022/lib/dialog/dialog-container/dialog-container.component.mjs +249 -0
- package/esm2022/lib/dialog/dialog.module.mjs +43 -0
- package/esm2022/lib/dialog/dialog.service.mjs +252 -0
- package/esm2022/lib/utils/object.mjs +24 -0
- package/esm2022/moment-adapter/date-time-adapter.class.mjs +221 -0
- package/{esm2020 → esm2022}/moment-adapter/date-time-format.class.mjs +12 -12
- package/esm2022/moment-adapter/moment-adapter.module.mjs +38 -0
- package/{esm2020 → esm2022}/moment-adapter/nxt-pick-datetime-moment-adapter.mjs +4 -4
- package/{esm2020 → esm2022}/moment-adapter/public-api.mjs +2 -2
- package/esm2022/native-adapter/date-time-adapter.class.mjs +367 -0
- package/{esm2020 → esm2022}/native-adapter/date-time-format.class.mjs +12 -12
- package/esm2022/native-adapter/native-adapter.module.mjs +38 -0
- package/{esm2020 → esm2022}/native-adapter/nxt-pick-datetime-native-adapter.mjs +4 -4
- package/{esm2020 → esm2022}/native-adapter/public-api.mjs +1 -1
- package/{esm2020 → esm2022}/nxt-pick-datetime.mjs +4 -4
- package/{esm2020 → esm2022}/public-api.mjs +13 -13
- package/{fesm2020 → fesm2022}/nxt-pick-datetime-moment-adapter.mjs +257 -257
- package/{fesm2020 → fesm2022}/nxt-pick-datetime-moment-adapter.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/nxt-pick-datetime-native-adapter.mjs +402 -402
- package/{fesm2020 → fesm2022}/nxt-pick-datetime-native-adapter.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/nxt-pick-datetime.mjs +4858 -4860
- package/{fesm2020 → fesm2022}/nxt-pick-datetime.mjs.map +1 -1
- package/index.d.ts +5 -5
- package/lib/class/date-time-adapter.class.d.ts +176 -176
- package/lib/class/date-time-format.class.d.ts +12 -12
- package/lib/class/date-time.class.d.ts +76 -76
- package/lib/class/dialog-config.class.d.ts +90 -90
- package/lib/class/dialog-ref.class.d.ts +50 -50
- package/lib/date-time/calendar/calendar.component.d.ts +147 -147
- package/lib/date-time/calendar-body/calendar-body.component.d.ts +79 -79
- package/lib/date-time/calendar-month-view/calendar-month-view.component.d.ts +139 -139
- package/lib/date-time/calendar-multi-year-view/calendar-multi-year-view.component.d.ts +115 -115
- package/lib/date-time/calendar-year-view/calendar-year-view.component.d.ts +123 -123
- package/lib/date-time/date-time-inline/date-time-inline.component.d.ts +106 -106
- package/lib/date-time/date-time-picker/date-time-picker.component.d.ts +172 -172
- package/lib/date-time/date-time-picker-container/date-time-picker-container.animations.d.ts +6 -6
- package/lib/date-time/date-time-picker-container/date-time-picker-container.component.d.ts +129 -129
- package/lib/date-time/date-time-picker-input.directive.d.ts +167 -167
- package/lib/date-time/date-time-picker-intl.service.d.ts +51 -51
- package/lib/date-time/date-time-picker-trigger.directive.d.ts +22 -22
- package/lib/date-time/date-time.module.d.ts +23 -23
- package/lib/date-time/number-fixed-len.pipe.d.ts +8 -8
- package/lib/date-time/timer/timer.component.d.ts +131 -131
- package/lib/date-time/timer-box/timer-box.component.d.ts +37 -37
- package/lib/dialog/dialog-container/dialog-container.component.d.ts +69 -69
- package/lib/dialog/dialog.module.d.ts +12 -12
- package/lib/dialog/dialog.service.d.ts +78 -78
- package/lib/utils/object.d.ts +9 -10
- package/moment-adapter/date-time-adapter.class.d.ts +64 -64
- package/moment-adapter/date-time-format.class.d.ts +5 -5
- package/moment-adapter/index.d.ts +5 -5
- package/moment-adapter/moment-adapter.module.d.ts +6 -6
- package/moment-adapter/public-api.d.ts +2 -2
- package/native-adapter/date-time-adapter.class.d.ts +72 -72
- package/native-adapter/date-time-format.class.d.ts +5 -5
- package/native-adapter/index.d.ts +5 -5
- package/native-adapter/native-adapter.module.d.ts +7 -7
- package/native-adapter/public-api.d.ts +1 -1
- package/package.json +18 -28
- package/public-api.d.ts +14 -14
- package/esm2020/lib/class/date-time.class.mjs +0 -95
- package/esm2020/lib/date-time/calendar/calendar.component.mjs +0 -346
- package/esm2020/lib/date-time/calendar-body/calendar-body.component.mjs +0 -151
- package/esm2020/lib/date-time/calendar-month-view/calendar-month-view.component.mjs +0 -429
- package/esm2020/lib/date-time/calendar-multi-year-view/calendar-multi-year-view.component.mjs +0 -358
- package/esm2020/lib/date-time/calendar-year-view/calendar-year-view.component.mjs +0 -362
- package/esm2020/lib/date-time/date-time-inline/date-time-inline.component.mjs +0 -275
- package/esm2020/lib/date-time/date-time-picker/date-time-picker.component.mjs +0 -541
- package/esm2020/lib/date-time/date-time-picker-container/date-time-picker-container.component.mjs +0 -389
- package/esm2020/lib/date-time/date-time-picker-input.directive.mjs +0 -618
- package/esm2020/lib/date-time/date-time-picker-intl.service.mjs +0 -61
- package/esm2020/lib/date-time/date-time-picker-trigger.directive.mjs +0 -70
- package/esm2020/lib/date-time/date-time.module.mjs +0 -96
- package/esm2020/lib/date-time/number-fixed-len.pipe.mjs +0 -22
- package/esm2020/lib/date-time/timer/timer.component.mjs +0 -299
- package/esm2020/lib/date-time/timer-box/timer-box.component.mjs +0 -95
- package/esm2020/lib/dialog/dialog-container/dialog-container.component.mjs +0 -248
- package/esm2020/lib/dialog/dialog.module.mjs +0 -42
- package/esm2020/lib/dialog/dialog.service.mjs +0 -252
- package/esm2020/lib/utils/object.mjs +0 -25
- package/esm2020/moment-adapter/date-time-adapter.class.mjs +0 -220
- package/esm2020/moment-adapter/moment-adapter.module.mjs +0 -37
- package/esm2020/native-adapter/date-time-adapter.class.mjs +0 -366
- package/esm2020/native-adapter/native-adapter.module.mjs +0 -37
- package/fesm2015/nxt-pick-datetime-moment-adapter.mjs +0 -274
- package/fesm2015/nxt-pick-datetime-moment-adapter.mjs.map +0 -1
- package/fesm2015/nxt-pick-datetime-native-adapter.mjs +0 -420
- package/fesm2015/nxt-pick-datetime-native-adapter.mjs.map +0 -1
- package/fesm2015/nxt-pick-datetime.mjs +0 -5014
- package/fesm2015/nxt-pick-datetime.mjs.map +0 -1
|
@@ -1,79 +1,79 @@
|
|
|
1
|
-
import { ElementRef, EventEmitter, NgZone, OnInit } from '@angular/core';
|
|
2
|
-
import { SelectMode } from '../../class/date-time.class';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class CalendarCell {
|
|
5
|
-
value: number;
|
|
6
|
-
displayValue: string;
|
|
7
|
-
ariaLabel: string;
|
|
8
|
-
enabled: boolean;
|
|
9
|
-
out: boolean;
|
|
10
|
-
cellClass: string;
|
|
11
|
-
constructor(value: number, displayValue: string, ariaLabel: string, enabled: boolean, out?: boolean, cellClass?: string);
|
|
12
|
-
}
|
|
13
|
-
/** @internal */
|
|
14
|
-
export declare class CalendarBodyComponent implements OnInit {
|
|
15
|
-
private readonly elmRef;
|
|
16
|
-
private readonly ngZone;
|
|
17
|
-
/**
|
|
18
|
-
* The cell number of the active cell in the table.
|
|
19
|
-
*/
|
|
20
|
-
activeCell: number;
|
|
21
|
-
/**
|
|
22
|
-
* The cells to display in the table.
|
|
23
|
-
*/
|
|
24
|
-
rows?: CalendarCell[][];
|
|
25
|
-
/**
|
|
26
|
-
* The number of columns in the table.
|
|
27
|
-
*/
|
|
28
|
-
numCols: number;
|
|
29
|
-
/**
|
|
30
|
-
* The ratio (width / height) to use for the cells in the table.
|
|
31
|
-
*/
|
|
32
|
-
cellRatio: number;
|
|
33
|
-
/**
|
|
34
|
-
* The value in the table that corresponds to today.
|
|
35
|
-
*/
|
|
36
|
-
todayValue?: number;
|
|
37
|
-
/**
|
|
38
|
-
* The value in the table that is currently selected.
|
|
39
|
-
*/
|
|
40
|
-
selectedValues?: Array<number | undefined>;
|
|
41
|
-
/**
|
|
42
|
-
* Current picker select mode
|
|
43
|
-
*/
|
|
44
|
-
selectMode?: SelectMode;
|
|
45
|
-
/**
|
|
46
|
-
* Emit when a calendar cell is selected
|
|
47
|
-
*/
|
|
48
|
-
readonly select: EventEmitter<CalendarCell>;
|
|
49
|
-
/** @internal */
|
|
50
|
-
get calendarBodyClass(): boolean;
|
|
51
|
-
get isInSingleMode(): boolean;
|
|
52
|
-
get isInRangeMode(): boolean;
|
|
53
|
-
constructor(elmRef: ElementRef<HTMLElement>, ngZone: NgZone);
|
|
54
|
-
ngOnInit(): void;
|
|
55
|
-
selectCell(cell: CalendarCell): void;
|
|
56
|
-
isActiveCell(rowIndex: number, colIndex: number): boolean;
|
|
57
|
-
/**
|
|
58
|
-
* Check if the cell is selected
|
|
59
|
-
*/
|
|
60
|
-
isSelected(value: number): boolean;
|
|
61
|
-
/**
|
|
62
|
-
* Check if the cell in the range
|
|
63
|
-
*/
|
|
64
|
-
isInRange(value: number): boolean;
|
|
65
|
-
/**
|
|
66
|
-
* Check if the cell is the range from
|
|
67
|
-
*/
|
|
68
|
-
isRangeFrom(value: number): boolean;
|
|
69
|
-
/**
|
|
70
|
-
* Check if the cell is the range to
|
|
71
|
-
*/
|
|
72
|
-
isRangeTo(value: number): boolean;
|
|
73
|
-
/**
|
|
74
|
-
* Focus to a active cell
|
|
75
|
-
*/
|
|
76
|
-
focusActiveCell(): void;
|
|
77
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CalendarBodyComponent, never>;
|
|
78
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CalendarBodyComponent, "[nxtDateTimeCalendarBody]", ["nxtDateTimeCalendarBody"], { "activeCell": "activeCell"; "rows": "rows"; "numCols": "numCols"; "cellRatio": "cellRatio"; "todayValue": "todayValue"; "selectedValues": "selectedValues"; "selectMode": "selectMode"; }, { "select": "select"; }, never, never, false, never>;
|
|
79
|
-
}
|
|
1
|
+
import { ElementRef, EventEmitter, NgZone, OnInit } from '@angular/core';
|
|
2
|
+
import { SelectMode } from '../../class/date-time.class';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class CalendarCell {
|
|
5
|
+
value: number;
|
|
6
|
+
displayValue: string;
|
|
7
|
+
ariaLabel: string;
|
|
8
|
+
enabled: boolean;
|
|
9
|
+
out: boolean;
|
|
10
|
+
cellClass: string;
|
|
11
|
+
constructor(value: number, displayValue: string, ariaLabel: string, enabled: boolean, out?: boolean, cellClass?: string);
|
|
12
|
+
}
|
|
13
|
+
/** @internal */
|
|
14
|
+
export declare class CalendarBodyComponent implements OnInit {
|
|
15
|
+
private readonly elmRef;
|
|
16
|
+
private readonly ngZone;
|
|
17
|
+
/**
|
|
18
|
+
* The cell number of the active cell in the table.
|
|
19
|
+
*/
|
|
20
|
+
activeCell: number;
|
|
21
|
+
/**
|
|
22
|
+
* The cells to display in the table.
|
|
23
|
+
*/
|
|
24
|
+
rows?: CalendarCell[][];
|
|
25
|
+
/**
|
|
26
|
+
* The number of columns in the table.
|
|
27
|
+
*/
|
|
28
|
+
numCols: number;
|
|
29
|
+
/**
|
|
30
|
+
* The ratio (width / height) to use for the cells in the table.
|
|
31
|
+
*/
|
|
32
|
+
cellRatio: number;
|
|
33
|
+
/**
|
|
34
|
+
* The value in the table that corresponds to today.
|
|
35
|
+
*/
|
|
36
|
+
todayValue?: number;
|
|
37
|
+
/**
|
|
38
|
+
* The value in the table that is currently selected.
|
|
39
|
+
*/
|
|
40
|
+
selectedValues?: Array<number | undefined>;
|
|
41
|
+
/**
|
|
42
|
+
* Current picker select mode
|
|
43
|
+
*/
|
|
44
|
+
selectMode?: SelectMode;
|
|
45
|
+
/**
|
|
46
|
+
* Emit when a calendar cell is selected
|
|
47
|
+
*/
|
|
48
|
+
readonly select: EventEmitter<CalendarCell>;
|
|
49
|
+
/** @internal */
|
|
50
|
+
get calendarBodyClass(): boolean;
|
|
51
|
+
get isInSingleMode(): boolean;
|
|
52
|
+
get isInRangeMode(): boolean;
|
|
53
|
+
constructor(elmRef: ElementRef<HTMLElement>, ngZone: NgZone);
|
|
54
|
+
ngOnInit(): void;
|
|
55
|
+
selectCell(cell: CalendarCell): void;
|
|
56
|
+
isActiveCell(rowIndex: number, colIndex: number): boolean;
|
|
57
|
+
/**
|
|
58
|
+
* Check if the cell is selected
|
|
59
|
+
*/
|
|
60
|
+
isSelected(value: number): boolean;
|
|
61
|
+
/**
|
|
62
|
+
* Check if the cell in the range
|
|
63
|
+
*/
|
|
64
|
+
isInRange(value: number): boolean;
|
|
65
|
+
/**
|
|
66
|
+
* Check if the cell is the range from
|
|
67
|
+
*/
|
|
68
|
+
isRangeFrom(value: number): boolean;
|
|
69
|
+
/**
|
|
70
|
+
* Check if the cell is the range to
|
|
71
|
+
*/
|
|
72
|
+
isRangeTo(value: number): boolean;
|
|
73
|
+
/**
|
|
74
|
+
* Focus to a active cell
|
|
75
|
+
*/
|
|
76
|
+
focusActiveCell(): void;
|
|
77
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CalendarBodyComponent, never>;
|
|
78
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CalendarBodyComponent, "[nxtDateTimeCalendarBody]", ["nxtDateTimeCalendarBody"], { "activeCell": { "alias": "activeCell"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "numCols": { "alias": "numCols"; "required": false; }; "cellRatio": { "alias": "cellRatio"; "required": false; }; "todayValue": { "alias": "todayValue"; "required": false; }; "selectedValues": { "alias": "selectedValues"; "required": false; }; "selectMode": { "alias": "selectMode"; "required": false; }; }, { "select": "select"; }, never, never, false, never>;
|
|
79
|
+
}
|
|
@@ -1,139 +1,139 @@
|
|
|
1
|
-
import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
|
|
2
|
-
import { DateTimeAdapter } from '../../class/date-time-adapter.class';
|
|
3
|
-
import { DateTimeFormats } from '../../class/date-time-format.class';
|
|
4
|
-
import { DateFilter, SelectMode } from '../../class/date-time.class';
|
|
5
|
-
import { CalendarCell } from '../calendar-body/calendar-body.component';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
export declare class MonthViewComponent<T> implements OnInit, AfterContentInit, OnDestroy {
|
|
8
|
-
private readonly cdRef;
|
|
9
|
-
private readonly dateTimeAdapter;
|
|
10
|
-
private readonly dateTimeFormats;
|
|
11
|
-
/**
|
|
12
|
-
* Whether to hide dates in other months at the start or end of the current month
|
|
13
|
-
*/
|
|
14
|
-
hideOtherMonths: boolean;
|
|
15
|
-
/**
|
|
16
|
-
* Define the first day of a week
|
|
17
|
-
* Sunday: 0 ~ Saturday: 6
|
|
18
|
-
*/
|
|
19
|
-
private _firstDayOfWeek;
|
|
20
|
-
get firstDayOfWeek(): number;
|
|
21
|
-
set firstDayOfWeek(val: number);
|
|
22
|
-
/**
|
|
23
|
-
* The select mode of the picker;
|
|
24
|
-
*/
|
|
25
|
-
private _selectMode;
|
|
26
|
-
get selectMode(): SelectMode;
|
|
27
|
-
set selectMode(val: SelectMode);
|
|
28
|
-
/** The currently selected date */
|
|
29
|
-
private _selected?;
|
|
30
|
-
get selected(): T | undefined;
|
|
31
|
-
set selected(value: T | undefined);
|
|
32
|
-
private _selecteds;
|
|
33
|
-
get selecteds(): Array<T | undefined>;
|
|
34
|
-
set selecteds(values: Array<T | undefined>);
|
|
35
|
-
private _pickerMoment?;
|
|
36
|
-
get pickerMoment(): T | undefined;
|
|
37
|
-
set pickerMoment(value: T | undefined);
|
|
38
|
-
/**
|
|
39
|
-
* A function used to filter which dates are selectable
|
|
40
|
-
*/
|
|
41
|
-
private _dateTimeFilter?;
|
|
42
|
-
get dateTimeFilter(): DateFilter<T> | undefined;
|
|
43
|
-
set dateTimeFilter(filter: DateFilter<T> | undefined);
|
|
44
|
-
/** The minimum selectable date */
|
|
45
|
-
private _minDate?;
|
|
46
|
-
get min(): T | undefined;
|
|
47
|
-
set min(value: T | undefined);
|
|
48
|
-
/** The maximum selectable date */
|
|
49
|
-
private _maxDate?;
|
|
50
|
-
get max(): T | undefined;
|
|
51
|
-
set max(value: T | undefined);
|
|
52
|
-
private _weekdays?;
|
|
53
|
-
get weekdays(): {
|
|
54
|
-
long: string;
|
|
55
|
-
short: string;
|
|
56
|
-
narrow: string;
|
|
57
|
-
}[] | undefined;
|
|
58
|
-
private _days?;
|
|
59
|
-
get days(): CalendarCell[][] | undefined;
|
|
60
|
-
get activeCell(): number | undefined;
|
|
61
|
-
get isInSingleMode(): boolean;
|
|
62
|
-
get isInRangeMode(): boolean;
|
|
63
|
-
private firstDateOfMonth?;
|
|
64
|
-
private localeSub?;
|
|
65
|
-
private initiated;
|
|
66
|
-
/**
|
|
67
|
-
* The date of the month that today falls on.
|
|
68
|
-
*/
|
|
69
|
-
todayDate?: number;
|
|
70
|
-
/**
|
|
71
|
-
* An array to hold all selectedDates' value
|
|
72
|
-
* the value is the day number in current month
|
|
73
|
-
*/
|
|
74
|
-
selectedDates?: Array<number | undefined>;
|
|
75
|
-
firstRowOffset: number;
|
|
76
|
-
/**
|
|
77
|
-
* Callback to invoke when a new date is selected
|
|
78
|
-
*/
|
|
79
|
-
readonly selectedChange: EventEmitter<T | undefined>;
|
|
80
|
-
/**
|
|
81
|
-
* Callback to invoke when any date is selected.
|
|
82
|
-
*/
|
|
83
|
-
readonly userSelection: EventEmitter<void>;
|
|
84
|
-
/** Emits when any date is activated */
|
|
85
|
-
readonly pickerMomentChange: EventEmitter<T>;
|
|
86
|
-
/** The body of calendar table */
|
|
87
|
-
private calendarBodyElm?;
|
|
88
|
-
/** @internal */
|
|
89
|
-
get calendarView(): boolean;
|
|
90
|
-
constructor(cdRef: ChangeDetectorRef, dateTimeAdapter: DateTimeAdapter<T>, dateTimeFormats: DateTimeFormats);
|
|
91
|
-
ngOnInit(): void;
|
|
92
|
-
ngAfterContentInit(): void;
|
|
93
|
-
ngOnDestroy(): void;
|
|
94
|
-
/**
|
|
95
|
-
* Handle a calendarCell selected
|
|
96
|
-
*/
|
|
97
|
-
selectCalendarCell(cell: CalendarCell): void;
|
|
98
|
-
/**
|
|
99
|
-
* Handle a new date selected
|
|
100
|
-
*/
|
|
101
|
-
private selectDate;
|
|
102
|
-
/**
|
|
103
|
-
* Handle keydown event on calendar body
|
|
104
|
-
*/
|
|
105
|
-
handleCalendarKeydown(event: KeyboardEvent): void;
|
|
106
|
-
/**
|
|
107
|
-
* Generate the calendar weekdays array
|
|
108
|
-
*/
|
|
109
|
-
private generateWeekDays;
|
|
110
|
-
/**
|
|
111
|
-
* Generate the calendar days array
|
|
112
|
-
*/
|
|
113
|
-
private generateCalendar;
|
|
114
|
-
/**
|
|
115
|
-
* Creates CalendarCell for days.
|
|
116
|
-
*/
|
|
117
|
-
private createDateCell;
|
|
118
|
-
/**
|
|
119
|
-
* Check if the date is valid
|
|
120
|
-
*/
|
|
121
|
-
private isDateEnabled;
|
|
122
|
-
/**
|
|
123
|
-
* Get a valid date object
|
|
124
|
-
*/
|
|
125
|
-
private getValidDate;
|
|
126
|
-
/**
|
|
127
|
-
* Check if the give dates are defined and in the same month
|
|
128
|
-
*/
|
|
129
|
-
isSameMonth(dateLeft?: T, dateRight?: T): boolean;
|
|
130
|
-
/**
|
|
131
|
-
* Set the selectedDates value.
|
|
132
|
-
* In single mode, it has only one value which represent the selected date
|
|
133
|
-
* In range mode, it would has two values, one for the fromValue and the other for the toValue
|
|
134
|
-
*/
|
|
135
|
-
private setSelectedDates;
|
|
136
|
-
private focusActiveCell;
|
|
137
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MonthViewComponent<any>, never>;
|
|
138
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MonthViewComponent<any>, "nxt-date-time-month-view", never, { "hideOtherMonths": "hideOtherMonths"; "firstDayOfWeek": "firstDayOfWeek"; "selectMode": "selectMode"; "selected": "selected"; "selecteds": "selecteds"; "pickerMoment": "pickerMoment"; "dateTimeFilter": "dateTimeFilter"; "min": "min"; "max": "max"; }, { "selectedChange": "selectedChange"; "userSelection": "userSelection"; "pickerMomentChange": "pickerMomentChange"; }, never, never, false, never>;
|
|
139
|
-
}
|
|
1
|
+
import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
|
|
2
|
+
import { DateTimeAdapter } from '../../class/date-time-adapter.class';
|
|
3
|
+
import { DateTimeFormats } from '../../class/date-time-format.class';
|
|
4
|
+
import { DateFilter, SelectMode } from '../../class/date-time.class';
|
|
5
|
+
import { CalendarCell } from '../calendar-body/calendar-body.component';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export declare class MonthViewComponent<T> implements OnInit, AfterContentInit, OnDestroy {
|
|
8
|
+
private readonly cdRef;
|
|
9
|
+
private readonly dateTimeAdapter;
|
|
10
|
+
private readonly dateTimeFormats;
|
|
11
|
+
/**
|
|
12
|
+
* Whether to hide dates in other months at the start or end of the current month
|
|
13
|
+
*/
|
|
14
|
+
hideOtherMonths: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* Define the first day of a week
|
|
17
|
+
* Sunday: 0 ~ Saturday: 6
|
|
18
|
+
*/
|
|
19
|
+
private _firstDayOfWeek;
|
|
20
|
+
get firstDayOfWeek(): number;
|
|
21
|
+
set firstDayOfWeek(val: number);
|
|
22
|
+
/**
|
|
23
|
+
* The select mode of the picker;
|
|
24
|
+
*/
|
|
25
|
+
private _selectMode;
|
|
26
|
+
get selectMode(): SelectMode;
|
|
27
|
+
set selectMode(val: SelectMode);
|
|
28
|
+
/** The currently selected date */
|
|
29
|
+
private _selected?;
|
|
30
|
+
get selected(): T | undefined;
|
|
31
|
+
set selected(value: T | undefined);
|
|
32
|
+
private _selecteds;
|
|
33
|
+
get selecteds(): Array<T | undefined>;
|
|
34
|
+
set selecteds(values: Array<T | undefined>);
|
|
35
|
+
private _pickerMoment?;
|
|
36
|
+
get pickerMoment(): T | undefined;
|
|
37
|
+
set pickerMoment(value: T | undefined);
|
|
38
|
+
/**
|
|
39
|
+
* A function used to filter which dates are selectable
|
|
40
|
+
*/
|
|
41
|
+
private _dateTimeFilter?;
|
|
42
|
+
get dateTimeFilter(): DateFilter<T> | undefined;
|
|
43
|
+
set dateTimeFilter(filter: DateFilter<T> | undefined);
|
|
44
|
+
/** The minimum selectable date */
|
|
45
|
+
private _minDate?;
|
|
46
|
+
get min(): T | undefined;
|
|
47
|
+
set min(value: T | undefined);
|
|
48
|
+
/** The maximum selectable date */
|
|
49
|
+
private _maxDate?;
|
|
50
|
+
get max(): T | undefined;
|
|
51
|
+
set max(value: T | undefined);
|
|
52
|
+
private _weekdays?;
|
|
53
|
+
get weekdays(): {
|
|
54
|
+
long: string;
|
|
55
|
+
short: string;
|
|
56
|
+
narrow: string;
|
|
57
|
+
}[] | undefined;
|
|
58
|
+
private _days?;
|
|
59
|
+
get days(): CalendarCell[][] | undefined;
|
|
60
|
+
get activeCell(): number | undefined;
|
|
61
|
+
get isInSingleMode(): boolean;
|
|
62
|
+
get isInRangeMode(): boolean;
|
|
63
|
+
private firstDateOfMonth?;
|
|
64
|
+
private localeSub?;
|
|
65
|
+
private initiated;
|
|
66
|
+
/**
|
|
67
|
+
* The date of the month that today falls on.
|
|
68
|
+
*/
|
|
69
|
+
todayDate?: number;
|
|
70
|
+
/**
|
|
71
|
+
* An array to hold all selectedDates' value
|
|
72
|
+
* the value is the day number in current month
|
|
73
|
+
*/
|
|
74
|
+
selectedDates?: Array<number | undefined>;
|
|
75
|
+
firstRowOffset: number;
|
|
76
|
+
/**
|
|
77
|
+
* Callback to invoke when a new date is selected
|
|
78
|
+
*/
|
|
79
|
+
readonly selectedChange: EventEmitter<T | undefined>;
|
|
80
|
+
/**
|
|
81
|
+
* Callback to invoke when any date is selected.
|
|
82
|
+
*/
|
|
83
|
+
readonly userSelection: EventEmitter<void>;
|
|
84
|
+
/** Emits when any date is activated */
|
|
85
|
+
readonly pickerMomentChange: EventEmitter<T>;
|
|
86
|
+
/** The body of calendar table */
|
|
87
|
+
private calendarBodyElm?;
|
|
88
|
+
/** @internal */
|
|
89
|
+
get calendarView(): boolean;
|
|
90
|
+
constructor(cdRef: ChangeDetectorRef, dateTimeAdapter: DateTimeAdapter<T>, dateTimeFormats: DateTimeFormats);
|
|
91
|
+
ngOnInit(): void;
|
|
92
|
+
ngAfterContentInit(): void;
|
|
93
|
+
ngOnDestroy(): void;
|
|
94
|
+
/**
|
|
95
|
+
* Handle a calendarCell selected
|
|
96
|
+
*/
|
|
97
|
+
selectCalendarCell(cell: CalendarCell): void;
|
|
98
|
+
/**
|
|
99
|
+
* Handle a new date selected
|
|
100
|
+
*/
|
|
101
|
+
private selectDate;
|
|
102
|
+
/**
|
|
103
|
+
* Handle keydown event on calendar body
|
|
104
|
+
*/
|
|
105
|
+
handleCalendarKeydown(event: KeyboardEvent): void;
|
|
106
|
+
/**
|
|
107
|
+
* Generate the calendar weekdays array
|
|
108
|
+
*/
|
|
109
|
+
private generateWeekDays;
|
|
110
|
+
/**
|
|
111
|
+
* Generate the calendar days array
|
|
112
|
+
*/
|
|
113
|
+
private generateCalendar;
|
|
114
|
+
/**
|
|
115
|
+
* Creates CalendarCell for days.
|
|
116
|
+
*/
|
|
117
|
+
private createDateCell;
|
|
118
|
+
/**
|
|
119
|
+
* Check if the date is valid
|
|
120
|
+
*/
|
|
121
|
+
private isDateEnabled;
|
|
122
|
+
/**
|
|
123
|
+
* Get a valid date object
|
|
124
|
+
*/
|
|
125
|
+
private getValidDate;
|
|
126
|
+
/**
|
|
127
|
+
* Check if the give dates are defined and in the same month
|
|
128
|
+
*/
|
|
129
|
+
isSameMonth(dateLeft?: T, dateRight?: T): boolean;
|
|
130
|
+
/**
|
|
131
|
+
* Set the selectedDates value.
|
|
132
|
+
* In single mode, it has only one value which represent the selected date
|
|
133
|
+
* In range mode, it would has two values, one for the fromValue and the other for the toValue
|
|
134
|
+
*/
|
|
135
|
+
private setSelectedDates;
|
|
136
|
+
private focusActiveCell;
|
|
137
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MonthViewComponent<any>, never>;
|
|
138
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MonthViewComponent<any>, "nxt-date-time-month-view", never, { "hideOtherMonths": { "alias": "hideOtherMonths"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "selectMode": { "alias": "selectMode"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "selecteds": { "alias": "selecteds"; "required": false; }; "pickerMoment": { "alias": "pickerMoment"; "required": false; }; "dateTimeFilter": { "alias": "dateTimeFilter"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; }, { "selectedChange": "selectedChange"; "userSelection": "userSelection"; "pickerMomentChange": "pickerMomentChange"; }, never, never, false, never>;
|
|
139
|
+
}
|