cmat 0.0.78 → 0.0.79
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/fesm2022/cmat-components-adapter.mjs +9 -46
- package/fesm2022/cmat-components-adapter.mjs.map +1 -1
- package/fesm2022/cmat-components-breadcrumb.mjs +104 -205
- package/fesm2022/cmat-components-breadcrumb.mjs.map +1 -1
- package/fesm2022/cmat-components-card.mjs +4 -8
- package/fesm2022/cmat-components-card.mjs.map +1 -1
- package/fesm2022/cmat-components-carousel.mjs +12 -12
- package/fesm2022/cmat-components-cascade.mjs +14 -20
- package/fesm2022/cmat-components-cascade.mjs.map +1 -1
- package/fesm2022/cmat-components-chip-input.mjs +21 -21
- package/fesm2022/cmat-components-chip-input.mjs.map +1 -1
- package/fesm2022/cmat-components-code-editor.mjs +4 -22
- package/fesm2022/cmat-components-code-editor.mjs.map +1 -1
- package/fesm2022/cmat-components-custom-formly.mjs +153 -220
- package/fesm2022/cmat-components-custom-formly.mjs.map +1 -1
- package/fesm2022/cmat-components-date-range.mjs +5 -177
- package/fesm2022/cmat-components-date-range.mjs.map +1 -1
- package/fesm2022/cmat-components-date-time-display.mjs +3 -15
- package/fesm2022/cmat-components-date-time-display.mjs.map +1 -1
- package/fesm2022/cmat-components-drawer.mjs +6 -96
- package/fesm2022/cmat-components-drawer.mjs.map +1 -1
- package/fesm2022/cmat-components-empty-state.mjs +4 -25
- package/fesm2022/cmat-components-empty-state.mjs.map +1 -1
- package/fesm2022/cmat-components-file-preview.mjs +3 -21
- package/fesm2022/cmat-components-file-preview.mjs.map +1 -1
- package/fesm2022/cmat-components-filter-toolbar.mjs +7 -50
- package/fesm2022/cmat-components-filter-toolbar.mjs.map +1 -1
- package/fesm2022/cmat-components-form-actions.mjs +3 -9
- package/fesm2022/cmat-components-form-actions.mjs.map +1 -1
- package/fesm2022/cmat-components-fullscreen.mjs +4 -4
- package/fesm2022/cmat-components-fullscreen.mjs.map +1 -1
- package/fesm2022/cmat-components-highlight.mjs +6 -31
- package/fesm2022/cmat-components-highlight.mjs.map +1 -1
- package/fesm2022/cmat-components-image-viewer.mjs +3 -12
- package/fesm2022/cmat-components-image-viewer.mjs.map +1 -1
- package/fesm2022/cmat-components-inline-loading.mjs +3 -12
- package/fesm2022/cmat-components-inline-loading.mjs.map +1 -1
- package/fesm2022/cmat-components-json-editor.mjs +10 -13
- package/fesm2022/cmat-components-json-editor.mjs.map +1 -1
- package/fesm2022/cmat-components-knob-input.mjs +18 -12
- package/fesm2022/cmat-components-knob-input.mjs.map +1 -1
- package/fesm2022/cmat-components-masonry.mjs +3 -9
- package/fesm2022/cmat-components-masonry.mjs.map +1 -1
- package/fesm2022/cmat-components-material-color-picker.mjs +3 -23
- package/fesm2022/cmat-components-material-color-picker.mjs.map +1 -1
- package/fesm2022/cmat-components-material-datetimepicker.mjs +49 -397
- package/fesm2022/cmat-components-material-datetimepicker.mjs.map +1 -1
- package/fesm2022/cmat-components-navigation.mjs +183 -725
- package/fesm2022/cmat-components-navigation.mjs.map +1 -1
- package/fesm2022/cmat-components-opt-input.mjs +7 -10
- package/fesm2022/cmat-components-opt-input.mjs.map +1 -1
- package/fesm2022/cmat-components-org-chart.mjs +11 -11
- package/fesm2022/cmat-components-org-chart.mjs.map +1 -1
- package/fesm2022/cmat-components-page-header.mjs +8 -19
- package/fesm2022/cmat-components-page-header.mjs.map +1 -1
- package/fesm2022/cmat-components-pagination.mjs +96 -93
- package/fesm2022/cmat-components-pagination.mjs.map +1 -1
- package/fesm2022/cmat-components-password-strength.mjs +10 -11
- package/fesm2022/cmat-components-password-strength.mjs.map +1 -1
- package/fesm2022/cmat-components-popover.mjs +15 -149
- package/fesm2022/cmat-components-popover.mjs.map +1 -1
- package/fesm2022/cmat-components-progress-bar.mjs +9 -16
- package/fesm2022/cmat-components-progress-bar.mjs.map +1 -1
- package/fesm2022/cmat-components-qrcode.mjs +5 -11
- package/fesm2022/cmat-components-qrcode.mjs.map +1 -1
- package/fesm2022/cmat-components-rating.mjs +3 -3
- package/fesm2022/cmat-components-rich-text-editor.mjs +4 -25
- package/fesm2022/cmat-components-rich-text-editor.mjs.map +1 -1
- package/fesm2022/cmat-components-select-search.mjs +46 -72
- package/fesm2022/cmat-components-select-search.mjs.map +1 -1
- package/fesm2022/cmat-components-select-table.mjs +193 -150
- package/fesm2022/cmat-components-select-table.mjs.map +1 -1
- package/fesm2022/cmat-components-select-tree.mjs +124 -78
- package/fesm2022/cmat-components-select-tree.mjs.map +1 -1
- package/fesm2022/cmat-components-skeleton.mjs +4 -22
- package/fesm2022/cmat-components-skeleton.mjs.map +1 -1
- package/fesm2022/cmat-components-speed-dial.mjs +9 -11
- package/fesm2022/cmat-components-speed-dial.mjs.map +1 -1
- package/fesm2022/cmat-components-status-tag.mjs +3 -18
- package/fesm2022/cmat-components-status-tag.mjs.map +1 -1
- package/fesm2022/cmat-components-table-toolbar.mjs +3 -15
- package/fesm2022/cmat-components-table-toolbar.mjs.map +1 -1
- package/fesm2022/cmat-components-timeline.mjs +18 -21
- package/fesm2022/cmat-components-timeline.mjs.map +1 -1
- package/fesm2022/cmat-components-toast.mjs +16 -14
- package/fesm2022/cmat-components-toast.mjs.map +1 -1
- package/fesm2022/cmat-components-transfer-picker.mjs +103 -80
- package/fesm2022/cmat-components-transfer-picker.mjs.map +1 -1
- package/fesm2022/cmat-components-treetable.mjs +6 -6
- package/fesm2022/cmat-components-upload.mjs +21 -36
- package/fesm2022/cmat-components-upload.mjs.map +1 -1
- package/fesm2022/cmat-components-x6-angular-shape.mjs +0 -1
- package/fesm2022/cmat-components-x6-angular-shape.mjs.map +1 -1
- package/fesm2022/cmat-directives-animate-on-scroll.mjs +6 -27
- package/fesm2022/cmat-directives-animate-on-scroll.mjs.map +1 -1
- package/fesm2022/cmat-directives-arrow-cursor.mjs +7 -9
- package/fesm2022/cmat-directives-arrow-cursor.mjs.map +1 -1
- package/fesm2022/cmat-directives-autofocus.mjs +3 -3
- package/fesm2022/cmat-directives-data-exporter.mjs +24 -33
- package/fesm2022/cmat-directives-data-exporter.mjs.map +1 -1
- package/fesm2022/cmat-directives-debounce.mjs +14 -17
- package/fesm2022/cmat-directives-debounce.mjs.map +1 -1
- package/fesm2022/cmat-directives-digit-only.mjs +6 -23
- package/fesm2022/cmat-directives-digit-only.mjs.map +1 -1
- package/fesm2022/cmat-directives-equal-validator.mjs +3 -3
- package/fesm2022/cmat-directives-seamless-auto-scroll.mjs +4 -11
- package/fesm2022/cmat-directives-seamless-auto-scroll.mjs.map +1 -1
- package/fesm2022/cmat-lib-mock-api.mjs +6 -43
- package/fesm2022/cmat-lib-mock-api.mjs.map +1 -1
- package/fesm2022/cmat-pipes-bytes.mjs +3 -3
- package/fesm2022/cmat-pipes-date-format.mjs +3 -3
- package/fesm2022/cmat-pipes-find-by-key.mjs +3 -5
- package/fesm2022/cmat-pipes-find-by-key.mjs.map +1 -1
- package/fesm2022/cmat-pipes-group-by.mjs +3 -3
- package/fesm2022/cmat-pipes-keys.mjs +3 -3
- package/fesm2022/cmat-pipes-secure.mjs +8 -12
- package/fesm2022/cmat-pipes-secure.mjs.map +1 -1
- package/fesm2022/cmat-pipes-uppercase.mjs +3 -3
- package/fesm2022/cmat-services-alert.mjs +3 -3
- package/fesm2022/cmat-services-config.mjs +50 -26
- package/fesm2022/cmat-services-config.mjs.map +1 -1
- package/fesm2022/cmat-services-confirmation.mjs +9 -11
- package/fesm2022/cmat-services-confirmation.mjs.map +1 -1
- package/fesm2022/cmat-services-data.mjs +56 -101
- package/fesm2022/cmat-services-data.mjs.map +1 -1
- package/fesm2022/cmat-services-export-as.mjs +4 -32
- package/fesm2022/cmat-services-export-as.mjs.map +1 -1
- package/fesm2022/cmat-services-loading.mjs +49 -40
- package/fesm2022/cmat-services-loading.mjs.map +1 -1
- package/fesm2022/cmat-services-local-storage.mjs +3 -3
- package/fesm2022/cmat-services-media-watcher.mjs +19 -25
- package/fesm2022/cmat-services-media-watcher.mjs.map +1 -1
- package/fesm2022/cmat-services-platform.mjs +3 -10
- package/fesm2022/cmat-services-platform.mjs.map +1 -1
- package/fesm2022/cmat-services-splash-screen.mjs +8 -13
- package/fesm2022/cmat-services-splash-screen.mjs.map +1 -1
- package/fesm2022/cmat-services-title.mjs +8 -12
- package/fesm2022/cmat-services-title.mjs.map +1 -1
- package/fesm2022/cmat-services-translation.mjs +3 -3
- package/fesm2022/cmat-services-utils.mjs +5 -27
- package/fesm2022/cmat-services-utils.mjs.map +1 -1
- package/fesm2022/cmat-validators.mjs +0 -8
- package/fesm2022/cmat-validators.mjs.map +1 -1
- package/fesm2022/cmat.mjs +3159 -3441
- package/fesm2022/cmat.mjs.map +1 -1
- package/package.json +1 -1
- package/tailwind/plugins/helpers.js +1 -10
- package/tailwind/plugins/scrollbar/index.js +0 -1
- package/tailwind/plugins/scrollbar/typedefs.js +1 -7
- package/tailwind/plugins/scrollbar/utilities.js +9 -58
- package/tailwind/plugins/scrollbar/variants.js +2 -17
- package/tailwind/plugins/theming.js +1 -57
- package/tailwind/utils/generate-contrasts.js +1 -12
- package/tailwind/utils/generate-palette.js +1 -32
- package/types/cmat-components-adapter.d.ts +0 -25
- package/types/cmat-components-breadcrumb.d.ts +25 -175
- package/types/cmat-components-carousel.d.ts +0 -18
- package/types/cmat-components-cascade.d.ts +1 -1
- package/types/cmat-components-chip-input.d.ts +4 -3
- package/types/cmat-components-code-editor.d.ts +0 -18
- package/types/cmat-components-custom-formly.d.ts +22 -28
- package/types/cmat-components-date-range.d.ts +0 -71
- package/types/cmat-components-date-time-display.d.ts +0 -15
- package/types/cmat-components-drawer.d.ts +0 -42
- package/types/cmat-components-empty-state.d.ts +0 -21
- package/types/cmat-components-file-preview.d.ts +0 -18
- package/types/cmat-components-filter-toolbar.d.ts +3 -43
- package/types/cmat-components-form-actions.d.ts +0 -6
- package/types/cmat-components-image-viewer.d.ts +0 -12
- package/types/cmat-components-inline-loading.d.ts +0 -9
- package/types/cmat-components-knob-input.d.ts +1 -1
- package/types/cmat-components-material-datetimepicker.d.ts +0 -263
- package/types/cmat-components-navigation.d.ts +24 -164
- package/types/cmat-components-opt-input.d.ts +1 -1
- package/types/cmat-components-page-header.d.ts +2 -16
- package/types/cmat-components-pagination.d.ts +22 -24
- package/types/cmat-components-popover.d.ts +1 -109
- package/types/cmat-components-progress-bar.d.ts +3 -4
- package/types/cmat-components-rich-text-editor.d.ts +0 -21
- package/types/cmat-components-select-search.d.ts +3 -19
- package/types/cmat-components-select-table.d.ts +17 -4
- package/types/cmat-components-select-tree.d.ts +20 -19
- package/types/cmat-components-skeleton.d.ts +0 -18
- package/types/cmat-components-status-tag.d.ts +0 -15
- package/types/cmat-components-table-toolbar.d.ts +0 -12
- package/types/cmat-components-timeline.d.ts +3 -4
- package/types/cmat-components-toast.d.ts +1 -0
- package/types/cmat-components-transfer-picker.d.ts +23 -27
- package/types/cmat-components-upload.d.ts +7 -10
- package/types/cmat-components-x6-angular-shape.d.ts +0 -1
- package/types/cmat-directives-arrow-cursor.d.ts +1 -1
- package/types/cmat-directives-debounce.d.ts +3 -4
- package/types/cmat-pipes-secure.d.ts +3 -4
- package/types/cmat-services-config.d.ts +35 -13
- package/types/cmat-services-data.d.ts +13 -12
- package/types/cmat-services-export-as.d.ts +0 -22
- package/types/cmat-services-loading.d.ts +15 -10
- package/types/cmat-services-media-watcher.d.ts +10 -13
- package/types/cmat-services-splash-screen.d.ts +2 -4
- package/types/cmat-services-title.d.ts +3 -5
- package/types/cmat.d.ts +655 -1308
|
@@ -13,17 +13,11 @@ declare enum CmatDatetimepickerFilterType {
|
|
|
13
13
|
MINUTE = 2
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
/** Possible types for datetimepicker. */
|
|
17
16
|
type CmatDatetimepickerType = 'date' | 'time' | 'month' | 'year' | 'datetime';
|
|
18
|
-
/** Possible views for datetimepicker calendar. */
|
|
19
17
|
type CmatCalendarView = 'clock' | 'month' | 'year' | 'multi-year';
|
|
20
|
-
/** Possible types for AM / PM */
|
|
21
18
|
type CmatAMPM = 'AM' | 'PM';
|
|
22
|
-
/** Possible modes for datetimepicker dropdown display. */
|
|
23
19
|
type CmatDatetimepickerMode = 'auto' | 'portrait' | 'landscape';
|
|
24
|
-
/** Possible positions for the datetimepicker dropdown along the X axis. */
|
|
25
20
|
type DatetimepickerDropdownPositionX = 'start' | 'end';
|
|
26
|
-
/** Possible positions for the datetimepicker dropdown along the Y axis. */
|
|
27
21
|
type DatetimepickerDropdownPositionY = 'above' | 'below';
|
|
28
22
|
type CmatClockView = 'hour' | 'minute';
|
|
29
23
|
|
|
@@ -31,24 +25,17 @@ declare const CLOCK_RADIUS = 50;
|
|
|
31
25
|
declare const CLOCK_INNER_RADIUS = 27.5;
|
|
32
26
|
declare const CLOCK_OUTER_RADIUS = 41.25;
|
|
33
27
|
declare const CLOCK_TICK_RADIUS = 7.0833;
|
|
34
|
-
/**
|
|
35
|
-
* A clock that is used as part of the datepicker.
|
|
36
|
-
*/
|
|
37
28
|
declare class CmatDatetimepickerClockComponent<D> implements AfterContentInit {
|
|
38
29
|
userSelection: EventEmitter<void>;
|
|
39
|
-
/** A function used to filter which dates are selectable. */
|
|
40
30
|
dateFilter: (date: D, type: CmatDatetimepickerFilterType) => boolean;
|
|
41
31
|
interval: number;
|
|
42
32
|
twelvehour: boolean;
|
|
43
|
-
/** Emits when the currently selected date changes. */
|
|
44
33
|
selectedChange: EventEmitter<D>;
|
|
45
34
|
activeDateChange: EventEmitter<D>;
|
|
46
35
|
role: string;
|
|
47
36
|
class: string;
|
|
48
|
-
/** Hours and Minutes representing the clock view. */
|
|
49
37
|
hours: any[];
|
|
50
38
|
minutes: any[];
|
|
51
|
-
/** Whether the clock is in hour view. */
|
|
52
39
|
hourView: boolean;
|
|
53
40
|
selectedHour: number;
|
|
54
41
|
selectedMinute: number;
|
|
@@ -62,58 +49,35 @@ declare class CmatDatetimepickerClockComponent<D> implements AfterContentInit {
|
|
|
62
49
|
private _minDate;
|
|
63
50
|
private _maxDate;
|
|
64
51
|
constructor();
|
|
65
|
-
/**
|
|
66
|
-
* The date to display in this clock view.
|
|
67
|
-
*/
|
|
68
52
|
get activeDate(): D;
|
|
69
53
|
set activeDate(value: D);
|
|
70
|
-
/** The currently selected date. */
|
|
71
54
|
get selected(): D | null;
|
|
72
55
|
set selected(value: D | null);
|
|
73
|
-
/** The minimum selectable date. */
|
|
74
56
|
get minDate(): D | null;
|
|
75
57
|
set minDate(value: D | null);
|
|
76
|
-
/** The maximum selectable date. */
|
|
77
58
|
get maxDate(): D | null;
|
|
78
59
|
set maxDate(value: D | null);
|
|
79
|
-
/** Whether the clock should be started in hour or minute view. */
|
|
80
60
|
set startView(value: CmatClockView);
|
|
81
61
|
get hand(): any;
|
|
82
|
-
/** Handles mousedown events on the clock body. */
|
|
83
62
|
handleMousedown(event: MouseEvent): void;
|
|
84
63
|
ngAfterContentInit(): void;
|
|
85
64
|
handleMousemove(event: any): void;
|
|
86
65
|
handleMouseup(): void;
|
|
87
|
-
/** Initializes this clock view. */
|
|
88
66
|
private _init;
|
|
89
|
-
/**
|
|
90
|
-
* Set Time
|
|
91
|
-
*
|
|
92
|
-
* @param event
|
|
93
|
-
*/
|
|
94
67
|
private _setTime;
|
|
95
68
|
static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerClockComponent<any>, never>;
|
|
96
69
|
static ɵcmp: i0.ɵɵComponentDeclaration<CmatDatetimepickerClockComponent<any>, "cmat-datetimepicker-clock", ["cmatDatetimepickerClock"], { "dateFilter": { "alias": "dateFilter"; "required": false; }; "interval": { "alias": "interval"; "required": false; }; "twelvehour": { "alias": "twelvehour"; "required": false; }; "activeDate": { "alias": "activeDate"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "startView": { "alias": "startView"; "required": false; }; }, { "userSelection": "userSelection"; "selectedChange": "selectedChange"; "activeDateChange": "activeDateChange"; }, never, never, true, never>;
|
|
97
70
|
}
|
|
98
71
|
|
|
99
|
-
/**
|
|
100
|
-
* A calendar that is used as part of the datepicker.
|
|
101
|
-
*/
|
|
102
72
|
declare class CmatDatetimepickerCalendarComponent<D> implements AfterContentInit, OnDestroy {
|
|
103
73
|
userSelection: EventEmitter<void>;
|
|
104
|
-
/** Active multi year view when click on year. */
|
|
105
74
|
multiYearSelector: boolean;
|
|
106
|
-
/** Whether the calendar should be started in month or year view. */
|
|
107
75
|
startView: CmatCalendarView;
|
|
108
76
|
twelvehour: boolean;
|
|
109
77
|
timeInterval: number;
|
|
110
|
-
/** A function used to filter which dates are selectable. */
|
|
111
78
|
dateFilter: (date: D, type: CmatDatetimepickerFilterType) => boolean;
|
|
112
|
-
/** Prevent user to select same date time */
|
|
113
79
|
preventSameDateTimeSelection: boolean;
|
|
114
|
-
/** Emits when the currently selected date changes. */
|
|
115
80
|
selectedChange: EventEmitter<D>;
|
|
116
|
-
/** Emits when the view has been changed. **/
|
|
117
81
|
viewChanged: EventEmitter<CmatCalendarView>;
|
|
118
82
|
class: string;
|
|
119
83
|
label: string;
|
|
@@ -122,7 +86,6 @@ declare class CmatDatetimepickerCalendarComponent<D> implements AfterContentInit
|
|
|
122
86
|
AMPM: CmatAMPM;
|
|
123
87
|
clockView: CmatClockView;
|
|
124
88
|
calendarState: string;
|
|
125
|
-
/** Whether the calendar is in month view. */
|
|
126
89
|
private _elementRef;
|
|
127
90
|
private _intl;
|
|
128
91
|
private _adapter;
|
|
@@ -141,34 +104,20 @@ declare class CmatDatetimepickerCalendarComponent<D> implements AfterContentInit
|
|
|
141
104
|
constructor();
|
|
142
105
|
get type(): CmatDatetimepickerType;
|
|
143
106
|
set type(value: CmatDatetimepickerType);
|
|
144
|
-
/** A date representing the period (month or year) to start the calendar in. */
|
|
145
107
|
get startAt(): D | null;
|
|
146
108
|
set startAt(value: D | null);
|
|
147
|
-
/**
|
|
148
|
-
* Whether the calendar is in time mode. In time mode the calendar clock gets time input elements rather then just clock
|
|
149
|
-
*
|
|
150
|
-
* When touchUi is enabled this will be disabled
|
|
151
|
-
*/
|
|
152
109
|
get timeInput(): boolean;
|
|
153
110
|
set timeInput(value: boolean);
|
|
154
|
-
/** The currently selected date. */
|
|
155
111
|
get selected(): D | null;
|
|
156
112
|
set selected(value: D | null);
|
|
157
|
-
/** The minimum selectable date. */
|
|
158
113
|
get minDate(): D | null;
|
|
159
114
|
set minDate(value: D | null);
|
|
160
|
-
/** The maximum selectable date. */
|
|
161
115
|
get maxDate(): D | null;
|
|
162
116
|
set maxDate(value: D | null);
|
|
163
|
-
/**
|
|
164
|
-
* The current active date. This determines which time period is shown and which date is
|
|
165
|
-
* highlighted when using keyboard navigation.
|
|
166
|
-
*/
|
|
167
117
|
get activeDate(): D;
|
|
168
118
|
set activeDate(value: D);
|
|
169
119
|
get currentView(): CmatCalendarView;
|
|
170
120
|
set currentView(view: CmatCalendarView);
|
|
171
|
-
/** The label for the current calendar view. */
|
|
172
121
|
get yearButtonText(): string;
|
|
173
122
|
get yearPeriodText(): string;
|
|
174
123
|
get yearButtonLabel(): string;
|
|
@@ -181,16 +130,12 @@ declare class CmatDatetimepickerCalendarComponent<D> implements AfterContentInit
|
|
|
181
130
|
get prevButtonLabel(): string;
|
|
182
131
|
get nextButtonLabel(): string;
|
|
183
132
|
handleCalendarBodyKeydown(event: KeyboardEvent): void;
|
|
184
|
-
/** Date filter for the month and year views. */
|
|
185
133
|
dateFilterForViews: (date: D) => boolean;
|
|
186
134
|
userSelected(): void;
|
|
187
135
|
ngAfterContentInit(): void;
|
|
188
136
|
ngOnDestroy(): void;
|
|
189
|
-
/** Handles date selection in the month view. */
|
|
190
137
|
dateSelected(date: D): void;
|
|
191
|
-
/** Handles month selection in the year view. */
|
|
192
138
|
monthSelected(month: D): void;
|
|
193
|
-
/** Handles year selection in the multi year view. */
|
|
194
139
|
yearSelected(year: D): void;
|
|
195
140
|
timeSelected(date: D): void;
|
|
196
141
|
dialTimeSelected(date: D): void;
|
|
@@ -202,35 +147,18 @@ declare class CmatDatetimepickerCalendarComponent<D> implements AfterContentInit
|
|
|
202
147
|
dateClicked(): void;
|
|
203
148
|
hoursClicked(): void;
|
|
204
149
|
minutesClicked(): void;
|
|
205
|
-
/** Handles user clicks on the previous button. */
|
|
206
150
|
previousClicked(): void;
|
|
207
|
-
/** Handles user clicks on the next button. */
|
|
208
151
|
nextClicked(): void;
|
|
209
|
-
/** Whether the previous period button is enabled. */
|
|
210
152
|
previousEnabled(): boolean;
|
|
211
|
-
/** Whether the next period button is enabled. */
|
|
212
153
|
nextEnabled(): boolean;
|
|
213
154
|
focusActiveCell(): void;
|
|
214
155
|
calendarStateDone(event: AnimationEvent): void;
|
|
215
|
-
/** Whether the two dates represent the same view in the current view mode (month or year). */
|
|
216
156
|
private _isSameView;
|
|
217
|
-
/** Handles keydown events on the calendar body when calendar is in month view. */
|
|
218
157
|
private _handleCalendarBodyKeydownInMonthView;
|
|
219
|
-
/** Handles keydown events on the calendar body when calendar is in year view. */
|
|
220
158
|
private _handleCalendarBodyKeydownInYearView;
|
|
221
|
-
/** Handles keydown events on the calendar body when calendar is in multi-year view. */
|
|
222
159
|
private _handleCalendarBodyKeydownInMultiYearView;
|
|
223
|
-
/** Handles keydown events on the calendar body when calendar is in month view. */
|
|
224
160
|
private _handleCalendarBodyKeydownInClockView;
|
|
225
|
-
/**
|
|
226
|
-
* Determine the date for the month that comes before the given month in the same column in the
|
|
227
|
-
* calendar table.
|
|
228
|
-
*/
|
|
229
161
|
private _prevMonthInSameCol;
|
|
230
|
-
/**
|
|
231
|
-
* Determine the date for the month that comes after the given month in the same column in the
|
|
232
|
-
* calendar table.
|
|
233
|
-
*/
|
|
234
162
|
private _nextMonthInSameCol;
|
|
235
163
|
private _changeCalendarState;
|
|
236
164
|
private _2digit;
|
|
@@ -238,9 +166,6 @@ declare class CmatDatetimepickerCalendarComponent<D> implements AfterContentInit
|
|
|
238
166
|
static ɵcmp: i0.ɵɵComponentDeclaration<CmatDatetimepickerCalendarComponent<any>, "cmat-datetimepicker-calendar", ["cmatDatetimepickerCalendar"], { "multiYearSelector": { "alias": "multiYearSelector"; "required": false; }; "startView": { "alias": "startView"; "required": false; }; "twelvehour": { "alias": "twelvehour"; "required": false; }; "timeInterval": { "alias": "timeInterval"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "preventSameDateTimeSelection": { "alias": "preventSameDateTimeSelection"; "required": false; }; "type": { "alias": "type"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "timeInput": { "alias": "timeInput"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; }, { "userSelection": "userSelection"; "selectedChange": "selectedChange"; "viewChanged": "viewChanged"; }, never, never, true, never>;
|
|
239
167
|
}
|
|
240
168
|
|
|
241
|
-
/**
|
|
242
|
-
* An internal class that represents the data corresponding to a single calendar cell.
|
|
243
|
-
*/
|
|
244
169
|
declare class CmatDatetimepickerCalendarCellComponent {
|
|
245
170
|
value: number;
|
|
246
171
|
displayValue: string;
|
|
@@ -248,30 +173,17 @@ declare class CmatDatetimepickerCalendarCellComponent {
|
|
|
248
173
|
enabled: boolean;
|
|
249
174
|
constructor(value: number, displayValue: string, ariaLabel: string, enabled: boolean);
|
|
250
175
|
}
|
|
251
|
-
/**
|
|
252
|
-
* An internal component used to display calendar data in a table.
|
|
253
|
-
*/
|
|
254
176
|
declare class CmatDatetimepickerCalendarBodyComponent {
|
|
255
|
-
/** The label for the table. (e.g. "Jan 2017"). */
|
|
256
177
|
label: string;
|
|
257
|
-
/** The cells to display in the table. */
|
|
258
178
|
rows: CmatDatetimepickerCalendarCellComponent[][];
|
|
259
|
-
/** The value in the table that corresponds to today. */
|
|
260
179
|
todayValue: number | null;
|
|
261
|
-
/** The value in the table that is currently selected. */
|
|
262
180
|
selectedValue: number | null;
|
|
263
|
-
/** The minimum number of free cells needed to fit the label in the first row. */
|
|
264
181
|
labelMinRequiredCells: number;
|
|
265
|
-
/** The number of columns in the table. */
|
|
266
182
|
numCols: number;
|
|
267
|
-
/** Whether to allow selection of disabled cells. */
|
|
268
183
|
allowDisabledSelection: boolean;
|
|
269
|
-
/** The cell number of the active cell in the table. */
|
|
270
184
|
activeCell: number;
|
|
271
|
-
/** Emits when a new value is selected. */
|
|
272
185
|
selectedValueChange: EventEmitter<number>;
|
|
273
186
|
class: string;
|
|
274
|
-
/** The number of blank cells to put at the beginning for the first row. */
|
|
275
187
|
get _firstRowOffset(): number;
|
|
276
188
|
cellClicked(cell: CmatDatetimepickerCalendarCellComponent): void;
|
|
277
189
|
isActiveCell(rowIndex: number, colIndex: number): boolean;
|
|
@@ -281,29 +193,18 @@ declare class CmatDatetimepickerCalendarBodyComponent {
|
|
|
281
193
|
|
|
282
194
|
declare const CMAT_DATETIMEPICKER_VALUE_ACCESSOR: any;
|
|
283
195
|
declare const CMAT_DATETIMEPICKER_VALIDATORS: any;
|
|
284
|
-
/**
|
|
285
|
-
* An event used for datepicker input and change events. We don't always have access to a native
|
|
286
|
-
* input or change event because the event may have been triggered by the user clicking on the
|
|
287
|
-
* calendar popup. For consistency, we always use MatDatepickerInputEvent instead.
|
|
288
|
-
*/
|
|
289
196
|
declare class CmatDatetimepickerInputEvent<D> {
|
|
290
197
|
target: CmatDatetimepickerInputDirective<D>;
|
|
291
198
|
targetElement: HTMLElement;
|
|
292
|
-
/** The new value for the target datepicker input. */
|
|
293
199
|
value: D | null;
|
|
294
200
|
constructor(target: CmatDatetimepickerInputDirective<D>, targetElement: HTMLElement);
|
|
295
201
|
}
|
|
296
|
-
/** Directive used to connect an input to a MatDatepicker. */
|
|
297
202
|
declare class CmatDatetimepickerInputDirective<D> implements AfterContentInit, ControlValueAccessor, OnDestroy, Validator {
|
|
298
|
-
/** Emits when a `change` event is fired on this `<input>`. */
|
|
299
203
|
dateChange: EventEmitter<CmatDatetimepickerInputEvent<D>>;
|
|
300
|
-
/** Emits when an `input` event is fired on this `<input>`. */
|
|
301
204
|
dateInput: EventEmitter<CmatDatetimepickerInputEvent<D>>;
|
|
302
205
|
datetimepicker: CmatDatetimepickerComponent<D>;
|
|
303
206
|
dateFilter: (date: D | null, type: CmatDatetimepickerFilterType) => boolean;
|
|
304
|
-
/** Emits when the value changes (either due to user input or programmatic change). */
|
|
305
207
|
valueChange: EventEmitter<D | null>;
|
|
306
|
-
/** Emits when the disabled state has changed */
|
|
307
208
|
disabledChange: EventEmitter<boolean>;
|
|
308
209
|
private _elementRef;
|
|
309
210
|
private _dateAdapter;
|
|
@@ -311,39 +212,27 @@ declare class CmatDatetimepickerInputDirective<D> implements AfterContentInit, C
|
|
|
311
212
|
private _formField;
|
|
312
213
|
private _datepickerSubscription;
|
|
313
214
|
private _localeSubscription;
|
|
314
|
-
/** Whether the last value set on the input was valid. */
|
|
315
215
|
private _lastValueValid;
|
|
316
216
|
private _value;
|
|
317
217
|
private _min;
|
|
318
218
|
private _max;
|
|
319
219
|
private _disabled;
|
|
320
220
|
constructor();
|
|
321
|
-
/** The datepicker that this input is associated with. */
|
|
322
221
|
set cmatDatetimepicker(value: CmatDatetimepickerComponent<D>);
|
|
323
222
|
set cmatDatepickerFilter(filter: (date: D | null, type: CmatDatetimepickerFilterType) => boolean);
|
|
324
|
-
/** The value of the input. */
|
|
325
223
|
get value(): D | null;
|
|
326
224
|
set value(value: D | null);
|
|
327
|
-
/** The minimum valid date. */
|
|
328
225
|
get min(): D | null;
|
|
329
226
|
set min(value: D | null);
|
|
330
|
-
/** The maximum valid date. */
|
|
331
227
|
get max(): D | null;
|
|
332
228
|
set max(value: D | null);
|
|
333
|
-
/** Whether the datepicker-input is disabled. */
|
|
334
229
|
get disabled(): boolean;
|
|
335
230
|
set disabled(value: any);
|
|
336
231
|
ngAfterContentInit(): void;
|
|
337
232
|
ngOnDestroy(): void;
|
|
338
233
|
registerOnValidatorChange(fn: VoidFunction): void;
|
|
339
234
|
validate(c: AbstractControl): ValidationErrors | null;
|
|
340
|
-
/**
|
|
341
|
-
* Gets the element that the datepicker popup should be connected to.
|
|
342
|
-
*
|
|
343
|
-
* @return The element to connect the popup to.
|
|
344
|
-
*/
|
|
345
235
|
getConnectedOverlayOrigin(): ElementRef;
|
|
346
|
-
/** Gets the ID of an element that should be used a description for the calendar overlay. */
|
|
347
236
|
getOverlayLabelId(): string | null;
|
|
348
237
|
writeValue(value: D): void;
|
|
349
238
|
registerOnChange(fn: (value: any) => void): void;
|
|
@@ -352,9 +241,7 @@ declare class CmatDatetimepickerInputDirective<D> implements AfterContentInit, C
|
|
|
352
241
|
onKeydown(event: KeyboardEvent): void;
|
|
353
242
|
onInput(value: string): void;
|
|
354
243
|
onChange(): void;
|
|
355
|
-
/** Handles blur events on the input. */
|
|
356
244
|
onBlur(): void;
|
|
357
|
-
/** Returns the palette used by the input's form field, if any. */
|
|
358
245
|
getThemePalette(): ThemePalette;
|
|
359
246
|
private _registerDatetimepicker;
|
|
360
247
|
private _getDisplayFormat;
|
|
@@ -362,23 +249,16 @@ declare class CmatDatetimepickerInputDirective<D> implements AfterContentInit, C
|
|
|
362
249
|
private _onTouched;
|
|
363
250
|
private _cvaOnChange;
|
|
364
251
|
private _validatorOnChange;
|
|
365
|
-
/** The form control validator for whether the input parses. */
|
|
366
252
|
private _parseValidator;
|
|
367
|
-
/** The form control validator for the min date. */
|
|
368
253
|
private _minValidator;
|
|
369
|
-
/** The form control validator for the max date. */
|
|
370
254
|
private _maxValidator;
|
|
371
|
-
/** The form control validator for the date filter. */
|
|
372
255
|
private _filterValidator;
|
|
373
|
-
/** The combined form control validator for this input. */
|
|
374
256
|
private _validator;
|
|
375
|
-
/** Formats a value and sets it on the input element. */
|
|
376
257
|
private _formatValue;
|
|
377
258
|
static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerInputDirective<any>, never>;
|
|
378
259
|
static ɵdir: i0.ɵɵDirectiveDeclaration<CmatDatetimepickerInputDirective<any>, "input[cmatDatetimepicker]", ["cmatDatepickerInput"], { "cmatDatetimepicker": { "alias": "cmatDatetimepicker"; "required": false; }; "cmatDatepickerFilter": { "alias": "cmatDatepickerFilter"; "required": false; }; "value": { "alias": "value"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "dateChange": "dateChange"; "dateInput": "dateInput"; }, never, never, true, never>;
|
|
379
260
|
}
|
|
380
261
|
|
|
381
|
-
/** Injection token that determines the scroll handling while the calendar is open. */
|
|
382
262
|
declare const CMAT_DATETIMEPICKER_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
|
|
383
263
|
declare function CMAT_DATETIMEPICKER_SCROLL_STRATEGY_FACTORY(overlay: Overlay): () => ScrollStrategy;
|
|
384
264
|
declare const CMAT_DATETIMEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER: {
|
|
@@ -390,13 +270,9 @@ declare class CmatDatetimepickerContentComponent<D> implements OnInit, AfterCont
|
|
|
390
270
|
_calendar: CmatDatetimepickerCalendarComponent<D>;
|
|
391
271
|
color: ThemePalette;
|
|
392
272
|
datetimepicker: CmatDatetimepickerComponent<D>;
|
|
393
|
-
/** Whether the datetimepicker is above or below the input. */
|
|
394
273
|
isAbove: boolean;
|
|
395
|
-
/** Current state of the animation. */
|
|
396
274
|
animationState: 'enter-dropdown' | 'enter-dialog' | 'leave';
|
|
397
|
-
/** Emits when an animation has finished. */
|
|
398
275
|
readonly animationDone: Subject<void>;
|
|
399
|
-
/** Id of the label for the `role="dialog"` element. */
|
|
400
276
|
dialogLabelId: string | null;
|
|
401
277
|
protected _elementRef: ElementRef<any>;
|
|
402
278
|
private _changeDetectorRef;
|
|
@@ -409,29 +285,18 @@ declare class CmatDatetimepickerContentComponent<D> implements OnInit, AfterCont
|
|
|
409
285
|
static ɵcmp: i0.ɵɵComponentDeclaration<CmatDatetimepickerContentComponent<any>, "cmat-datetimepicker-content", ["cmatDatetimepickerContent"], { "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
|
|
410
286
|
}
|
|
411
287
|
declare class CmatDatetimepickerComponent<D> implements OnDestroy {
|
|
412
|
-
/** The view that the calendar should start in. */
|
|
413
288
|
startView: CmatCalendarView;
|
|
414
289
|
mode: CmatDatetimepickerMode;
|
|
415
290
|
timeInterval: number;
|
|
416
|
-
/** Prevent user to select same date time */
|
|
417
291
|
preventSameDateTimeSelection: boolean;
|
|
418
|
-
/** Preferred position of the datetimepicker in the X axis. */
|
|
419
292
|
xPosition: DatetimepickerDropdownPositionX;
|
|
420
|
-
/** Preferred position of the datetimepicker in the Y axis. */
|
|
421
293
|
yPosition: DatetimepickerDropdownPositionY;
|
|
422
294
|
selectedChanged: EventEmitter<D>;
|
|
423
|
-
/** Emits when the datepicker has been opened. */
|
|
424
295
|
openedStream: EventEmitter<void>;
|
|
425
|
-
/** Emits when the datepicker has been closed. */
|
|
426
296
|
closedStream: EventEmitter<void>;
|
|
427
|
-
/** Emits when the view has been changed. **/
|
|
428
297
|
viewChanged: EventEmitter<CmatCalendarView>;
|
|
429
|
-
/** Whether the calendar is open. */
|
|
430
|
-
/** The id for the datepicker calendar. */
|
|
431
298
|
id: string;
|
|
432
|
-
/** The input element this datepicker is associated with. */
|
|
433
299
|
datetimepickerInput: CmatDatetimepickerInputDirective<D>;
|
|
434
|
-
/** Emits when the datepicker is disabled. */
|
|
435
300
|
disabledChange: Subject<boolean>;
|
|
436
301
|
private _overlay;
|
|
437
302
|
private _injector;
|
|
@@ -441,13 +306,9 @@ declare class CmatDatetimepickerComponent<D> implements OnDestroy {
|
|
|
441
306
|
private _dir;
|
|
442
307
|
private _document;
|
|
443
308
|
private _validSelected;
|
|
444
|
-
/** A reference to the overlay into which we've rendered the calendar. */
|
|
445
309
|
private _overlayRef;
|
|
446
|
-
/** Reference to the component instance rendered in the overlay. */
|
|
447
310
|
private _componentRef;
|
|
448
|
-
/** The element that was focused before the datetimepicker was opened. */
|
|
449
311
|
private _focusedElementBeforeOpen;
|
|
450
|
-
/** Unique class that will be added to the backdrop so that the test harnesses can look it up. */
|
|
451
312
|
private _backdropHarnessClass;
|
|
452
313
|
private _inputStateChanges;
|
|
453
314
|
private _multiYearSelector;
|
|
@@ -462,170 +323,92 @@ declare class CmatDatetimepickerComponent<D> implements OnDestroy {
|
|
|
462
323
|
private _timeInput;
|
|
463
324
|
private _restoreFocus;
|
|
464
325
|
constructor();
|
|
465
|
-
/** Whether to show multi-year view. */
|
|
466
326
|
get multiYearSelector(): boolean;
|
|
467
327
|
set multiYearSelector(value: boolean);
|
|
468
|
-
/** Whether the clock uses 12 hour format. */
|
|
469
328
|
get twelvehour(): boolean;
|
|
470
329
|
set twelvehour(value: boolean);
|
|
471
|
-
/**
|
|
472
|
-
* Classes to be passed to the date picker panel.
|
|
473
|
-
* Supports string and string array values, similar to `ngClass`.
|
|
474
|
-
*/
|
|
475
330
|
get panelClass(): string | string[];
|
|
476
331
|
set panelClass(value: string | string[]);
|
|
477
|
-
/** Whether the calendar is open. */
|
|
478
332
|
get opened(): boolean;
|
|
479
333
|
set opened(value: boolean);
|
|
480
|
-
/** Color palette to use on the datetimepicker's calendar. */
|
|
481
334
|
get color(): ThemePalette;
|
|
482
335
|
set color(value: ThemePalette);
|
|
483
|
-
/** The date to open the calendar to initially. */
|
|
484
336
|
get startAt(): D | null;
|
|
485
337
|
set startAt(date: D | null);
|
|
486
338
|
get type(): CmatDatetimepickerType;
|
|
487
339
|
set type(value: CmatDatetimepickerType);
|
|
488
|
-
/**
|
|
489
|
-
* Whether the calendar is in time mode. In time mode the calendar clock gets time input
|
|
490
|
-
* elements rather then just clock. When `touchUi` is enabled this will be disabled.
|
|
491
|
-
*/
|
|
492
340
|
get timeInput(): boolean;
|
|
493
341
|
set timeInput(value: boolean);
|
|
494
|
-
/**
|
|
495
|
-
* Whether the calendar UI is in touch mode. In touch mode the calendar opens in a dialog rather
|
|
496
|
-
* than a popup and elements have more padding to allow for bigger touch targets.
|
|
497
|
-
*/
|
|
498
342
|
get touchUi(): boolean;
|
|
499
343
|
set touchUi(value: boolean);
|
|
500
|
-
/** Whether the datepicker pop-up should be disabled. */
|
|
501
344
|
get disabled(): boolean;
|
|
502
345
|
set disabled(value: boolean);
|
|
503
|
-
/**
|
|
504
|
-
* Whether to restore focus to the previously-focused element when the panel is closed.
|
|
505
|
-
* Note that automatic focus restoration is an accessibility feature and it is recommended that
|
|
506
|
-
* you provide your own equivalent, if you decide to turn it off.
|
|
507
|
-
*/
|
|
508
346
|
get restoreFocus(): boolean;
|
|
509
347
|
set restoreFocus(value: boolean);
|
|
510
|
-
/** The currently selected date. */
|
|
511
348
|
get selected(): D | null;
|
|
512
349
|
set selected(value: D | null);
|
|
513
|
-
/** The minimum selectable date. */
|
|
514
350
|
get minDate(): D | null;
|
|
515
|
-
/** The maximum selectable date. */
|
|
516
351
|
get maxDate(): D | null;
|
|
517
352
|
get dateFilter(): (date: D | null, type: CmatDatetimepickerFilterType) => boolean;
|
|
518
353
|
ngOnDestroy(): void;
|
|
519
|
-
/**
|
|
520
|
-
* Register an input with this datepicker.
|
|
521
|
-
*
|
|
522
|
-
* @param input The datepicker input to register with this datepicker.
|
|
523
|
-
*/
|
|
524
354
|
registerInput(input: CmatDatetimepickerInputDirective<D>): void;
|
|
525
|
-
/** Open the calendar. */
|
|
526
355
|
open(): void;
|
|
527
|
-
/** Close the calendar. */
|
|
528
356
|
close(): void;
|
|
529
|
-
/** Selects the given date */
|
|
530
357
|
select(date: D): void;
|
|
531
358
|
viewChange(type: CmatCalendarView): void;
|
|
532
|
-
/**
|
|
533
|
-
* relevant values from the datetimepicker to the
|
|
534
|
-
* datetimepicker content inside the overlay.
|
|
535
|
-
*/
|
|
536
359
|
private _forwardContentValues;
|
|
537
|
-
/** Opens the overlay with the calendar. */
|
|
538
360
|
private _openOverlay;
|
|
539
|
-
/** Destroys the current overlay. */
|
|
540
361
|
private _destroyOverlay;
|
|
541
|
-
/** Gets a position strategy that will open the calendar as a dropdown. */
|
|
542
362
|
private _getDialogStrategy;
|
|
543
|
-
/** Gets a position strategy that will open the calendar as a dropdown. */
|
|
544
363
|
private _getDropdownStrategy;
|
|
545
|
-
/**
|
|
546
|
-
* Sets the positions of the datetimepicker in dropdown mode based on the current configuration.
|
|
547
|
-
*/
|
|
548
364
|
private _setConnectedPositions;
|
|
549
|
-
/** Gets an observable that will emit when the overlay is supposed to be closed. */
|
|
550
365
|
private _getCloseStream;
|
|
551
366
|
static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerComponent<any>, never>;
|
|
552
367
|
static ɵcmp: i0.ɵɵComponentDeclaration<CmatDatetimepickerComponent<any>, "cmat-datetimepicker", ["cmatDatetimepicker"], { "startView": { "alias": "startView"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "timeInterval": { "alias": "timeInterval"; "required": false; }; "preventSameDateTimeSelection": { "alias": "preventSameDateTimeSelection"; "required": false; }; "xPosition": { "alias": "xPosition"; "required": false; }; "yPosition": { "alias": "yPosition"; "required": false; }; "multiYearSelector": { "alias": "multiYearSelector"; "required": false; }; "twelvehour": { "alias": "twelvehour"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "opened": { "alias": "opened"; "required": false; }; "color": { "alias": "color"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "type": { "alias": "type"; "required": false; }; "timeInput": { "alias": "timeInput"; "required": false; }; "touchUi": { "alias": "touchUi"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "restoreFocus": { "alias": "restoreFocus"; "required": false; }; }, { "selectedChanged": "selectedChanged"; "openedStream": "openedStream"; "closedStream": "closedStream"; "viewChanged": "viewChanged"; }, never, never, true, never>;
|
|
553
368
|
}
|
|
554
369
|
|
|
555
370
|
declare class CmatDatetimepickerIntl {
|
|
556
|
-
/**
|
|
557
|
-
* Stream to emit from when labels are changed. Use this to notify components when the labels have
|
|
558
|
-
* changed after initialization.
|
|
559
|
-
*/
|
|
560
371
|
readonly changes: Subject<void>;
|
|
561
|
-
/** A label for the calendar popup (used by screen readers). */
|
|
562
372
|
calendarLabel: string;
|
|
563
|
-
/** A label for the button used to open the calendar popup (used by screen readers). */
|
|
564
373
|
openCalendarLabel: string;
|
|
565
|
-
/** Label for the button used to close the calendar popup. */
|
|
566
374
|
closeCalendarLabel: string;
|
|
567
|
-
/** A label for the previous month button (used by screen readers). */
|
|
568
375
|
prevMonthLabel: string;
|
|
569
|
-
/** A label for the next month button (used by screen readers). */
|
|
570
376
|
nextMonthLabel: string;
|
|
571
|
-
/** A label for the previous year button (used by screen readers). */
|
|
572
377
|
prevYearLabel: string;
|
|
573
|
-
/** A label for the next year button (used by screen readers). */
|
|
574
378
|
nextYearLabel: string;
|
|
575
|
-
/** A label for the previous multi-year button (used by screen readers). */
|
|
576
379
|
prevMultiYearLabel: string;
|
|
577
|
-
/** A label for the next multi-year button (used by screen readers). */
|
|
578
380
|
nextMultiYearLabel: string;
|
|
579
|
-
/** A label for the 'switch to month view' button (used by screen readers). */
|
|
580
381
|
switchToMonthViewLabel: string;
|
|
581
|
-
/** A label for the 'switch to year view' button (used by screen readers). */
|
|
582
382
|
switchToYearViewLabel: string;
|
|
583
|
-
/** A label for the 'switch to multi-year view' button (used by screen readers). */
|
|
584
383
|
switchToMultiYearViewLabel: string;
|
|
585
|
-
/** A label for the first date of a range of dates (used by screen readers). */
|
|
586
384
|
startDateLabel: string;
|
|
587
|
-
/** A label for the last date of a range of dates (used by screen readers). */
|
|
588
385
|
endDateLabel: string;
|
|
589
|
-
/** A label for the 'switch to clock hour view' button (used by screen readers). */
|
|
590
386
|
switchToClockHourViewLabel: string;
|
|
591
|
-
/** A label for the 'switch to clock minute view' button (used by screen readers). */
|
|
592
387
|
switchToClockMinuteViewLabel: string;
|
|
593
|
-
/** Label used for ok button within the manual time input. */
|
|
594
388
|
okLabel: string;
|
|
595
|
-
/** Label used for cancel button within the manual time input. */
|
|
596
389
|
cancelLabel: string;
|
|
597
|
-
/** Formats a range of years (used for visuals). */
|
|
598
390
|
formatYearRange(start: string, end: string): string;
|
|
599
|
-
/** Formats a label for a range of years (used by screen readers). */
|
|
600
391
|
formatYearRangeLabel(start: string, end: string): string;
|
|
601
392
|
static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerIntl, never>;
|
|
602
393
|
static ɵprov: i0.ɵɵInjectableDeclaration<CmatDatetimepickerIntl>;
|
|
603
394
|
}
|
|
604
395
|
|
|
605
|
-
/** Can be used to override the icon of a `cmatDatetimepickerToggle`. */
|
|
606
396
|
declare class CmatDatetimepickerToggleIconDirective {
|
|
607
397
|
static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerToggleIconDirective, never>;
|
|
608
398
|
static ɵdir: i0.ɵɵDirectiveDeclaration<CmatDatetimepickerToggleIconDirective, "[cmatDatetimepickerToggleIcon]", never, {}, {}, never, never, true, never>;
|
|
609
399
|
}
|
|
610
400
|
declare class CmatDatetimepickerToggleComponent<D> implements AfterContentInit, OnChanges, OnDestroy {
|
|
611
|
-
/** Datepicker instance that the button will toggle. */
|
|
612
401
|
datetimepicker: CmatDatetimepickerComponent<D>;
|
|
613
|
-
/** Tabindex for the toggle. */
|
|
614
402
|
tabIndex: number;
|
|
615
|
-
/** Screen-reader label for the button. */
|
|
616
403
|
ariaLabel?: string;
|
|
617
|
-
/** Whether ripples on the toggle should be disabled. */
|
|
618
404
|
disableRipple: boolean;
|
|
619
|
-
/** Custom icon set by the consumer. */
|
|
620
405
|
customIcon: CmatDatetimepickerToggleIconDirective;
|
|
621
|
-
/** Underlying button element. */
|
|
622
406
|
button: MatButton;
|
|
623
407
|
class: string;
|
|
624
408
|
protected intl: CmatDatetimepickerIntl;
|
|
625
409
|
private _stateChanges;
|
|
626
410
|
private _disabled;
|
|
627
411
|
private _changeDetectorRef;
|
|
628
|
-
/** Whether the toggle button is disabled. */
|
|
629
412
|
get disabled(): boolean;
|
|
630
413
|
set disabled(value: boolean);
|
|
631
414
|
ngOnChanges(changes: SimpleChanges): void;
|
|
@@ -637,28 +420,15 @@ declare class CmatDatetimepickerToggleComponent<D> implements AfterContentInit,
|
|
|
637
420
|
static ɵcmp: i0.ɵɵComponentDeclaration<CmatDatetimepickerToggleComponent<any>, "cmat-datetimepicker-toggle", ["cmatDatetimepickerToggle"], { "datetimepicker": { "alias": "for"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["customIcon"], ["[cmatDatetimepickerToggleIcon]"], true, never>;
|
|
638
421
|
}
|
|
639
422
|
|
|
640
|
-
/**
|
|
641
|
-
* An internal component used to display a single month in the datepicker.
|
|
642
|
-
*/
|
|
643
423
|
declare class CmatDatetimepickerMonthViewComponent<D> implements AfterContentInit, OnDestroy {
|
|
644
424
|
type: CmatDatetimepickerType;
|
|
645
425
|
userSelection: EventEmitter<void>;
|
|
646
|
-
/** A function used to filter which dates are selectable. */
|
|
647
426
|
dateFilter: (date: D) => boolean;
|
|
648
|
-
/** Emits when a new date is selected. */
|
|
649
427
|
selectedChange: EventEmitter<D>;
|
|
650
|
-
/** Grid of calendar cells representing the dates of the month. */
|
|
651
428
|
weeks: CmatDatetimepickerCalendarCellComponent[][];
|
|
652
|
-
/** The number of blank cells in the first row before the 1st of the month. */
|
|
653
429
|
firstWeekOffset: number;
|
|
654
|
-
/**
|
|
655
|
-
* The date of the month that the currently selected Date falls on.
|
|
656
|
-
* Null if the currently selected Date is in another month.
|
|
657
|
-
*/
|
|
658
430
|
selectedDate: number | null;
|
|
659
|
-
/** The date of the month that today falls on. Null if today is in another month. */
|
|
660
431
|
todayDate: number | null;
|
|
661
|
-
/** The names of the weekdays. */
|
|
662
432
|
weekdays: {
|
|
663
433
|
long: string;
|
|
664
434
|
narrow: string;
|
|
@@ -672,53 +442,30 @@ declare class CmatDatetimepickerMonthViewComponent<D> implements AfterContentIni
|
|
|
672
442
|
private _changeDetectorRef;
|
|
673
443
|
private _calendarAnimationListener;
|
|
674
444
|
constructor();
|
|
675
|
-
/**
|
|
676
|
-
* The date to display in this month view (everything other than the month and year is ignored).
|
|
677
|
-
*/
|
|
678
445
|
get activeDate(): D;
|
|
679
446
|
set activeDate(value: D);
|
|
680
|
-
/** The currently selected date. */
|
|
681
447
|
get selected(): D;
|
|
682
448
|
set selected(value: D);
|
|
683
449
|
ngAfterContentInit(): void;
|
|
684
450
|
ngOnDestroy(): void;
|
|
685
|
-
/** Handles when a new date is selected. */
|
|
686
451
|
dateSelected(date: number): void;
|
|
687
452
|
calendarStateDone(event: AnimationEvent): void;
|
|
688
|
-
/** Initializes this month view. */
|
|
689
453
|
private _init;
|
|
690
|
-
/** Creates MdCalendarCells for the dates in this month. */
|
|
691
454
|
private _createWeekCells;
|
|
692
|
-
/**
|
|
693
|
-
* Gets the date in this month that the given Date falls on.
|
|
694
|
-
* Returns null if the given Date is in another month.
|
|
695
|
-
*/
|
|
696
455
|
private _getDateInCurrentMonth;
|
|
697
456
|
private _changeCalendarState;
|
|
698
457
|
static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerMonthViewComponent<any>, never>;
|
|
699
458
|
static ɵcmp: i0.ɵɵComponentDeclaration<CmatDatetimepickerMonthViewComponent<any>, "cmat-datetimepicker-month-view", ["cmatDatetimepickerMonthView"], { "type": { "alias": "type"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "activeDate": { "alias": "activeDate"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, { "userSelection": "userSelection"; "selectedChange": "selectedChange"; }, never, never, true, never>;
|
|
700
459
|
}
|
|
701
460
|
|
|
702
|
-
/**
|
|
703
|
-
* An internal component used to display a single year in the datepicker.
|
|
704
|
-
*/
|
|
705
461
|
declare class CmatDatetimepickerYearViewComponent<D> implements AfterContentInit, OnDestroy {
|
|
706
462
|
userSelection: EventEmitter<void>;
|
|
707
463
|
type: CmatDatetimepickerType;
|
|
708
|
-
/** A function used to filter which dates are selectable. */
|
|
709
464
|
dateFilter: (date: D) => boolean;
|
|
710
|
-
/** Emits when a new month is selected. */
|
|
711
465
|
selectedChange: EventEmitter<D>;
|
|
712
|
-
/** Grid of calendar cells representing the months of the year. */
|
|
713
466
|
months: CmatDatetimepickerCalendarCellComponent[][];
|
|
714
|
-
/** The label for this year (e.g. "2017"). */
|
|
715
467
|
yearLabel: string;
|
|
716
|
-
/** The month in this year that today falls on. Null if today is in a different year. */
|
|
717
468
|
todayMonth: number | null;
|
|
718
|
-
/**
|
|
719
|
-
* The month in this year that the selected Date falls on.
|
|
720
|
-
* Null if the selected Date is in a different year.
|
|
721
|
-
*/
|
|
722
469
|
selectedMonth: number | null;
|
|
723
470
|
calendarState: string;
|
|
724
471
|
adapter: DatetimeAdapter<D>;
|
|
@@ -729,27 +476,17 @@ declare class CmatDatetimepickerYearViewComponent<D> implements AfterContentInit
|
|
|
729
476
|
private _elementRef;
|
|
730
477
|
private _calendarAnimationListener;
|
|
731
478
|
constructor();
|
|
732
|
-
/** The date to display in this year view (everything other than the year is ignored). */
|
|
733
479
|
get activeDate(): D;
|
|
734
480
|
set activeDate(value: D);
|
|
735
|
-
/** The currently selected date. */
|
|
736
481
|
get selected(): D;
|
|
737
482
|
set selected(value: D);
|
|
738
483
|
ngAfterContentInit(): void;
|
|
739
484
|
ngOnDestroy(): void;
|
|
740
|
-
/** Handles when a new month is selected. */
|
|
741
485
|
monthSelected(month: number): void;
|
|
742
486
|
calendarStateDone(event: AnimationEvent): void;
|
|
743
|
-
/** Initializes this month view. */
|
|
744
487
|
private _init;
|
|
745
|
-
/**
|
|
746
|
-
* Gets the month in this year that the given Date falls on.
|
|
747
|
-
* Returns null if the given Date is in another year.
|
|
748
|
-
*/
|
|
749
488
|
private _getMonthInCurrentYear;
|
|
750
|
-
/** Creates an MdCalendarCell for the given month. */
|
|
751
489
|
private _createCellForMonth;
|
|
752
|
-
/** Whether the given month is enabled. */
|
|
753
490
|
private _isMonthEnabled;
|
|
754
491
|
private _changeCalendarState;
|
|
755
492
|
static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerYearViewComponent<any>, never>;
|