1 | import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
|
2 | import { ControlValueAccessor } from '@angular/forms';
|
3 | import { TranslationWidth } from '@angular/common';
|
4 | import { NgbCalendar } from './ngb-calendar';
|
5 | import { NgbDate } from './ngb-date';
|
6 | import { NgbDatepickerService } from './datepicker-service';
|
7 | import { DatepickerViewModel, DayViewModel, MonthViewModel, NavigationEvent } from './datepicker-view-model';
|
8 | import { DayTemplateContext } from './datepicker-day-template-context';
|
9 | import { NgbDatepickerConfig } from './datepicker-config';
|
10 | import { NgbDateAdapter } from './adapters/ngb-date-adapter';
|
11 | import { NgbDateStruct } from './ngb-date-struct';
|
12 | import { NgbDatepickerI18n } from './datepicker-i18n';
|
13 | import { NgbDatepickerKeyboardService } from './datepicker-keyboard-service';
|
14 | import * as i0 from "@angular/core";
|
15 |
|
16 |
|
17 |
|
18 | export interface NgbDatepickerNavigateEvent {
|
19 | |
20 |
|
21 |
|
22 | current: {
|
23 | year: number;
|
24 | month: number;
|
25 | } | null;
|
26 | |
27 |
|
28 |
|
29 | next: {
|
30 | year: number;
|
31 | month: number;
|
32 | };
|
33 | |
34 |
|
35 |
|
36 |
|
37 |
|
38 | preventDefault: () => void;
|
39 | }
|
40 |
|
41 |
|
42 |
|
43 |
|
44 |
|
45 |
|
46 |
|
47 | export interface NgbDatepickerState {
|
48 | |
49 |
|
50 |
|
51 | readonly minDate: NgbDate | null;
|
52 | |
53 |
|
54 |
|
55 | readonly maxDate: NgbDate | null;
|
56 | |
57 |
|
58 |
|
59 | readonly firstDate: NgbDate;
|
60 | |
61 |
|
62 |
|
63 | readonly lastDate: NgbDate;
|
64 | |
65 |
|
66 |
|
67 | readonly focusedDate: NgbDate;
|
68 | |
69 |
|
70 |
|
71 |
|
72 |
|
73 | readonly months: NgbDate[];
|
74 | }
|
75 |
|
76 |
|
77 |
|
78 |
|
79 |
|
80 | export declare class NgbDatepickerContent {
|
81 | templateRef: TemplateRef<any>;
|
82 | constructor(templateRef: TemplateRef<any>);
|
83 | static ɵfac: i0.ɵɵFactoryDeclaration<NgbDatepickerContent, never>;
|
84 | static ɵdir: i0.ɵɵDirectiveDeclaration<NgbDatepickerContent, "ng-template[ngbDatepickerContent]", never, {}, {}, never, never, false>;
|
85 | }
|
86 |
|
87 |
|
88 |
|
89 |
|
90 |
|
91 | export declare class NgbDatepicker implements AfterViewInit, OnDestroy, OnChanges, OnInit, ControlValueAccessor {
|
92 | private _service;
|
93 | private _calendar;
|
94 | i18n: NgbDatepickerI18n;
|
95 | private _elementRef;
|
96 | private _ngbDateAdapter;
|
97 | private _ngZone;
|
98 | static ngAcceptInputType_autoClose: boolean | string;
|
99 | static ngAcceptInputType_navigation: string;
|
100 | static ngAcceptInputType_outsideDays: string;
|
101 | static ngAcceptInputType_weekdays: boolean | number;
|
102 | model: DatepickerViewModel;
|
103 | private _defaultDayTemplate;
|
104 | private _contentEl;
|
105 | contentTemplate?: NgbDatepickerContent;
|
106 | private _controlValue;
|
107 | private _destroyed$;
|
108 | private _publicState;
|
109 | |
110 |
|
111 |
|
112 |
|
113 |
|
114 |
|
115 |
|
116 | dayTemplate: TemplateRef<DayTemplateContext>;
|
117 | |
118 |
|
119 |
|
120 |
|
121 |
|
122 |
|
123 |
|
124 |
|
125 | dayTemplateData: (date: NgbDate, current?: {
|
126 | year: number;
|
127 | month: number;
|
128 | }) => any;
|
129 | |
130 |
|
131 |
|
132 | displayMonths: number;
|
133 | |
134 |
|
135 |
|
136 |
|
137 |
|
138 | firstDayOfWeek: number;
|
139 | |
140 |
|
141 |
|
142 |
|
143 |
|
144 | footerTemplate: TemplateRef<any>;
|
145 | |
146 |
|
147 |
|
148 |
|
149 |
|
150 |
|
151 |
|
152 | markDisabled: (date: NgbDate, current?: {
|
153 | year: number;
|
154 | month: number;
|
155 | }) => boolean;
|
156 | |
157 |
|
158 |
|
159 |
|
160 |
|
161 | maxDate: NgbDateStruct;
|
162 | |
163 |
|
164 |
|
165 |
|
166 |
|
167 | minDate: NgbDateStruct;
|
168 | |
169 |
|
170 |
|
171 |
|
172 |
|
173 |
|
174 |
|
175 | navigation: 'select' | 'arrows' | 'none';
|
176 | |
177 |
|
178 |
|
179 |
|
180 |
|
181 |
|
182 |
|
183 |
|
184 |
|
185 | outsideDays: 'visible' | 'collapsed' | 'hidden';
|
186 | |
187 |
|
188 |
|
189 | showWeekNumbers: boolean;
|
190 | |
191 |
|
192 |
|
193 |
|
194 |
|
195 |
|
196 |
|
197 |
|
198 | startDate: {
|
199 | year: number;
|
200 | month: number;
|
201 | day?: number;
|
202 | };
|
203 | |
204 |
|
205 |
|
206 |
|
207 |
|
208 |
|
209 |
|
210 |
|
211 |
|
212 | weekdays: TranslationWidth | boolean;
|
213 | |
214 |
|
215 |
|
216 |
|
217 |
|
218 | navigate: EventEmitter<NgbDatepickerNavigateEvent>;
|
219 | |
220 |
|
221 |
|
222 |
|
223 |
|
224 |
|
225 |
|
226 | dateSelect: EventEmitter<NgbDate>;
|
227 | onChange: (_: any) => void;
|
228 | onTouched: () => void;
|
229 | constructor(_service: NgbDatepickerService, _calendar: NgbCalendar, i18n: NgbDatepickerI18n, config: NgbDatepickerConfig, cd: ChangeDetectorRef, _elementRef: ElementRef<HTMLElement>, _ngbDateAdapter: NgbDateAdapter<any>, _ngZone: NgZone);
|
230 | /**
|
231 | * Returns the readonly public state of the datepicker
|
232 | *
|
233 | * @since 5.2.0
|
234 | */
|
235 | get state(): NgbDatepickerState;
|
236 | /**
|
237 | * Returns the calendar service used in the specific datepicker instance.
|
238 | *
|
239 | * @since 5.3.0
|
240 | */
|
241 | get calendar(): NgbCalendar;
|
242 | /**
|
243 | * Focuses on given date.
|
244 | */
|
245 | focusDate(date?: NgbDateStruct | null): void;
|
246 | /**
|
247 | * Selects focused date.
|
248 | */
|
249 | focusSelect(): void;
|
250 | focus(): void;
|
251 | /**
|
252 | * Navigates to the provided date.
|
253 | *
|
254 | * With the default calendar we use ISO 8601: 'month' is 1=Jan ... 12=Dec.
|
255 | * If nothing or invalid date provided calendar will open current month.
|
256 | *
|
257 | * Use the `[startDate]` input as an alternative.
|
258 | */
|
259 | navigateTo(date?: {
|
260 | year: number;
|
261 | month: number;
|
262 | day?: number;
|
263 | }): void;
|
264 | ngAfterViewInit(): void;
|
265 | ngOnDestroy(): void;
|
266 | ngOnInit(): void;
|
267 | ngOnChanges(changes: SimpleChanges): void;
|
268 | onDateSelect(date: NgbDate): void;
|
269 | onNavigateDateSelect(date: NgbDate): void;
|
270 | onNavigateEvent(event: NavigationEvent): void;
|
271 | registerOnChange(fn: (value: any) => any): void;
|
272 | registerOnTouched(fn: () => any): void;
|
273 | setDisabledState(disabled: boolean): void;
|
274 | writeValue(value: any): void;
|
275 | static ɵfac: i0.ɵɵFactoryDeclaration<NgbDatepicker, never>;
|
276 | static ɵcmp: i0.ɵɵComponentDeclaration<NgbDatepicker, "ngb-datepicker", ["ngbDatepicker"], { "dayTemplate": "dayTemplate"; "dayTemplateData": "dayTemplateData"; "displayMonths": "displayMonths"; "firstDayOfWeek": "firstDayOfWeek"; "footerTemplate": "footerTemplate"; "markDisabled": "markDisabled"; "maxDate": "maxDate"; "minDate": "minDate"; "navigation": "navigation"; "outsideDays": "outsideDays"; "showWeekNumbers": "showWeekNumbers"; "startDate": "startDate"; "weekdays": "weekdays"; }, { "navigate": "navigate"; "dateSelect": "dateSelect"; }, ["contentTemplate"], never, false>;
|
277 | }
|
278 |
|
279 |
|
280 |
|
281 |
|
282 |
|
283 |
|
284 |
|
285 |
|
286 | export declare class NgbDatepickerMonth {
|
287 | i18n: NgbDatepickerI18n;
|
288 | datepicker: NgbDatepicker;
|
289 | private _keyboardService;
|
290 | private _service;
|
291 | |
292 |
|
293 |
|
294 |
|
295 |
|
296 |
|
297 | set month(month: NgbDateStruct);
|
298 | viewModel: MonthViewModel;
|
299 | constructor(i18n: NgbDatepickerI18n, datepicker: NgbDatepicker, _keyboardService: NgbDatepickerKeyboardService, _service: NgbDatepickerService);
|
300 | onKeyDown(event: KeyboardEvent): void;
|
301 | doSelect(day: DayViewModel): void;
|
302 | static ɵfac: i0.ɵɵFactoryDeclaration<NgbDatepickerMonth, never>;
|
303 | static ɵcmp: i0.ɵɵComponentDeclaration<NgbDatepickerMonth, "ngb-datepicker-month", never, { "month": "month"; }, {}, never, never, false>;
|
304 | }
|