@ngx-mce/datetime-picker 21.2.6-next.4 → 21.2.6-next.6
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.
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { OnDestroy, AfterViewChecked,
|
|
2
|
+
import { OnDestroy, AfterViewChecked, AfterContentInit, OnChanges, ChangeDetectorRef, SimpleChanges, AfterViewInit, ElementRef, InjectionToken, OnInit, DoCheck, Injector, EventEmitter, FactoryProvider, TemplateRef, InputSignal, Provider } from '@angular/core';
|
|
3
3
|
import { ComponentType, Portal, TemplatePortal } from '@angular/cdk/portal';
|
|
4
|
-
import { DateAdapter, MatDateFormats, ThemePalette, ErrorStateMatcher } from '@angular/material/core';
|
|
5
4
|
import { Observable, Subject } from 'rxjs';
|
|
6
|
-
import
|
|
5
|
+
import * as _angular_material_core from '@angular/material/core';
|
|
6
|
+
import { DateAdapter, ErrorStateMatcher, ThemePalette } from '@angular/material/core';
|
|
7
7
|
import { FocusOrigin } from '@angular/cdk/a11y';
|
|
8
8
|
import { BooleanInput } from '@angular/cdk/coercion';
|
|
9
9
|
import * as _angular_forms from '@angular/forms';
|
|
10
|
-
import { ControlValueAccessor, Validator, ValidatorFn, AbstractControl, ValidationErrors, NgForm, FormGroupDirective,
|
|
10
|
+
import { ControlValueAccessor, Validator, ValidatorFn, AbstractControl, ValidationErrors, NgControl, NgForm, FormGroupDirective, ControlContainer, FormControl } from '@angular/forms';
|
|
11
11
|
import { MatFormFieldControl } from '@angular/material/form-field';
|
|
12
|
+
import { Directionality } from '@angular/cdk/bidi';
|
|
12
13
|
import { ScrollStrategy, Overlay } from '@angular/cdk/overlay';
|
|
13
14
|
import { MatButton } from '@angular/material/button';
|
|
14
15
|
import { MatCalendarView, MatCalendar } from '@angular/material/datepicker';
|
|
@@ -38,8 +39,6 @@ interface NgxMatCalendarUserEvent<D> {
|
|
|
38
39
|
event: Event | null;
|
|
39
40
|
}
|
|
40
41
|
declare class NgxMatCalendarBody<D = any> implements OnDestroy, AfterViewChecked {
|
|
41
|
-
private _elementRef;
|
|
42
|
-
private _ngZone;
|
|
43
42
|
private _platform;
|
|
44
43
|
/**
|
|
45
44
|
* Used to skip the next focus event when rendering the preview range.
|
|
@@ -102,7 +101,9 @@ declare class NgxMatCalendarBody<D = any> implements OnDestroy, AfterViewChecked
|
|
|
102
101
|
/** Width of an individual cell. */
|
|
103
102
|
_cellWidth: _angular_core.Signal<string>;
|
|
104
103
|
private _didDragSinceMouseDown;
|
|
105
|
-
|
|
104
|
+
private _elementRef;
|
|
105
|
+
private _ngZone;
|
|
106
|
+
constructor();
|
|
106
107
|
/** Called when a cell is clicked. */
|
|
107
108
|
_cellClicked(cell: NgxMatCalendarCell, event: MouseEvent): void;
|
|
108
109
|
_emitActiveDateChange(cell: NgxMatCalendarCell, event: FocusEvent): void;
|
|
@@ -209,13 +210,13 @@ interface NgxDateSelectionModelChange<S> {
|
|
|
209
210
|
declare abstract class NgxMatDateSelectionModel<S, D = NgxExtractDateTypeFromSelection<S>> implements OnDestroy {
|
|
210
211
|
/** The current selection. */
|
|
211
212
|
readonly selection: S;
|
|
212
|
-
protected _adapter: DateAdapter<D>;
|
|
213
213
|
private readonly _selectionChanged;
|
|
214
214
|
/** Emits when the selection has changed. */
|
|
215
215
|
selectionChanged: Observable<NgxDateSelectionModelChange<S>>;
|
|
216
|
+
protected _adapter: DateAdapter<any, any>;
|
|
216
217
|
protected constructor(
|
|
217
218
|
/** The current selection. */
|
|
218
|
-
selection: S
|
|
219
|
+
selection: S);
|
|
219
220
|
/**
|
|
220
221
|
* Updates the current selection in the model.
|
|
221
222
|
* @param value New selection that should be assigned.
|
|
@@ -285,65 +286,11 @@ declare class NgxMatDatepickerIntl {
|
|
|
285
286
|
static ɵprov: _angular_core.ɵɵInjectableDeclaration<NgxMatDatepickerIntl>;
|
|
286
287
|
}
|
|
287
288
|
|
|
288
|
-
/** Injection token used to customize the date range selection behavior. */
|
|
289
|
-
declare const NGX_MAT_DATE_RANGE_SELECTION_STRATEGY: InjectionToken<NgxMatDateRangeSelectionStrategy<any>>;
|
|
290
|
-
/** Object that can be provided in order to customize the date range selection behavior. */
|
|
291
|
-
interface NgxMatDateRangeSelectionStrategy<D> {
|
|
292
|
-
/**
|
|
293
|
-
* Called when the user has finished selecting a value.
|
|
294
|
-
* @param date Date that was selected. Will be null if the user cleared the selection.
|
|
295
|
-
* @param currentRange Range that is currently show in the calendar.
|
|
296
|
-
* @param event DOM event that triggered the selection. Currently only corresponds to a `click`
|
|
297
|
-
* event, but it may get expanded in the future.
|
|
298
|
-
*/
|
|
299
|
-
selectionFinished(date: D | null, currentRange: NgxDateRange<D>, event: Event): NgxDateRange<D>;
|
|
300
|
-
/**
|
|
301
|
-
* Called when the user has activated a new date (e.g. by hovering over
|
|
302
|
-
* it or moving focus) and the calendar tries to display a date range.
|
|
303
|
-
*
|
|
304
|
-
* @param activeDate Date that the user has activated. Will be null if the user moved
|
|
305
|
-
* focus to an element that's no a calendar cell.
|
|
306
|
-
* @param currentRange Range that is currently shown in the calendar.
|
|
307
|
-
* @param event DOM event that caused the preview to be changed. Will be either a
|
|
308
|
-
* `mouseenter`/`mouseleave` or `focus`/`blur` depending on how the user is navigating.
|
|
309
|
-
*/
|
|
310
|
-
createPreview(activeDate: D | null, currentRange: NgxDateRange<D>, event: Event): NgxDateRange<D>;
|
|
311
|
-
/**
|
|
312
|
-
* Called when the user has dragged a date in the currently selected range to another
|
|
313
|
-
* date. Returns the date updated range that should result from this interaction.
|
|
314
|
-
*
|
|
315
|
-
* @param dateOrigin The date the user started dragging from.
|
|
316
|
-
* @param originalRange The originally selected date range.
|
|
317
|
-
* @param newDate The currently targeted date in the drag operation.
|
|
318
|
-
* @param event DOM event that triggered the updated drag state. Will be
|
|
319
|
-
* `mouseenter`/`mouseup` or `touchmove`/`touchend` depending on the device type.
|
|
320
|
-
*/
|
|
321
|
-
createDrag?(dragOrigin: D, originalRange: NgxDateRange<D>, newDate: D, event: Event): NgxDateRange<D> | null;
|
|
322
|
-
}
|
|
323
|
-
/** Provides the default date range selection behavior. */
|
|
324
|
-
declare class DefaultNgxMatCalendarRangeStrategy<D> implements NgxMatDateRangeSelectionStrategy<D> {
|
|
325
|
-
private _dateAdapter;
|
|
326
|
-
constructor(_dateAdapter: DateAdapter<D>);
|
|
327
|
-
selectionFinished(date: D, currentRange: NgxDateRange<D>): NgxDateRange<D>;
|
|
328
|
-
createPreview(activeDate: D | null, currentRange: NgxDateRange<D>): NgxDateRange<D>;
|
|
329
|
-
createDrag(dragOrigin: D, originalRange: NgxDateRange<D>, newDate: D): NgxDateRange<D> | null;
|
|
330
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DefaultNgxMatCalendarRangeStrategy<any>, never>;
|
|
331
|
-
static ɵprov: _angular_core.ɵɵInjectableDeclaration<DefaultNgxMatCalendarRangeStrategy<any>>;
|
|
332
|
-
}
|
|
333
|
-
/** @docs-private */
|
|
334
|
-
declare function NGX_MAT_CALENDAR_RANGE_STRATEGY_PROVIDER_FACTORY(parent: NgxMatDateRangeSelectionStrategy<unknown>, adapter: DateAdapter<unknown>): NgxMatDateRangeSelectionStrategy<unknown>;
|
|
335
|
-
declare const NGX_MAT_CALENDAR_RANGE_STRATEGY_PROVIDER: FactoryProvider;
|
|
336
|
-
|
|
337
289
|
/**
|
|
338
290
|
* An internal component used to display a single month in the datepicker.
|
|
339
291
|
* @docs-private
|
|
340
292
|
*/
|
|
341
293
|
declare class NgxMatMonthView<D> implements AfterContentInit, OnChanges, OnDestroy {
|
|
342
|
-
readonly _changeDetectorRef: ChangeDetectorRef;
|
|
343
|
-
private _dateFormats;
|
|
344
|
-
_dateAdapter: DateAdapter<D>;
|
|
345
|
-
private _dir?;
|
|
346
|
-
private _rangeStrategy?;
|
|
347
294
|
private _rerenderSubscription;
|
|
348
295
|
/** Flag used to filter out space/enter keyup events that originated outside of the view. */
|
|
349
296
|
private _selectionKeyPressed;
|
|
@@ -421,7 +368,12 @@ declare class NgxMatMonthView<D> implements AfterContentInit, OnChanges, OnDestr
|
|
|
421
368
|
long: string;
|
|
422
369
|
narrow: string;
|
|
423
370
|
}[] | null;
|
|
424
|
-
|
|
371
|
+
readonly _changeDetectorRef: ChangeDetectorRef;
|
|
372
|
+
private _dateFormats;
|
|
373
|
+
_dateAdapter: DateAdapter<any, any> | null;
|
|
374
|
+
private _dir;
|
|
375
|
+
private _rangeStrategy;
|
|
376
|
+
constructor();
|
|
425
377
|
ngAfterContentInit(): void;
|
|
426
378
|
ngOnChanges(changes: SimpleChanges): void;
|
|
427
379
|
ngOnDestroy(): void;
|
|
@@ -483,7 +435,7 @@ declare class NgxMatMonthView<D> implements AfterContentInit, OnChanges, OnDestr
|
|
|
483
435
|
private _canSelect;
|
|
484
436
|
/** Clears out preview state. */
|
|
485
437
|
private _clearPreview;
|
|
486
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatMonthView<any>,
|
|
438
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatMonthView<any>, never>;
|
|
487
439
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxMatMonthView<any>, "ngx-mat-month-view", ["ngxMatMonthView"], { "activeDate": { "alias": "activeDate"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; "isSignal": true; }; "dateClass": { "alias": "dateClass"; "required": false; "isSignal": true; }; "comparisonStart": { "alias": "comparisonStart"; "required": false; "isSignal": true; }; "comparisonEnd": { "alias": "comparisonEnd"; "required": false; "isSignal": true; }; "startDateAccessibleName": { "alias": "startDateAccessibleName"; "required": false; "isSignal": true; }; "endDateAccessibleName": { "alias": "endDateAccessibleName"; "required": false; "isSignal": true; }; "activeDrag": { "alias": "activeDrag"; "required": false; "isSignal": true; }; }, { "selectedChange": "selectedChange"; "_userSelection": "_userSelection"; "dragStarted": "dragStarted"; "dragEnded": "dragEnded"; "activeDateChange": "activeDateChange"; }, never, never, true, never>;
|
|
488
440
|
}
|
|
489
441
|
|
|
@@ -494,9 +446,6 @@ declare const yearsPerRow = 4;
|
|
|
494
446
|
* @docs-private
|
|
495
447
|
*/
|
|
496
448
|
declare class NgxMatMultiYearView<D> implements AfterContentInit, OnDestroy {
|
|
497
|
-
private _changeDetectorRef;
|
|
498
|
-
_dateAdapter: DateAdapter<D>;
|
|
499
|
-
private _dir?;
|
|
500
449
|
private _rerenderSubscription;
|
|
501
450
|
/** Flag used to filter out space/enter keyup events that originated outside of the view. */
|
|
502
451
|
private _selectionKeyPressed;
|
|
@@ -534,7 +483,10 @@ declare class NgxMatMultiYearView<D> implements AfterContentInit, OnDestroy {
|
|
|
534
483
|
_todayYear: number;
|
|
535
484
|
/** The year of the selected date. Null if the selected date is null. */
|
|
536
485
|
_selectedYear: number | null;
|
|
537
|
-
|
|
486
|
+
private _changeDetectorRef;
|
|
487
|
+
_dateAdapter: DateAdapter<any, any> | null;
|
|
488
|
+
private _dir;
|
|
489
|
+
constructor();
|
|
538
490
|
ngAfterContentInit(): void;
|
|
539
491
|
ngOnDestroy(): void;
|
|
540
492
|
/** Initializes this multi-year view. */
|
|
@@ -574,7 +526,7 @@ declare class NgxMatMultiYearView<D> implements AfterContentInit, OnDestroy {
|
|
|
574
526
|
private _isRtl;
|
|
575
527
|
/** Sets the currently-highlighted year based on a model value. */
|
|
576
528
|
private _setSelectedYear;
|
|
577
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatMultiYearView<any>,
|
|
529
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatMultiYearView<any>, never>;
|
|
578
530
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxMatMultiYearView<any>, "ngx-mat-multi-year-view", ["ngxMatMultiYearView"], { "activeDate": { "alias": "activeDate"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; "isSignal": true; }; "dateClass": { "alias": "dateClass"; "required": false; "isSignal": true; }; }, { "selectedChange": "selectedChange"; "yearSelected": "yearSelected"; "activeDateChange": "activeDateChange"; }, never, never, true, never>;
|
|
579
531
|
}
|
|
580
532
|
declare function isSameMultiYearView<D>(dateAdapter: DateAdapter<D>, date1: D, date2: D, minDate: D | null, maxDate: D | null): boolean;
|
|
@@ -583,17 +535,13 @@ declare function isSameMultiYearView<D>(dateAdapter: DateAdapter<D>, date1: D, d
|
|
|
583
535
|
* So we compute how many years are between the active year and the *slot* where our
|
|
584
536
|
* "startingYear" will render when paged into view.
|
|
585
537
|
*/
|
|
586
|
-
declare function getActiveOffset<D>(dateAdapter: DateAdapter<D
|
|
538
|
+
declare function getActiveOffset<D>(dateAdapter: DateAdapter<D> | null, activeDate: D, minDate: D | null, maxDate: D | null): number;
|
|
587
539
|
|
|
588
540
|
/**
|
|
589
541
|
* An internal component used to display a single year in the datepicker.
|
|
590
542
|
* @docs-private
|
|
591
543
|
*/
|
|
592
544
|
declare class NgxMatYearView<D> implements AfterContentInit, OnDestroy {
|
|
593
|
-
readonly _changeDetectorRef: ChangeDetectorRef;
|
|
594
|
-
private _dateFormats;
|
|
595
|
-
_dateAdapter: DateAdapter<D>;
|
|
596
|
-
private _dir?;
|
|
597
545
|
private _rerenderSubscription;
|
|
598
546
|
/** Flag used to filter out space/enter keyup events that originated outside of the view. */
|
|
599
547
|
private _selectionKeyPressed;
|
|
@@ -636,7 +584,11 @@ declare class NgxMatYearView<D> implements AfterContentInit, OnDestroy {
|
|
|
636
584
|
* Null if the selected Date is in a different year.
|
|
637
585
|
*/
|
|
638
586
|
_selectedMonth: number | null;
|
|
639
|
-
|
|
587
|
+
readonly _changeDetectorRef: ChangeDetectorRef;
|
|
588
|
+
private _dateFormats;
|
|
589
|
+
_dateAdapter: DateAdapter<any, any> | null;
|
|
590
|
+
private _dir;
|
|
591
|
+
constructor();
|
|
640
592
|
ngAfterContentInit(): void;
|
|
641
593
|
ngOnDestroy(): void;
|
|
642
594
|
/** Handles when a new month is selected. */
|
|
@@ -690,7 +642,7 @@ declare class NgxMatYearView<D> implements AfterContentInit, OnDestroy {
|
|
|
690
642
|
private _isRtl;
|
|
691
643
|
/** Sets the currently-selected month based on a model value. */
|
|
692
644
|
private _setSelectedMonth;
|
|
693
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatYearView<any>,
|
|
645
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatYearView<any>, never>;
|
|
694
646
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxMatYearView<any>, "ngx-mat-year-view", ["ngxMatYearView"], { "activeDate": { "alias": "activeDate"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; "isSignal": true; }; "dateClass": { "alias": "dateClass"; "required": false; "isSignal": true; }; }, { "selectedChange": "selectedChange"; "monthSelected": "monthSelected"; "activeDateChange": "activeDateChange"; }, never, never, true, never>;
|
|
695
647
|
}
|
|
696
648
|
|
|
@@ -705,7 +657,8 @@ declare class NgxMatCalendarHeader<D> {
|
|
|
705
657
|
calendar: NgxMatCalendar<D>;
|
|
706
658
|
private _dateAdapter;
|
|
707
659
|
private _dateFormats;
|
|
708
|
-
|
|
660
|
+
changeDetectorRef: ChangeDetectorRef;
|
|
661
|
+
constructor();
|
|
709
662
|
/** The display text for the current calendar view. */
|
|
710
663
|
get periodButtonText(): string;
|
|
711
664
|
/** The aria description for the current calendar view. */
|
|
@@ -736,14 +689,11 @@ declare class NgxMatCalendarHeader<D> {
|
|
|
736
689
|
private _formatMinAndMaxYearLabels;
|
|
737
690
|
private _id;
|
|
738
691
|
_periodButtonLabelId: string;
|
|
739
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatCalendarHeader<any>,
|
|
692
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatCalendarHeader<any>, never>;
|
|
740
693
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxMatCalendarHeader<any>, "ngx-mat-calendar-header", ["ngxMatCalendarHeader"], {}, {}, never, ["*"], true, never>;
|
|
741
694
|
}
|
|
742
695
|
/** A calendar that is used as part of the datepicker. */
|
|
743
696
|
declare class NgxMatCalendar<D> implements AfterContentInit, AfterViewChecked, OnDestroy, OnChanges {
|
|
744
|
-
private _dateAdapter;
|
|
745
|
-
private _dateFormats;
|
|
746
|
-
private _changeDetectorRef;
|
|
747
697
|
/** An input indicating the type of the header component, if set. */
|
|
748
698
|
headerComponent: _angular_core.InputSignal<ComponentType<any> | undefined>;
|
|
749
699
|
/** A portal containing the header component type for this calendar. */
|
|
@@ -825,7 +775,11 @@ declare class NgxMatCalendar<D> implements AfterContentInit, AfterViewChecked, O
|
|
|
825
775
|
* Emits whenever there is a state change that the header may need to respond to.
|
|
826
776
|
*/
|
|
827
777
|
readonly stateChanges: Subject<void>;
|
|
828
|
-
|
|
778
|
+
_intl: NgxMatDatepickerIntl;
|
|
779
|
+
private _dateAdapter;
|
|
780
|
+
private _dateFormats;
|
|
781
|
+
private _changeDetectorRef;
|
|
782
|
+
constructor();
|
|
829
783
|
ngAfterContentInit(): void;
|
|
830
784
|
ngAfterViewChecked(): void;
|
|
831
785
|
ngOnDestroy(): void;
|
|
@@ -851,7 +805,7 @@ declare class NgxMatCalendar<D> implements AfterContentInit, AfterViewChecked, O
|
|
|
851
805
|
_dragEnded(event: NgxMatCalendarUserEvent<NgxDateRange<D> | null>): void;
|
|
852
806
|
/** Returns the component instance that corresponds to the current calendar view. */
|
|
853
807
|
private _getCurrentViewComponent;
|
|
854
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatCalendar<any>,
|
|
808
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatCalendar<any>, never>;
|
|
855
809
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxMatCalendar<any>, "ngx-mat-calendar", ["ngxMatCalendar"], { "headerComponent": { "alias": "headerComponent"; "required": false; "isSignal": true; }; "startAt": { "alias": "startAt"; "required": false; }; "startView": { "alias": "startView"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; "isSignal": true; }; "dateClass": { "alias": "dateClass"; "required": false; "isSignal": true; }; "comparisonStart": { "alias": "comparisonStart"; "required": false; "isSignal": true; }; "comparisonEnd": { "alias": "comparisonEnd"; "required": false; "isSignal": true; }; "startDateAccessibleName": { "alias": "startDateAccessibleName"; "required": false; "isSignal": true; }; "endDateAccessibleName": { "alias": "endDateAccessibleName"; "required": false; "isSignal": true; }; }, { "selectedChange": "selectedChange"; "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; "viewChanged": "viewChanged"; "_userSelection": "_userSelection"; "_userDragDrop": "_userDragDrop"; }, never, never, true, never>;
|
|
856
810
|
}
|
|
857
811
|
|
|
@@ -875,29 +829,13 @@ declare class NgxMatDatepickerInputEvent<D, S = unknown> {
|
|
|
875
829
|
}
|
|
876
830
|
/** Function that can be used to filter out dates from a calendar. */
|
|
877
831
|
type NgxDateFilterFn<D> = (date: D | null) => boolean;
|
|
878
|
-
/**
|
|
879
|
-
* Partial representation of `MatFormField` that is used for backwards-compatibility
|
|
880
|
-
* between the legacy and non-legacy variants.
|
|
881
|
-
*/
|
|
882
|
-
interface _NgxMatFormFieldPartial {
|
|
883
|
-
getConnectedOverlayOrigin(): ElementRef;
|
|
884
|
-
getLabelId(): string | null;
|
|
885
|
-
color: ThemePalette;
|
|
886
|
-
_elementRef: ElementRef;
|
|
887
|
-
_shouldLabelFloat(): boolean;
|
|
888
|
-
_hasFloatingLabel(): boolean;
|
|
889
|
-
_labelId: string;
|
|
890
|
-
}
|
|
891
832
|
/** Base class for datepicker inputs. */
|
|
892
833
|
declare abstract class NgxMatDatepickerInputBase<S, D = NgxExtractDateTypeFromSelection<S>> implements ControlValueAccessor, AfterViewInit, OnChanges, OnDestroy, Validator {
|
|
893
|
-
protected _elementRef: ElementRef<HTMLInputElement>;
|
|
894
|
-
_dateAdapter: DateAdapter<D>;
|
|
895
|
-
private _dateFormats;
|
|
896
834
|
/** Whether the component has been initialized. */
|
|
897
835
|
private _isInitialized;
|
|
898
836
|
/** The value of the input. */
|
|
899
837
|
get value(): D | null;
|
|
900
|
-
set value(value:
|
|
838
|
+
set value(value: D | null);
|
|
901
839
|
protected _model: NgxMatDateSelectionModel<S, D> | undefined;
|
|
902
840
|
/** Whether the datepicker-input is disabled. */
|
|
903
841
|
get disabled(): boolean;
|
|
@@ -950,7 +888,10 @@ declare abstract class NgxMatDatepickerInputBase<S, D = NgxExtractDateTypeFromSe
|
|
|
950
888
|
protected abstract _shouldHandleChangeEvent(event: NgxDateSelectionModelChange<S>): boolean;
|
|
951
889
|
/** Whether the last value set on the input was valid. */
|
|
952
890
|
protected _lastValueValid: boolean;
|
|
953
|
-
|
|
891
|
+
protected _elementRef: ElementRef<any>;
|
|
892
|
+
_dateAdapter: DateAdapter<any, any> | null;
|
|
893
|
+
protected _dateFormats: _angular_material_core.MatDateFormats | null;
|
|
894
|
+
constructor();
|
|
954
895
|
ngAfterViewInit(): void;
|
|
955
896
|
ngOnChanges(changes: SimpleChanges): void;
|
|
956
897
|
ngOnDestroy(): void;
|
|
@@ -982,7 +923,7 @@ declare abstract class NgxMatDatepickerInputBase<S, D = NgxExtractDateTypeFromSe
|
|
|
982
923
|
protected _assignValueProgrammatically(value: D | null): void;
|
|
983
924
|
/** Gets whether a value matches the current date filter. */
|
|
984
925
|
_matchesFilter(value: D | null): boolean;
|
|
985
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatDatepickerInputBase<any, any>,
|
|
926
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatDatepickerInputBase<any, any>, never>;
|
|
986
927
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxMatDatepickerInputBase<any, any>, never, never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "dateChange": "dateChange"; "dateInput": "dateInput"; }, never, never, true, never>;
|
|
987
928
|
}
|
|
988
929
|
|
|
@@ -1006,17 +947,11 @@ interface NgxMatDateRangeInputParent<D> {
|
|
|
1006
947
|
* Used to provide the date range input wrapper component
|
|
1007
948
|
* to the parts without circular dependencies.
|
|
1008
949
|
*/
|
|
1009
|
-
declare const NGX_MAT_DATE_RANGE_INPUT_PARENT: InjectionToken<NgxMatDateRangeInputParent<
|
|
950
|
+
declare const NGX_MAT_DATE_RANGE_INPUT_PARENT: InjectionToken<NgxMatDateRangeInputParent<any>>;
|
|
1010
951
|
/**
|
|
1011
952
|
* Base class for the individual inputs that can be projected inside a `mat-date-range-input`.
|
|
1012
953
|
*/
|
|
1013
954
|
declare abstract class NgxMatDateRangeInputPartBase<D> extends NgxMatDatepickerInputBase<NgxDateRange<D>> implements OnInit, DoCheck {
|
|
1014
|
-
_rangeInput: NgxMatDateRangeInputParent<D>;
|
|
1015
|
-
_elementRef: ElementRef<HTMLInputElement>;
|
|
1016
|
-
_defaultErrorStateMatcher: ErrorStateMatcher;
|
|
1017
|
-
private _injector;
|
|
1018
|
-
_parentForm: NgForm;
|
|
1019
|
-
_parentFormGroup: FormGroupDirective;
|
|
1020
955
|
errorStateMatcher: ErrorStateMatcher | null;
|
|
1021
956
|
/**
|
|
1022
957
|
* Form control bound to this input part.
|
|
@@ -1028,14 +963,19 @@ declare abstract class NgxMatDateRangeInputPartBase<D> extends NgxMatDatepickerI
|
|
|
1028
963
|
protected abstract _assignValueToModel(value: D | null): void;
|
|
1029
964
|
protected abstract _getValueFromModel(modelValue: NgxDateRange<D>): D | null;
|
|
1030
965
|
protected readonly _dir: Directionality | null;
|
|
1031
|
-
|
|
966
|
+
_elementRef: ElementRef<any>;
|
|
967
|
+
_rangeInput: NgxMatDateRangeInputParent<any>;
|
|
968
|
+
_defaultErrorStateMatcher: ErrorStateMatcher;
|
|
969
|
+
protected _injector: Injector;
|
|
970
|
+
_parentForm: NgForm | null;
|
|
971
|
+
_parentFormGroup: FormGroupDirective | null;
|
|
1032
972
|
ngOnInit(): void;
|
|
1033
973
|
ngDoCheck(): void;
|
|
1034
974
|
updateErrorState(): void;
|
|
1035
975
|
/** Gets whether the input is empty. */
|
|
1036
976
|
isEmpty(): boolean;
|
|
1037
977
|
/** Gets the placeholder of the input. */
|
|
1038
|
-
_getPlaceholder():
|
|
978
|
+
_getPlaceholder(): any;
|
|
1039
979
|
/** Focuses the input. */
|
|
1040
980
|
focus(): void;
|
|
1041
981
|
/** Gets the value that should be used when mirroring the input's size. */
|
|
@@ -1045,44 +985,42 @@ declare abstract class NgxMatDateRangeInputPartBase<D> extends NgxMatDatepickerI
|
|
|
1045
985
|
/** Opens the datepicker associated with the input. */
|
|
1046
986
|
protected _openPopup(): void;
|
|
1047
987
|
/** Gets the minimum date from the range input. */
|
|
1048
|
-
_getMinDate():
|
|
988
|
+
_getMinDate(): any;
|
|
1049
989
|
/** Gets the maximum date from the range input. */
|
|
1050
|
-
_getMaxDate():
|
|
990
|
+
_getMaxDate(): any;
|
|
1051
991
|
/** Gets the date filter function from the range input. */
|
|
1052
|
-
protected _getDateFilter(): NgxDateFilterFn<
|
|
992
|
+
protected _getDateFilter(): NgxDateFilterFn<any>;
|
|
1053
993
|
protected _parentDisabled(): boolean;
|
|
1054
994
|
protected _shouldHandleChangeEvent({ source, }: NgxDateSelectionModelChange<NgxDateRange<D>>): boolean;
|
|
1055
995
|
protected _assignValueProgrammatically(value: D | null): void;
|
|
1056
996
|
/** return the ARIA accessible name of the input element */
|
|
1057
997
|
_getAccessibleName(): string;
|
|
1058
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatDateRangeInputPartBase<any>,
|
|
998
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatDateRangeInputPartBase<any>, never>;
|
|
1059
999
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxMatDateRangeInputPartBase<any>, never, never, { "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; }, {}, never, never, true, never>;
|
|
1060
1000
|
}
|
|
1061
1001
|
/** Input for entering the start date in a `mat-date-range-input`. */
|
|
1062
1002
|
declare class NgxMatStartDate<D> extends NgxMatDateRangeInputPartBase<D> {
|
|
1063
1003
|
/** Validator that checks that the start date isn't after the end date. */
|
|
1064
1004
|
private _startValidator;
|
|
1065
|
-
constructor(rangeInput: NgxMatDateRangeInputParent<D>, elementRef: ElementRef<HTMLInputElement>, defaultErrorStateMatcher: ErrorStateMatcher, injector: Injector, parentForm: NgForm, parentFormGroup: FormGroupDirective, dateAdapter: DateAdapter<D>, dateFormats: MatDateFormats);
|
|
1066
1005
|
protected _validator: ValidatorFn | null;
|
|
1067
1006
|
protected _getValueFromModel(modelValue: NgxDateRange<D> | null): D | null;
|
|
1068
1007
|
protected _shouldHandleChangeEvent(change: NgxDateSelectionModelChange<NgxDateRange<D>>): boolean;
|
|
1069
1008
|
protected _assignValueToModel(value: D | null): void;
|
|
1070
1009
|
protected _formatValue(value: D | null): void;
|
|
1071
1010
|
_onKeydown(event: KeyboardEvent): void;
|
|
1072
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatStartDate<any>,
|
|
1011
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatStartDate<any>, never>;
|
|
1073
1012
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxMatStartDate<any>, "input[ngxMatStartDate]", never, { "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; }, { "dateChange": "dateChange"; "dateInput": "dateInput"; }, never, never, true, never>;
|
|
1074
1013
|
}
|
|
1075
1014
|
/** Input for entering the end date in a `mat-date-range-input`. */
|
|
1076
1015
|
declare class NgxMatEndDate<D> extends NgxMatDateRangeInputPartBase<D> {
|
|
1077
1016
|
/** Validator that checks that the end date isn't before the start date. */
|
|
1078
1017
|
private _endValidator;
|
|
1079
|
-
constructor(rangeInput: NgxMatDateRangeInputParent<D>, elementRef: ElementRef<HTMLInputElement>, defaultErrorStateMatcher: ErrorStateMatcher, injector: Injector, parentForm: NgForm, parentFormGroup: FormGroupDirective, dateAdapter: DateAdapter<D>, dateFormats: MatDateFormats);
|
|
1080
1018
|
protected _validator: ValidatorFn | null;
|
|
1081
1019
|
protected _getValueFromModel(modelValue: NgxDateRange<D> | null): D | null;
|
|
1082
1020
|
protected _shouldHandleChangeEvent(change: NgxDateSelectionModelChange<NgxDateRange<D>>): boolean;
|
|
1083
1021
|
protected _assignValueToModel(value: D | null): void;
|
|
1084
1022
|
_onKeydown(event: KeyboardEvent): void;
|
|
1085
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatEndDate<any>,
|
|
1023
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatEndDate<any>, never>;
|
|
1086
1024
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxMatEndDate<any>, "input[ngxMatEndDate]", never, { "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; }, { "dateChange": "dateChange"; "dateInput": "dateInput"; }, never, never, true, never>;
|
|
1087
1025
|
}
|
|
1088
1026
|
|
|
@@ -1108,10 +1046,6 @@ declare const NGX_MAT_DATEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER: {
|
|
|
1108
1046
|
* @docs-private
|
|
1109
1047
|
*/
|
|
1110
1048
|
declare class NgxMatDatepickerContent<S, D = NgxExtractDateTypeFromSelection<S>> implements OnInit, AfterViewInit, OnDestroy {
|
|
1111
|
-
private _changeDetectorRef;
|
|
1112
|
-
private _globalModel;
|
|
1113
|
-
private _dateAdapter;
|
|
1114
|
-
private _rangeSelectionStrategy;
|
|
1115
1049
|
private _subscriptions;
|
|
1116
1050
|
private _model;
|
|
1117
1051
|
/** Reference to the internal calendar component. */
|
|
@@ -1152,7 +1086,12 @@ declare class NgxMatDatepickerContent<S, D = NgxExtractDateTypeFromSelection<S>>
|
|
|
1152
1086
|
get isLeavingClass(): boolean;
|
|
1153
1087
|
get isViewMonth(): boolean;
|
|
1154
1088
|
_modelTime: D | null;
|
|
1155
|
-
|
|
1089
|
+
private _changeDetectorRef;
|
|
1090
|
+
private _globalModel;
|
|
1091
|
+
private _dateAdapter;
|
|
1092
|
+
private _rangeSelectionStrategy;
|
|
1093
|
+
private _intl;
|
|
1094
|
+
constructor();
|
|
1156
1095
|
ngOnInit(): void;
|
|
1157
1096
|
ngAfterViewInit(): void;
|
|
1158
1097
|
ngOnDestroy(): void;
|
|
@@ -1174,7 +1113,7 @@ declare class NgxMatDatepickerContent<S, D = NgxExtractDateTypeFromSelection<S>>
|
|
|
1174
1113
|
* added at a later point.
|
|
1175
1114
|
*/
|
|
1176
1115
|
_assignActions(portal: TemplatePortal<any> | null, forceRerender: boolean): void;
|
|
1177
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatDatepickerContent<any, any>,
|
|
1116
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatDatepickerContent<any, any>, never>;
|
|
1178
1117
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxMatDatepickerContent<any, any>, "ngx-mat-datepicker-content", ["ngxMatDatepickerContent"], { "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
|
|
1179
1118
|
}
|
|
1180
1119
|
/** Form control that can be associated with a datepicker. */
|
|
@@ -1214,13 +1153,6 @@ interface NgxMatDatepickerPanel<C extends NgxMatDatepickerControl<D>, S, D = Ngx
|
|
|
1214
1153
|
}
|
|
1215
1154
|
/** Base class for a datepicker. */
|
|
1216
1155
|
declare abstract class NgxMatDatepickerBase<C extends NgxMatDatepickerControl<D>, S, D = NgxExtractDateTypeFromSelection<S>> implements NgxMatDatepickerPanel<C, S, D>, OnDestroy, OnChanges {
|
|
1217
|
-
private _overlay;
|
|
1218
|
-
private _ngZone;
|
|
1219
|
-
private _viewContainerRef;
|
|
1220
|
-
private _dateAdapter;
|
|
1221
|
-
private _dir;
|
|
1222
|
-
private _model;
|
|
1223
|
-
private _scrollStrategy;
|
|
1224
1156
|
private _inputStateChanges;
|
|
1225
1157
|
private _document;
|
|
1226
1158
|
/** An input indicating the type of the custom header component for the calendar, if set. */
|
|
@@ -1345,7 +1277,14 @@ declare abstract class NgxMatDatepickerBase<C extends NgxMatDatepickerControl<D>
|
|
|
1345
1277
|
datepickerInput: C;
|
|
1346
1278
|
/** Emits when the datepicker's state changes. */
|
|
1347
1279
|
readonly stateChanges: Subject<void>;
|
|
1348
|
-
|
|
1280
|
+
private _overlay;
|
|
1281
|
+
private _ngZone;
|
|
1282
|
+
private _viewContainerRef;
|
|
1283
|
+
private _scrollStrategy;
|
|
1284
|
+
private _dateAdapter;
|
|
1285
|
+
private _dir;
|
|
1286
|
+
private _model;
|
|
1287
|
+
constructor();
|
|
1349
1288
|
ngOnChanges(changes: SimpleChanges): void;
|
|
1350
1289
|
ngOnDestroy(): void;
|
|
1351
1290
|
/** Selects the given date */
|
|
@@ -1393,7 +1332,7 @@ declare abstract class NgxMatDatepickerBase<C extends NgxMatDatepickerControl<D>
|
|
|
1393
1332
|
private _setConnectedPositions;
|
|
1394
1333
|
/** Gets an observable that will emit when the overlay is supposed to be closed. */
|
|
1395
1334
|
private _getCloseStream;
|
|
1396
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatDatepickerBase<any, any, any>,
|
|
1335
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatDatepickerBase<any, any, any>, never>;
|
|
1397
1336
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxMatDatepickerBase<any, any, any>, never, never, { "calendarHeaderComponent": { "alias": "calendarHeaderComponent"; "required": false; "isSignal": true; }; "startAt": { "alias": "startAt"; "required": false; }; "startView": { "alias": "startView"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; }; "touchUi": { "alias": "touchUi"; "required": false; }; "hideTime": { "alias": "hideTime"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "xPosition": { "alias": "xPosition"; "required": false; "isSignal": true; }; "yPosition": { "alias": "yPosition"; "required": false; "isSignal": true; }; "restoreFocus": { "alias": "restoreFocus"; "required": false; }; "dateClass": { "alias": "dateClass"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; }; "opened": { "alias": "opened"; "required": false; }; "showSpinners": { "alias": "showSpinners"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "stepHour": { "alias": "stepHour"; "required": false; }; "stepMinute": { "alias": "stepMinute"; "required": false; }; "stepSecond": { "alias": "stepSecond"; "required": false; }; "enableMeridian": { "alias": "enableMeridian"; "required": false; }; "disableMinute": { "alias": "disableMinute"; "required": false; }; "defaultTime": { "alias": "defaultTime"; "required": false; }; }, { "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; "viewChanged": "viewChanged"; "openedStream": "opened"; "closedStream": "closed"; }, never, never, true, never>;
|
|
1398
1337
|
}
|
|
1399
1338
|
|
|
@@ -1415,10 +1354,6 @@ declare class NgxMatDateRangePicker<D> extends NgxMatDatepickerBase<NgxMatDateRa
|
|
|
1415
1354
|
}
|
|
1416
1355
|
|
|
1417
1356
|
declare class NgxMatDateRangeInput<D> implements MatFormFieldControl<NgxDateRange<D>>, NgxMatDatepickerControl<D>, NgxMatDateRangeInputParent<D>, NgxMatDateRangePickerInput<D>, AfterContentInit, OnChanges, OnDestroy {
|
|
1418
|
-
private _changeDetectorRef;
|
|
1419
|
-
private _elementRef;
|
|
1420
|
-
private _dateAdapter;
|
|
1421
|
-
private _formField?;
|
|
1422
1357
|
private _closedSubscription;
|
|
1423
1358
|
/** Current value of the range input. */
|
|
1424
1359
|
get value(): NgxDateRange<D> | null;
|
|
@@ -1484,7 +1419,12 @@ declare class NgxMatDateRangeInput<D> implements MatFormFieldControl<NgxDateRang
|
|
|
1484
1419
|
ngControl: NgControl | null;
|
|
1485
1420
|
/** Emits when the input's state has changed. */
|
|
1486
1421
|
readonly stateChanges: Subject<void>;
|
|
1487
|
-
|
|
1422
|
+
private _changeDetectorRef;
|
|
1423
|
+
private _elementRef;
|
|
1424
|
+
control: ControlContainer | null;
|
|
1425
|
+
private _dateAdapter;
|
|
1426
|
+
private _formField;
|
|
1427
|
+
constructor();
|
|
1488
1428
|
/**
|
|
1489
1429
|
* Implemented as a part of `MatFormFieldControl`.
|
|
1490
1430
|
* @docs-private
|
|
@@ -1528,10 +1468,58 @@ declare class NgxMatDateRangeInput<D> implements MatFormFieldControl<NgxDateRang
|
|
|
1528
1468
|
private _registerModel;
|
|
1529
1469
|
/** Checks whether a specific range input directive is required. */
|
|
1530
1470
|
private _isTargetRequired;
|
|
1531
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatDateRangeInput<any>,
|
|
1471
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatDateRangeInput<any>, never>;
|
|
1532
1472
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxMatDateRangeInput<any>, "ngx-mat-date-range-input", ["ngxMatDateRangeInput"], { "rangePicker": { "alias": "rangePicker"; "required": false; }; "required": { "alias": "required"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "comparisonStart": { "alias": "comparisonStart"; "required": false; }; "comparisonEnd": { "alias": "comparisonEnd"; "required": false; }; }, {}, ["_startInput", "_endInput"], ["input[matStartDate]", "input[matEndDate]"], true, never>;
|
|
1533
1473
|
}
|
|
1534
1474
|
|
|
1475
|
+
/** Injection token used to customize the date range selection behavior. */
|
|
1476
|
+
declare const NGX_MAT_DATE_RANGE_SELECTION_STRATEGY: InjectionToken<NgxMatDateRangeSelectionStrategy<any>>;
|
|
1477
|
+
/** Object that can be provided in order to customize the date range selection behavior. */
|
|
1478
|
+
interface NgxMatDateRangeSelectionStrategy<D> {
|
|
1479
|
+
/**
|
|
1480
|
+
* Called when the user has finished selecting a value.
|
|
1481
|
+
* @param date Date that was selected. Will be null if the user cleared the selection.
|
|
1482
|
+
* @param currentRange Range that is currently show in the calendar.
|
|
1483
|
+
* @param event DOM event that triggered the selection. Currently only corresponds to a `click`
|
|
1484
|
+
* event, but it may get expanded in the future.
|
|
1485
|
+
*/
|
|
1486
|
+
selectionFinished(date: D | null, currentRange: NgxDateRange<D>, event: Event): NgxDateRange<D>;
|
|
1487
|
+
/**
|
|
1488
|
+
* Called when the user has activated a new date (e.g. by hovering over
|
|
1489
|
+
* it or moving focus) and the calendar tries to display a date range.
|
|
1490
|
+
*
|
|
1491
|
+
* @param activeDate Date that the user has activated. Will be null if the user moved
|
|
1492
|
+
* focus to an element that's no a calendar cell.
|
|
1493
|
+
* @param currentRange Range that is currently shown in the calendar.
|
|
1494
|
+
* @param event DOM event that caused the preview to be changed. Will be either a
|
|
1495
|
+
* `mouseenter`/`mouseleave` or `focus`/`blur` depending on how the user is navigating.
|
|
1496
|
+
*/
|
|
1497
|
+
createPreview(activeDate: D | null, currentRange: NgxDateRange<D>, event: Event): NgxDateRange<D>;
|
|
1498
|
+
/**
|
|
1499
|
+
* Called when the user has dragged a date in the currently selected range to another
|
|
1500
|
+
* date. Returns the date updated range that should result from this interaction.
|
|
1501
|
+
*
|
|
1502
|
+
* @param dateOrigin The date the user started dragging from.
|
|
1503
|
+
* @param originalRange The originally selected date range.
|
|
1504
|
+
* @param newDate The currently targeted date in the drag operation.
|
|
1505
|
+
* @param event DOM event that triggered the updated drag state. Will be
|
|
1506
|
+
* `mouseenter`/`mouseup` or `touchmove`/`touchend` depending on the device type.
|
|
1507
|
+
*/
|
|
1508
|
+
createDrag?(dragOrigin: D, originalRange: NgxDateRange<D>, newDate: D, event: Event): NgxDateRange<D> | null;
|
|
1509
|
+
}
|
|
1510
|
+
/** Provides the default date range selection behavior. */
|
|
1511
|
+
declare class DefaultNgxMatCalendarRangeStrategy<D> implements NgxMatDateRangeSelectionStrategy<D> {
|
|
1512
|
+
private _dateAdapter;
|
|
1513
|
+
selectionFinished(date: D, currentRange: NgxDateRange<D>): NgxDateRange<D>;
|
|
1514
|
+
createPreview(activeDate: D | null, currentRange: NgxDateRange<D>): NgxDateRange<D>;
|
|
1515
|
+
createDrag(dragOrigin: D, originalRange: NgxDateRange<D>, newDate: D): NgxDateRange<D> | null;
|
|
1516
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DefaultNgxMatCalendarRangeStrategy<any>, never>;
|
|
1517
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<DefaultNgxMatCalendarRangeStrategy<any>>;
|
|
1518
|
+
}
|
|
1519
|
+
/** @docs-private */
|
|
1520
|
+
declare function NGX_MAT_CALENDAR_RANGE_STRATEGY_PROVIDER_FACTORY(parent: NgxMatDateRangeSelectionStrategy<unknown>): NgxMatDateRangeSelectionStrategy<unknown>;
|
|
1521
|
+
declare const NGX_MAT_CALENDAR_RANGE_STRATEGY_PROVIDER: FactoryProvider;
|
|
1522
|
+
|
|
1535
1523
|
/** Component responsible for managing the datepicker popup/dialog. */
|
|
1536
1524
|
declare class NgxMatDatetimepicker<D> extends NgxMatDatepickerBase<NgxMatDatepickerControl<D>, D | null, D> {
|
|
1537
1525
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatDatetimepicker<any>, never>;
|
|
@@ -1540,15 +1528,13 @@ declare class NgxMatDatetimepicker<D> extends NgxMatDatepickerBase<NgxMatDatepic
|
|
|
1540
1528
|
|
|
1541
1529
|
/** Button that will close the datepicker and assign the current selection to the data model. */
|
|
1542
1530
|
declare class NgxMatDatepickerApply {
|
|
1543
|
-
readonly _datepicker: NgxMatDatepickerBase<NgxMatDatepickerControl<any>, unknown>;
|
|
1544
|
-
constructor(_datepicker: NgxMatDatepickerBase<NgxMatDatepickerControl<any>, unknown>);
|
|
1531
|
+
readonly _datepicker: NgxMatDatepickerBase<NgxMatDatepickerControl<any>, unknown, {}>;
|
|
1545
1532
|
_applySelection(): void;
|
|
1546
1533
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatDatepickerApply, never>;
|
|
1547
1534
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxMatDatepickerApply, "[ngxMatDatepickerApply], [ngxMatDateRangePickerApply]", never, {}, {}, never, never, true, never>;
|
|
1548
1535
|
}
|
|
1549
1536
|
declare class NgxMatDatepickerClear {
|
|
1550
|
-
readonly _datepicker: NgxMatDatepickerBase<NgxMatDatepickerControl<any>, unknown>;
|
|
1551
|
-
constructor(_datepicker: NgxMatDatepickerBase<NgxMatDatepickerControl<any>, unknown>);
|
|
1537
|
+
readonly _datepicker: NgxMatDatepickerBase<NgxMatDatepickerControl<any>, unknown, {}>;
|
|
1552
1538
|
close: boolean;
|
|
1553
1539
|
_clearSelection(): void;
|
|
1554
1540
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatDatepickerClear, never>;
|
|
@@ -1557,8 +1543,7 @@ declare class NgxMatDatepickerClear {
|
|
|
1557
1543
|
}
|
|
1558
1544
|
/** Button that will close the datepicker and discard the current selection. */
|
|
1559
1545
|
declare class NgxMatDatepickerCancel {
|
|
1560
|
-
readonly _datepicker: NgxMatDatepickerBase<NgxMatDatepickerControl<any>, unknown>;
|
|
1561
|
-
constructor(_datepicker: NgxMatDatepickerBase<NgxMatDatepickerControl<any>, unknown>);
|
|
1546
|
+
readonly _datepicker: NgxMatDatepickerBase<NgxMatDatepickerControl<any>, unknown, {}>;
|
|
1562
1547
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatDatepickerCancel, never>;
|
|
1563
1548
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxMatDatepickerCancel, "[ngxMatDatepickerCancel], [ngxMatDateRangePickerCancel]", never, {}, {}, never, never, true, never>;
|
|
1564
1549
|
}
|
|
@@ -1567,11 +1552,10 @@ declare class NgxMatDatepickerCancel {
|
|
|
1567
1552
|
* to the bottom of a datepicker or date range picker.
|
|
1568
1553
|
*/
|
|
1569
1554
|
declare class NgxMatDatepickerActions implements AfterViewInit, OnDestroy {
|
|
1570
|
-
private _datepicker;
|
|
1571
|
-
private _viewContainerRef;
|
|
1572
1555
|
_template: _angular_core.Signal<TemplateRef<unknown> | undefined>;
|
|
1573
1556
|
private _portal;
|
|
1574
|
-
|
|
1557
|
+
private _datepicker;
|
|
1558
|
+
private _viewContainerRef;
|
|
1575
1559
|
ngAfterViewInit(): void;
|
|
1576
1560
|
ngOnDestroy(): void;
|
|
1577
1561
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatDatepickerActions, never>;
|
|
@@ -1592,7 +1576,6 @@ declare const NGX_MAT_DATEPICKER_VALIDATORS: {
|
|
|
1592
1576
|
};
|
|
1593
1577
|
/** Directive used to connect an input to a MatDatepicker. */
|
|
1594
1578
|
declare class NgxMatDatepickerInput<D> extends NgxMatDatepickerInputBase<D | null, D> implements NgxMatDatepickerControl<D | null>, OnDestroy {
|
|
1595
|
-
private _formField?;
|
|
1596
1579
|
private _closedSubscription;
|
|
1597
1580
|
/** The datepicker that this input is associated with. */
|
|
1598
1581
|
set ngxMatDatetimePicker(datepicker: NgxMatDatepickerPanel<NgxMatDatepickerControl<D>, D | null, D>);
|
|
@@ -1611,7 +1594,8 @@ declare class NgxMatDatepickerInput<D> extends NgxMatDatepickerInputBase<D | nul
|
|
|
1611
1594
|
private _dateFilter;
|
|
1612
1595
|
/** The combined form control validator for this input. */
|
|
1613
1596
|
protected _validator: ValidatorFn | null;
|
|
1614
|
-
|
|
1597
|
+
private _formField;
|
|
1598
|
+
constructor();
|
|
1615
1599
|
/**
|
|
1616
1600
|
* Gets the element that the datepicker popup should be connected to.
|
|
1617
1601
|
* @return The element to connect the popup to.
|
|
@@ -1635,7 +1619,7 @@ declare class NgxMatDatepickerInput<D> extends NgxMatDatepickerInputBase<D | nul
|
|
|
1635
1619
|
/** Gets the input's date filtering function. */
|
|
1636
1620
|
protected _getDateFilter(): NgxDateFilterFn<D | null>;
|
|
1637
1621
|
protected _shouldHandleChangeEvent(event: NgxDateSelectionModelChange<D>): boolean;
|
|
1638
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatDatepickerInput<any>,
|
|
1622
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatDatepickerInput<any>, never>;
|
|
1639
1623
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxMatDatepickerInput<any>, "input[ngxMatDatetimePicker]", ["ngxMatDatepickerInput"], { "ngxMatDatetimePicker": { "alias": "ngxMatDatetimePicker"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "dateFilter": { "alias": "matDatepickerFilter"; "required": false; }; }, {}, never, never, true, never>;
|
|
1640
1624
|
}
|
|
1641
1625
|
|
|
@@ -1645,8 +1629,6 @@ declare class NgxMatDatepickerToggleIcon {
|
|
|
1645
1629
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxMatDatepickerToggleIcon, "[ngxMatDatepickerToggleIcon]", never, {}, {}, never, never, true, never>;
|
|
1646
1630
|
}
|
|
1647
1631
|
declare class NgxMatDatepickerToggle<D> implements AfterContentInit, OnDestroy {
|
|
1648
|
-
_intl: NgxMatDatepickerIntl;
|
|
1649
|
-
private _changeDetectorRef;
|
|
1650
1632
|
private _stateChanges;
|
|
1651
1633
|
/** Datepicker instance that the button will toggle. */
|
|
1652
1634
|
readonly datepicker: _angular_core.InputSignal<NgxMatDatepickerPanel<NgxMatDatepickerControl<any>, D, NgxExtractDateTypeFromSelection<D>> | undefined>;
|
|
@@ -1662,12 +1644,14 @@ declare class NgxMatDatepickerToggle<D> implements AfterContentInit, OnDestroy {
|
|
|
1662
1644
|
disableRipple: _angular_core.InputSignal<boolean | undefined>;
|
|
1663
1645
|
/** Underlying button element. */
|
|
1664
1646
|
_button: _angular_core.Signal<MatButton | undefined>;
|
|
1665
|
-
|
|
1647
|
+
_intl: NgxMatDatepickerIntl;
|
|
1648
|
+
private _changeDetectorRef;
|
|
1649
|
+
constructor(defaultTabIndex: string);
|
|
1666
1650
|
ngOnDestroy(): void;
|
|
1667
1651
|
ngAfterContentInit(): void;
|
|
1668
1652
|
_open(event: Event): void;
|
|
1669
1653
|
private _watchStateChanges;
|
|
1670
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatDatepickerToggle<any>, [
|
|
1654
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatDatepickerToggle<any>, [{ attribute: "tabindex"; }]>;
|
|
1671
1655
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxMatDatepickerToggle<any>, "ngx-mat-datepicker-toggle", ["ngxMatDatepickerToggle"], { "datepicker": { "alias": "for"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; "isSignal": true; }; }, {}, never, ["[ngxMatDatepickerToggleIcon]"], true, never>;
|
|
1672
1656
|
}
|
|
1673
1657
|
|
|
@@ -1705,8 +1689,8 @@ declare class NgxMatTimepickerComponent<D> implements ControlValueAccessor {
|
|
|
1705
1689
|
private get second();
|
|
1706
1690
|
constructor();
|
|
1707
1691
|
writeValue(val: D): void;
|
|
1708
|
-
registerOnChange(fn: (_: any) =>
|
|
1709
|
-
registerOnTouched(fn: () =>
|
|
1692
|
+
registerOnChange(fn: (_: any) => void): void;
|
|
1693
|
+
registerOnTouched(fn: () => void): void;
|
|
1710
1694
|
setDisabledState(isDisabled: boolean): void;
|
|
1711
1695
|
formatInput(input: HTMLInputElement): void;
|
|
1712
1696
|
toggleMeridian(): void;
|
|
@@ -1728,7 +1712,6 @@ declare class NgxMatTimepickerComponent<D> implements ControlValueAccessor {
|
|
|
1728
1712
|
}
|
|
1729
1713
|
|
|
1730
1714
|
interface NgxMatDatetimePickerContentData<D> {
|
|
1731
|
-
datepicker: any;
|
|
1732
1715
|
color?: ThemePalette;
|
|
1733
1716
|
touchUi?: boolean;
|
|
1734
1717
|
hideTime?: boolean;
|
|
@@ -1760,8 +1743,8 @@ declare class NgxMatDatetimePickerContentV2<D> implements OnInit, OnDestroy {
|
|
|
1760
1743
|
ngOnInit(): void;
|
|
1761
1744
|
ngOnDestroy(): void;
|
|
1762
1745
|
onDateSelected(date: D | null): void;
|
|
1763
|
-
onYearSelected(
|
|
1764
|
-
onMonthSelected(
|
|
1746
|
+
onYearSelected(_: D): void;
|
|
1747
|
+
onMonthSelected(_: D): void;
|
|
1765
1748
|
onTimeChanged(time: D | null): void;
|
|
1766
1749
|
onApply(): void;
|
|
1767
1750
|
onCancel(): void;
|
|
@@ -1813,7 +1796,7 @@ declare class NgxMatDatetimePickerV2<D> implements OnDestroy {
|
|
|
1813
1796
|
/** Close the calendar. */
|
|
1814
1797
|
close(): void;
|
|
1815
1798
|
/** Applies the current pending selection on the overlay to the model. */
|
|
1816
|
-
select(
|
|
1799
|
+
select(_: D): void;
|
|
1817
1800
|
/** Get the minimum date from the input. */
|
|
1818
1801
|
_getMinDate(): D | null;
|
|
1819
1802
|
/** Get the maximum date from the input. */
|
|
@@ -1826,8 +1809,8 @@ declare class NgxMatDatetimePickerV2<D> implements OnDestroy {
|
|
|
1826
1809
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxMatDatetimePickerV2<any>, "ngx-mat-datetime-picker", ["ngxMatDatetimePicker"], { "startView": { "alias": "startView"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "touchUi": { "alias": "touchUi"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "hideTime": { "alias": "hideTime"; "required": false; "isSignal": true; }; "showSpinners": { "alias": "showSpinners"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "stepHour": { "alias": "stepHour"; "required": false; "isSignal": true; }; "stepMinute": { "alias": "stepMinute"; "required": false; "isSignal": true; }; "stepSecond": { "alias": "stepSecond"; "required": false; "isSignal": true; }; "enableMeridian": { "alias": "enableMeridian"; "required": false; "isSignal": true; }; "disableMinute": { "alias": "disableMinute"; "required": false; "isSignal": true; }; "defaultTime": { "alias": "defaultTime"; "required": false; "isSignal": true; }; "startAt": { "alias": "startAt"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; }, { "openedStream": "openedStream"; "closedStream": "closedStream"; }, never, never, true, never>;
|
|
1827
1810
|
}
|
|
1828
1811
|
|
|
1829
|
-
declare const NGX_MAT_DATETIME_PICKER_VALUE_ACCESSOR:
|
|
1830
|
-
declare const NGX_MAT_DATETIME_PICKER_VALIDATORS:
|
|
1812
|
+
declare const NGX_MAT_DATETIME_PICKER_VALUE_ACCESSOR: Provider;
|
|
1813
|
+
declare const NGX_MAT_DATETIME_PICKER_VALIDATORS: Provider;
|
|
1831
1814
|
declare class NgxMatDatetimePickerInputV2<D> implements MatFormFieldControl<D>, ControlValueAccessor, OnDestroy, OnInit, Validator, NgxMatDatepickerControl<D> {
|
|
1832
1815
|
readonly _dateAdapter: DateAdapter<any, any> | null;
|
|
1833
1816
|
private readonly _elementRef;
|
|
@@ -1909,7 +1892,7 @@ declare class NgxMatDatetimePickerInputV2<D> implements MatFormFieldControl<D>,
|
|
|
1909
1892
|
_onInput(event: Event): void;
|
|
1910
1893
|
_onChange(): void;
|
|
1911
1894
|
_onBlur(): void;
|
|
1912
|
-
_onClick(
|
|
1895
|
+
_onClick(_: MouseEvent): void;
|
|
1913
1896
|
/** Formats a value and sets it on the input element. */
|
|
1914
1897
|
private _formatValue;
|
|
1915
1898
|
/** Assigns a value to the model. */
|
|
@@ -1918,7 +1901,7 @@ declare class NgxMatDatetimePickerInputV2<D> implements MatFormFieldControl<D>,
|
|
|
1918
1901
|
updateValue(value: D | null): void;
|
|
1919
1902
|
/** Whether the given value is considered valid. */
|
|
1920
1903
|
private _matchesFilter;
|
|
1921
|
-
setDescribedByIds(
|
|
1904
|
+
setDescribedByIds(_: string[]): void;
|
|
1922
1905
|
onContainerClick(): void;
|
|
1923
1906
|
focus(): void;
|
|
1924
1907
|
/** Gets the element that the datepicker popup should be connected to. */
|