@ngx-mce/datetime-picker 21.1.1 → 21.2.0-next.2

package/types/ngx-mce-datetime-picker.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { OnDestroy, AfterViewChecked, ElementRef, NgZone, InjectionToken, FactoryProvider, AfterContentInit, OnChanges, ChangeDetectorRef, SimpleChanges, AfterViewInit, OnInit, DoCheck, Injector, EventEmitter, ViewContainerRef, TemplateRef } from '@angular/core';
+import { OnDestroy, AfterViewChecked, ElementRef, NgZone, FactoryProvider, InjectionToken, AfterContentInit, OnChanges, ChangeDetectorRef, SimpleChanges, AfterViewInit, OnInit, DoCheck, Injector, EventEmitter, ViewContainerRef, TemplateRef, InputSignal } from '@angular/core';
 import { ComponentType, Portal, TemplatePortal } from '@angular/cdk/portal';
 import { DateAdapter, MatDateFormats, ThemePalette, ErrorStateMatcher } from '@angular/material/core';
 import { Observable, Subject } from 'rxjs';
@@ -9,8 +9,7 @@ import { BooleanInput } from '@angular/cdk/coercion';
 import * as _angular_forms from '@angular/forms';
 import { ControlValueAccessor, Validator, ValidatorFn, AbstractControl, ValidationErrors, NgForm, FormGroupDirective, NgControl, ControlContainer, FormControl } from '@angular/forms';
 import { MatFormFieldControl } from '@angular/material/form-field';
-import { AnimationEvent } from '@angular/animations';
-import { Overlay, ScrollStrategy } from '@angular/cdk/overlay';
+import { ScrollStrategy, Overlay } from '@angular/cdk/overlay';
 import { MatButton } from '@angular/material/button';
 import { MatCalendarView, MatCalendar } from '@angular/material/datepicker';
 import { MatDialogRef } from '@angular/material/dialog';
@@ -32,13 +31,13 @@ declare class NgxMatCalendarCell<D = any> {
     enabled: boolean;
     cssClasses: NgxMatCalendarCellCssClasses;
     compareValue: number;
-    rawValue?: D;
-    constructor(value: number, displayValue: string, ariaLabel: string, enabled: boolean, cssClasses?: NgxMatCalendarCellCssClasses, compareValue?: number, rawValue?: D);
+    rawValue?: D | undefined;
+    constructor(value: number, displayValue: string, ariaLabel: string, enabled: boolean, cssClasses?: NgxMatCalendarCellCssClasses, compareValue?: number, rawValue?: D | undefined);
 }
 /** Event emitted when a date inside the calendar is triggered as a result of a user action. */
 interface NgxMatCalendarUserEvent<D> {
     value: D;
-    event: Event;
+    event: Event | null;
 }
 declare class NgxMatCalendarBody<D = any> implements OnDestroy, AfterViewChecked {
     private _elementRef;
@@ -54,17 +53,17 @@ declare class NgxMatCalendarBody<D = any> implements OnDestroy, AfterViewChecked
      */
     private _focusActiveCellAfterViewChecked;
     /** The label for the table. (e.g. "Jan 2017"). */
-    label: _angular_core.InputSignal<string>;
+    label: _angular_core.InputSignal<string | undefined>;
     /** The cells to display in the table. */
-    rows: _angular_core.InputSignal<NgxMatCalendarCell<any>[][]>;
+    rows: _angular_core.InputSignal<NgxMatCalendarCell<any>[][] | null | undefined>;
     /** The value in the table that corresponds to today. */
-    todayValue: _angular_core.InputSignal<number>;
+    todayValue: _angular_core.InputSignal<number | undefined>;
     /** Start value of the selected date range. */
-    startValue: _angular_core.InputSignal<number>;
+    startValue: _angular_core.InputSignal<number | undefined>;
     /** End value of the selected date range. */
-    endValue: _angular_core.InputSignal<number>;
+    endValue: _angular_core.InputSignal<number | undefined>;
     /** The minimum number of free cells needed to fit the label in the first row. */
-    labelMinRequiredCells: _angular_core.InputSignal<number>;
+    labelMinRequiredCells: _angular_core.InputSignal<number | undefined>;
     /** The number of columns in the table. */
     numCols: _angular_core.InputSignal<number>;
     /** The cell number of the active cell in the table. */
@@ -78,26 +77,26 @@ declare class NgxMatCalendarBody<D = any> implements OnDestroy, AfterViewChecked
      */
     cellAspectRatio: _angular_core.InputSignal<number>;
     /** Start of the comparison range. */
-    comparisonStart: _angular_core.InputSignal<number>;
+    comparisonStart: _angular_core.InputSignal<number | null | undefined>;
     /** End of the comparison range. */
-    comparisonEnd: _angular_core.InputSignal<number>;
+    comparisonEnd: _angular_core.InputSignal<number | null | undefined>;
     /** Start of the preview range. */
-    previewStart: _angular_core.InputSignal<number>;
+    previewStart: _angular_core.InputSignal<number | null>;
     /** End of the preview range. */
-    previewEnd: _angular_core.InputSignal<number>;
+    previewEnd: _angular_core.InputSignal<number | null>;
     /** ARIA Accessible name of the `<input matStartDate/>` */
-    startDateAccessibleName: _angular_core.InputSignal<string>;
+    startDateAccessibleName: _angular_core.InputSignal<string | null | undefined>;
     /** ARIA Accessible name of the `<input matEndDate/>` */
-    endDateAccessibleName: _angular_core.InputSignal<string>;
+    endDateAccessibleName: _angular_core.InputSignal<string | null | undefined>;
     /** Emits when a new value is selected. */
     readonly selectedValueChange: _angular_core.OutputEmitterRef<NgxMatCalendarUserEvent<number>>;
     /** Emits when the preview has changed as a result of a user action. */
-    readonly previewChange: _angular_core.OutputEmitterRef<NgxMatCalendarUserEvent<NgxMatCalendarCell<any>>>;
+    readonly previewChange: _angular_core.OutputEmitterRef<NgxMatCalendarUserEvent<NgxMatCalendarCell<any> | null>>;
     readonly activeDateChange: _angular_core.OutputEmitterRef<NgxMatCalendarUserEvent<number>>;
     /** Emits the date at the possible start of a drag event. */
     readonly dragStarted: _angular_core.OutputEmitterRef<NgxMatCalendarUserEvent<D>>;
     /** Emits the date at the conclusion of a drag, or null if mouse was not released on a date. */
-    readonly dragEnded: _angular_core.OutputEmitterRef<NgxMatCalendarUserEvent<D>>;
+    readonly dragEnded: _angular_core.OutputEmitterRef<NgxMatCalendarUserEvent<D | null>>;
     /** The number of blank cells to put at the beginning for the first row. */
     _firstRowOffset: _angular_core.Signal<number>;
     /** Padding for the individual date cells. */
@@ -199,11 +198,11 @@ type NgxExtractDateTypeFromSelection<T> = T extends NgxDateRange<infer D> ? D :
  */
 interface NgxDateSelectionModelChange<S> {
     /** New value for the selection. */
-    selection: S;
+    selection: S | null;
     /** Object that triggered the change. */
     source: unknown;
     /** Previous value */
-    oldValue?: S;
+    oldValue?: S | null;
 }
 /**
  * A selection model containing a date selection.
@@ -224,7 +223,7 @@ declare abstract class NgxMatDateSelectionModel<S, D = NgxExtractDateTypeFromSel
      * @param value New selection that should be assigned.
      * @param source Object that triggered the selection change.
      */
-    updateSelection(value: S, source: unknown): void;
+    updateSelection(value: S | null, source: unknown): void;
     ngOnDestroy(): void;
     protected _isValidDateInstance(date: D): boolean;
     /** Adds a date to the current selection. */
@@ -329,7 +328,7 @@ declare class DefaultNgxMatCalendarRangeStrategy<D> implements NgxMatDateRangeSe
     constructor(_dateAdapter: DateAdapter<D>);
     selectionFinished(date: D, currentRange: NgxDateRange<D>): NgxDateRange<D>;
     createPreview(activeDate: D | null, currentRange: NgxDateRange<D>): NgxDateRange<D>;
-    createDrag(dragOrigin: D, originalRange: NgxDateRange<D>, newDate: D): NgxDateRange<D>;
+    createDrag(dragOrigin: D, originalRange: NgxDateRange<D>, newDate: D): NgxDateRange<D> | null;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DefaultNgxMatCalendarRangeStrategy<any>, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<DefaultNgxMatCalendarRangeStrategy<any>>;
 }
@@ -369,38 +368,38 @@ declare class NgxMatMonthView<D> implements AfterContentInit, OnChanges, OnDestr
     set maxDate(value: D | null);
     private _maxDate;
     /** Function used to filter which dates are selectable. */
-    dateFilter: _angular_core.InputSignal<(date: D) => boolean>;
+    dateFilter: _angular_core.InputSignal<((date: D) => boolean) | undefined>;
     /** Function that can be used to add custom CSS classes to dates. */
-    dateClass: _angular_core.InputSignal<NgxMatCalendarCellClassFunction<D>>;
+    dateClass: _angular_core.InputSignal<NgxMatCalendarCellClassFunction<D> | undefined>;
     /** Start of the comparison range. */
-    comparisonStart: _angular_core.InputSignal<D>;
+    comparisonStart: _angular_core.InputSignal<D | null | undefined>;
     /** End of the comparison range. */
-    comparisonEnd: _angular_core.InputSignal<D>;
+    comparisonEnd: _angular_core.InputSignal<D | null | undefined>;
     /** ARIA Accessible name of the `<input matStartDate/>` */
-    startDateAccessibleName: _angular_core.InputSignal<string>;
+    startDateAccessibleName: _angular_core.InputSignal<string | null | undefined>;
     /** ARIA Accessible name of the `<input matEndDate/>` */
-    endDateAccessibleName: _angular_core.InputSignal<string>;
+    endDateAccessibleName: _angular_core.InputSignal<string | null | undefined>;
     /** Origin of active drag, or null when dragging is not active. */
-    activeDrag: _angular_core.InputSignal<NgxMatCalendarUserEvent<D>>;
+    activeDrag: _angular_core.InputSignal<NgxMatCalendarUserEvent<D> | null>;
     /** Emits when a new date is selected. */
-    readonly selectedChange: _angular_core.OutputEmitterRef<D>;
+    readonly selectedChange: _angular_core.OutputEmitterRef<D | null>;
     /** Emits when any date is selected. */
-    readonly _userSelection: _angular_core.OutputEmitterRef<NgxMatCalendarUserEvent<D>>;
+    readonly _userSelection: _angular_core.OutputEmitterRef<NgxMatCalendarUserEvent<D | null>>;
     /** Emits when the user initiates a date range drag via mouse or touch. */
     readonly dragStarted: _angular_core.OutputEmitterRef<NgxMatCalendarUserEvent<D>>;
     /**
      * Emits when the user completes or cancels a date range drag.
      * Emits null when the drag was canceled or the newly selected date range if completed.
      */
-    readonly dragEnded: _angular_core.OutputEmitterRef<NgxMatCalendarUserEvent<NgxDateRange<D>>>;
+    readonly dragEnded: _angular_core.OutputEmitterRef<NgxMatCalendarUserEvent<NgxDateRange<D> | null>>;
     /** Emits when any date is activated. */
     readonly activeDateChange: _angular_core.OutputEmitterRef<D>;
     /** The body of calendar table */
-    _matCalendarBody: _angular_core.Signal<NgxMatCalendarBody<any>>;
+    _matCalendarBody: _angular_core.Signal<NgxMatCalendarBody<any> | undefined>;
     /** The label for this month (e.g. "January 2017"). */
     _monthLabel: string;
     /** Grid of calendar cells representing the dates of the month. */
-    _weeks: NgxMatCalendarCell[][];
+    _weeks: NgxMatCalendarCell[][] | null;
     /** The number of blank cells in the first row before the 1st of the month. */
     _firstWeekOffset: number;
     /** Start value of the currently-shown date range. */
@@ -423,8 +422,8 @@ declare class NgxMatMonthView<D> implements AfterContentInit, OnChanges, OnDestr
     _weekdays: {
         long: string;
         narrow: string;
-    }[];
-    constructor(_changeDetectorRef: ChangeDetectorRef, _dateFormats: MatDateFormats, _dateAdapter: DateAdapter<D>, _dir?: Directionality, _rangeStrategy?: NgxMatDateRangeSelectionStrategy<D>);
+    }[] | null;
+    constructor(_changeDetectorRef: ChangeDetectorRef, _dateFormats: MatDateFormats, _dateAdapter: DateAdapter<D>, _dir?: Directionality | undefined, _rangeStrategy?: NgxMatDateRangeSelectionStrategy<D> | undefined);
     ngAfterContentInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
@@ -520,9 +519,9 @@ declare class NgxMatMultiYearView<D> implements AfterContentInit, OnDestroy {
     set maxDate(value: D | null);
     private _maxDate;
     /** A function used to filter which dates are selectable. */
-    dateFilter: _angular_core.InputSignal<(date: D) => boolean>;
+    dateFilter: _angular_core.InputSignal<((date: D) => boolean) | undefined>;
     /** Function that can be used to add custom CSS classes to date cells. */
-    dateClass: _angular_core.InputSignal<NgxMatCalendarCellClassFunction<D>>;
+    dateClass: _angular_core.InputSignal<NgxMatCalendarCellClassFunction<D> | undefined>;
     /** Emits when a new year is selected. */
     readonly selectedChange: _angular_core.OutputEmitterRef<D>;
     /** Emits the selected year. This doesn't imply a change on the selected date */
@@ -530,14 +529,14 @@ declare class NgxMatMultiYearView<D> implements AfterContentInit, OnDestroy {
     /** Emits when any date is activated. */
     readonly activeDateChange: _angular_core.OutputEmitterRef<D>;
     /** The body of calendar table */
-    _matCalendarBody: _angular_core.Signal<NgxMatCalendarBody<any>>;
+    _matCalendarBody: _angular_core.Signal<NgxMatCalendarBody<any> | undefined>;
     /** Grid of calendar cells representing the currently displayed years. */
-    _years: NgxMatCalendarCell[][];
+    _years: NgxMatCalendarCell[][] | null;
     /** The year that today falls on. */
     _todayYear: number;
     /** The year of the selected date. Null if the selected date is null. */
     _selectedYear: number | null;
-    constructor(_changeDetectorRef: ChangeDetectorRef, _dateAdapter: DateAdapter<D>, _dir?: Directionality);
+    constructor(_changeDetectorRef: ChangeDetectorRef, _dateAdapter: DateAdapter<D>, _dir?: Directionality | undefined);
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
     /** Initializes this multi-year view. */
@@ -617,9 +616,9 @@ declare class NgxMatYearView<D> implements AfterContentInit, OnDestroy {
     set maxDate(value: D | null);
     private _maxDate;
     /** A function used to filter which dates are selectable. */
-    dateFilter: _angular_core.InputSignal<(date: D) => boolean>;
+    dateFilter: _angular_core.InputSignal<((date: D) => boolean) | undefined>;
     /** Function that can be used to add custom CSS classes to date cells. */
-    dateClass: _angular_core.InputSignal<NgxMatCalendarCellClassFunction<D>>;
+    dateClass: _angular_core.InputSignal<NgxMatCalendarCellClassFunction<D> | undefined>;
     /** Emits when a new month is selected. */
     readonly selectedChange: _angular_core.OutputEmitterRef<D>;
     /** Emits the selected month. This doesn't imply a change on the selected date */
@@ -627,9 +626,9 @@ declare class NgxMatYearView<D> implements AfterContentInit, OnDestroy {
     /** Emits when any date is activated. */
     readonly activeDateChange: _angular_core.OutputEmitterRef<D>;
     /** The body of calendar table */
-    _matCalendarBody: _angular_core.Signal<NgxMatCalendarBody<any>>;
+    _matCalendarBody: _angular_core.Signal<NgxMatCalendarBody<any> | undefined>;
     /** Grid of calendar cells representing the months of the year. */
-    _months: NgxMatCalendarCell[][];
+    _months: NgxMatCalendarCell[][] | null;
     /** The label for this year (e.g. "2017"). */
     _yearLabel: string;
     /** The month in this year that today falls on. Null if today is in a different year. */
@@ -639,7 +638,7 @@ declare class NgxMatYearView<D> implements AfterContentInit, OnDestroy {
      * Null if the selected Date is in a different year.
      */
     _selectedMonth: number | null;
-    constructor(_changeDetectorRef: ChangeDetectorRef, _dateFormats: MatDateFormats, _dateAdapter: DateAdapter<D>, _dir?: Directionality);
+    constructor(_changeDetectorRef: ChangeDetectorRef, _dateFormats: MatDateFormats, _dateAdapter: DateAdapter<D>, _dir?: Directionality | undefined);
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
     /** Handles when a new month is selected. */
@@ -748,9 +747,9 @@ declare class NgxMatCalendar<D> implements AfterContentInit, AfterViewChecked, O
     private _dateFormats;
     private _changeDetectorRef;
     /** An input indicating the type of the header component, if set. */
-    headerComponent: _angular_core.InputSignal<ComponentType<any>>;
+    headerComponent: _angular_core.InputSignal<ComponentType<any> | undefined>;
     /** A portal containing the header component type for this calendar. */
-    _calendarHeaderPortal: Portal<any>;
+    _calendarHeaderPortal: Portal<any> | null;
     private _intlChanges;
     /**
      * Used for scheduling that focus should be moved to the active cell on the next tick.
@@ -777,20 +776,20 @@ declare class NgxMatCalendar<D> implements AfterContentInit, AfterViewChecked, O
     set maxDate(value: D | null);
     private _maxDate;
     /** Function used to filter which dates are selectable. */
-    readonly dateFilter: _angular_core.InputSignal<(date: D) => boolean>;
+    readonly dateFilter: _angular_core.InputSignal<((date: D) => boolean) | undefined>;
     /** Function that can be used to add custom CSS classes to dates. */
-    readonly dateClass: _angular_core.InputSignal<NgxMatCalendarCellClassFunction<D>>;
+    readonly dateClass: _angular_core.InputSignal<NgxMatCalendarCellClassFunction<D> | undefined>;
     /** Start of the comparison range. */
-    readonly comparisonStart: _angular_core.InputSignal<D>;
+    readonly comparisonStart: _angular_core.InputSignal<D | null | undefined>;
     /** End of the comparison range. */
-    readonly comparisonEnd: _angular_core.InputSignal<D>;
+    readonly comparisonEnd: _angular_core.InputSignal<D | null | undefined>;
     /** ARIA Accessible name of the `<input matStartDate/>` */
-    readonly startDateAccessibleName: _angular_core.InputSignal<string>;
+    readonly startDateAccessibleName: _angular_core.InputSignal<string | null | undefined>;
     /** ARIA Accessible name of the `<input matEndDate/>` */
-    readonly endDateAccessibleName: _angular_core.InputSignal<string>;
+    readonly endDateAccessibleName: _angular_core.InputSignal<string | null | undefined>;
     readonly currentView: _angular_core.WritableSignal<NgxMatCalendarView>;
     /** Emits when the currently selected date changes. */
-    readonly selectedChange: _angular_core.OutputEmitterRef<D>;
+    readonly selectedChange: _angular_core.OutputEmitterRef<D | null>;
     /**
      * Emits the year chosen in multiyear view.
      * This doesn't imply a change on the selected date.
@@ -806,20 +805,20 @@ declare class NgxMatCalendar<D> implements AfterContentInit, AfterViewChecked, O
      */
     readonly viewChanged: _angular_core.OutputRef<NgxMatCalendarView>;
     /** Emits when any date is selected. */
-    readonly _userSelection: _angular_core.OutputEmitterRef<NgxMatCalendarUserEvent<D>>;
+    readonly _userSelection: _angular_core.OutputEmitterRef<NgxMatCalendarUserEvent<D | null>>;
     /** Emits a new date range value when the user completes a drag drop operation. */
     readonly _userDragDrop: _angular_core.OutputEmitterRef<NgxMatCalendarUserEvent<NgxDateRange<D>>>;
     /** Reference to the current month view component. */
-    readonly monthView: _angular_core.Signal<NgxMatMonthView<D>>;
+    readonly monthView: _angular_core.Signal<NgxMatMonthView<D> | undefined>;
     /** Reference to the current year view component. */
-    readonly yearView: _angular_core.Signal<NgxMatYearView<D>>;
+    readonly yearView: _angular_core.Signal<NgxMatYearView<D> | undefined>;
     /** Reference to the current multi-year view component. */
-    readonly multiYearView: _angular_core.Signal<NgxMatMultiYearView<D>>;
+    readonly multiYearView: _angular_core.Signal<NgxMatMultiYearView<D> | undefined>;
     /**
      * The current active date. This determines which time period is shown and which date is
      * highlighted when using keyboard navigation.
      */
-    get activeDate(): D;
+    get activeDate(): D | null;
     set activeDate(value: D);
     private _clampedActiveDate;
     /** Origin of active drag, or null when dragging is not active. */
@@ -946,7 +945,7 @@ declare abstract class NgxMatDatepickerInputBase<S, D = NgxExtractDateTypeFromSe
     /** Assigns a value to the input's model. */
     protected abstract _assignValueToModel(model: D | null): void;
     /** Converts a value from the model into a native value for the input. */
-    protected abstract _getValueFromModel(modelValue: S): D | null;
+    protected abstract _getValueFromModel(modelValue: S | null): D | null;
     /** Combined form control validator for this input. */
     protected abstract _validator: ValidatorFn | null;
     /** Predicate that determines whether the input should handle a particular change event. */
@@ -966,7 +965,7 @@ declare abstract class NgxMatDatepickerInputBase<S, D = NgxExtractDateTypeFromSe
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     _onKeydown(event: KeyboardEvent): void;
-    _onInput(value: string): void;
+    _onInput(event: Event): void;
     _onChange(): void;
     /** Handles blur events on the input. */
     _onBlur(): void;
@@ -1020,17 +1019,17 @@ declare abstract class NgxMatDateRangeInputPartBase<D> extends NgxMatDatepickerI
     private _injector;
     _parentForm: NgForm;
     _parentFormGroup: FormGroupDirective;
-    errorStateMatcher: ErrorStateMatcher;
+    errorStateMatcher: ErrorStateMatcher | null;
     /**
      * Form control bound to this input part.
      * @docs-private
      */
-    ngControl: NgControl;
+    ngControl: NgControl | null;
     errorState: boolean;
     protected abstract _validator: ValidatorFn | null;
     protected abstract _assignValueToModel(value: D | null): void;
     protected abstract _getValueFromModel(modelValue: NgxDateRange<D>): D | null;
-    protected readonly _dir: Directionality;
+    protected readonly _dir: Directionality | null;
     constructor(_rangeInput: NgxMatDateRangeInputParent<D>, _elementRef: ElementRef<HTMLInputElement>, _defaultErrorStateMatcher: ErrorStateMatcher, _injector: Injector, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, dateAdapter: DateAdapter<D>, dateFormats: MatDateFormats);
     ngOnInit(): void;
     ngDoCheck(): void;
@@ -1044,13 +1043,13 @@ declare abstract class NgxMatDateRangeInputPartBase<D> extends NgxMatDatepickerI
     /** Gets the value that should be used when mirroring the input's size. */
     getMirrorValue(): string;
     /** Handles `input` events on the input element. */
-    _onInput(value: string): void;
+    _onInput(event: Event): void;
     /** Opens the datepicker associated with the input. */
     protected _openPopup(): void;
     /** Gets the minimum date from the range input. */
-    _getMinDate(): D;
+    _getMinDate(): D | null;
     /** Gets the maximum date from the range input. */
-    _getMaxDate(): D;
+    _getMaxDate(): D | null;
     /** Gets the date filter function from the range input. */
     protected _getDateFilter(): NgxDateFilterFn<D>;
     protected _parentDisabled(): boolean;
@@ -1066,8 +1065,8 @@ declare class NgxMatStartDate<D> extends NgxMatDateRangeInputPartBase<D> {
     /** Validator that checks that the start date isn't after the end date. */
     private _startValidator;
     constructor(rangeInput: NgxMatDateRangeInputParent<D>, elementRef: ElementRef<HTMLInputElement>, defaultErrorStateMatcher: ErrorStateMatcher, injector: Injector, parentForm: NgForm, parentFormGroup: FormGroupDirective, dateAdapter: DateAdapter<D>, dateFormats: MatDateFormats);
-    protected _validator: ValidatorFn;
-    protected _getValueFromModel(modelValue: NgxDateRange<D>): D;
+    protected _validator: ValidatorFn | null;
+    protected _getValueFromModel(modelValue: NgxDateRange<D> | null): D | null;
     protected _shouldHandleChangeEvent(change: NgxDateSelectionModelChange<NgxDateRange<D>>): boolean;
     protected _assignValueToModel(value: D | null): void;
     protected _formatValue(value: D | null): void;
@@ -1080,8 +1079,8 @@ declare class NgxMatEndDate<D> extends NgxMatDateRangeInputPartBase<D> {
     /** Validator that checks that the end date isn't before the start date. */
     private _endValidator;
     constructor(rangeInput: NgxMatDateRangeInputParent<D>, elementRef: ElementRef<HTMLInputElement>, defaultErrorStateMatcher: ErrorStateMatcher, injector: Injector, parentForm: NgForm, parentFormGroup: FormGroupDirective, dateAdapter: DateAdapter<D>, dateFormats: MatDateFormats);
-    protected _validator: ValidatorFn;
-    protected _getValueFromModel(modelValue: NgxDateRange<D>): D;
+    protected _validator: ValidatorFn | null;
+    protected _getValueFromModel(modelValue: NgxDateRange<D> | null): D | null;
     protected _shouldHandleChangeEvent(change: NgxDateSelectionModelChange<NgxDateRange<D>>): boolean;
     protected _assignValueToModel(value: D | null): void;
     _onKeydown(event: KeyboardEvent): void;
@@ -1120,7 +1119,7 @@ declare class NgxMatDatepickerContent<S, D = NgxExtractDateTypeFromSelection<S>>
     /** Reference to the internal calendar component. */
     _calendar: _angular_core.Signal<NgxMatCalendar<D>>;
     /** Reference to the datepicker that created the overlay. */
-    datepicker: NgxMatDatepickerBase<any, S, D>;
+    datepicker: NgxMatDatepickerBase<any, S, D> | null;
     /** Start of the comparison range. */
     comparisonStart: D | null;
     /** End of the comparison range. */
@@ -1132,7 +1131,8 @@ declare class NgxMatDatepickerContent<S, D = NgxExtractDateTypeFromSelection<S>>
     /** Whether the datepicker is above or below the input. */
     _isAbove: boolean;
     /** Current state of the animation. */
-    _animationState: 'enter-dropdown' | 'enter-dialog' | 'void';
+    _isLeaving: boolean;
+    _panelEnterClass: 'enter-dropdown' | 'enter-dialog' | null;
     /** Emits when an animation has finished. */
     readonly _animationDone: Subject<void>;
     /** Whether there is an in-progress animation. */
@@ -1149,6 +1149,9 @@ declare class NgxMatDatepickerContent<S, D = NgxExtractDateTypeFromSelection<S>>
     get isPrimary(): boolean;
     get isAccent(): boolean;
     get isWarn(): boolean;
+    get isEnterDropdown(): boolean;
+    get isEnterDialog(): boolean;
+    get isLeavingClass(): boolean;
     get isViewMonth(): boolean;
     _modelTime: D | null;
     constructor(_changeDetectorRef: ChangeDetectorRef, _globalModel: NgxMatDateSelectionModel<S, D>, _dateAdapter: DateAdapter<D>, _rangeSelectionStrategy: NgxMatDateRangeSelectionStrategy<D>, intl: NgxMatDatepickerIntl);
@@ -1160,7 +1163,7 @@ declare class NgxMatDatepickerContent<S, D = NgxExtractDateTypeFromSelection<S>>
     private _updateUserSelectionWithCalendarUserEvent;
     _handleUserDragDrop(event: NgxMatCalendarUserEvent<NgxDateRange<D>>): void;
     _startExitAnimation(): void;
-    _handleAnimationEvent(event: AnimationEvent): void;
+    _onAnimationEnd(event: AnimationEvent): void;
     _getSelected(): D | NgxDateRange<D> | null;
     /** Applies the current pending selection to the global model. */
     _applyPendingSelection(): void;
@@ -1223,7 +1226,7 @@ declare abstract class NgxMatDatepickerBase<C extends NgxMatDatepickerControl<D>
     private _inputStateChanges;
     private _document;
     /** An input indicating the type of the custom header component for the calendar, if set. */
-    calendarHeaderComponent: _angular_core.InputSignal<ComponentType<any>>;
+    calendarHeaderComponent: _angular_core.InputSignal<ComponentType<any> | undefined>;
     /** The date to open the calendar to initially. */
     get startAt(): D | null;
     set startAt(value: D | null);
@@ -1275,7 +1278,7 @@ declare abstract class NgxMatDatepickerBase<C extends NgxMatDatepickerControl<D>
      */
     readonly viewChanged: _angular_core.OutputEmitterRef<NgxMatCalendarView>;
     /** Function that can be used to add custom CSS classes to dates. */
-    readonly dateClass: _angular_core.InputSignal<NgxMatCalendarCellClassFunction<D>>;
+    readonly dateClass: _angular_core.InputSignal<NgxMatCalendarCellClassFunction<D> | undefined>;
     /** Emits when the datepicker has been opened. */
     readonly openedStream: EventEmitter<void>;
     /** Emits when the datepicker has been closed. */
@@ -1284,7 +1287,7 @@ declare abstract class NgxMatDatepickerBase<C extends NgxMatDatepickerControl<D>
      * Classes to be passed to the date picker panel.
      * Supports string and string array values, similar to `ngClass`.
      */
-    get panelClass(): string | string[];
+    get panelClass(): string | string[] | null;
     set panelClass(value: string | string[]);
     private _panelClass;
     /** Whether the calendar is open. */
@@ -1320,9 +1323,9 @@ declare abstract class NgxMatDatepickerBase<C extends NgxMatDatepickerControl<D>
     set disableMinute(value: boolean);
     _disableMinute: boolean;
     /** Step second */
-    get defaultTime(): number[];
+    get defaultTime(): number[] | null;
     set defaultTime(value: number[]);
-    _defaultTime: number[];
+    _defaultTime: number[] | null;
     /** The id for the datepicker calendar. */
     id: string;
     /** The minimum selectable date. */
@@ -1420,7 +1423,7 @@ declare class NgxMatDateRangeInput<D> implements MatFormFieldControl<NgxDateRang
     private _formField?;
     private _closedSubscription;
     /** Current value of the range input. */
-    get value(): NgxDateRange<D>;
+    get value(): NgxDateRange<D> | null;
     /** Unique ID for the group. */
     id: string;
     /** Whether the control is focused. */
@@ -1483,7 +1486,7 @@ declare class NgxMatDateRangeInput<D> implements MatFormFieldControl<NgxDateRang
     ngControl: NgControl | null;
     /** Emits when the input's state has changed. */
     readonly stateChanges: Subject<void>;
-    constructor(_changeDetectorRef: ChangeDetectorRef, _elementRef: ElementRef<HTMLElement>, control: ControlContainer, _dateAdapter: DateAdapter<D>, _formField?: _NgxMatFormFieldPartial);
+    constructor(_changeDetectorRef: ChangeDetectorRef, _elementRef: ElementRef<HTMLElement>, control: ControlContainer, _dateAdapter: DateAdapter<D>, _formField?: _NgxMatFormFieldPartial | undefined);
     /**
      * Implemented as a part of `MatFormFieldControl`.
      * @docs-private
@@ -1514,9 +1517,9 @@ declare class NgxMatDateRangeInput<D> implements MatFormFieldControl<NgxDateRang
     /** Opens the date range picker associated with the input. */
     _openDatepicker(): void;
     /** Whether the separate text should be hidden. */
-    _shouldHideSeparator(): boolean;
+    _shouldHideSeparator(): boolean | "" | null;
     /** Gets the value for the `aria-labelledby` attribute of the inputs. */
-    _getAriaLabelledby(): string;
+    _getAriaLabelledby(): string | null;
     _getStartDateAccessibleName(): string;
     _getEndDateAccessibleName(): string;
     /** Updates the focused state of the range input. */
@@ -1568,7 +1571,7 @@ declare class NgxMatDatepickerCancel {
 declare class NgxMatDatepickerActions implements AfterViewInit, OnDestroy {
     private _datepicker;
     private _viewContainerRef;
-    _template: _angular_core.Signal<TemplateRef<unknown>>;
+    _template: _angular_core.Signal<TemplateRef<unknown> | undefined>;
     private _portal;
     constructor(_datepicker: NgxMatDatepickerBase<NgxMatDatepickerControl<any>, unknown>, _viewContainerRef: ViewContainerRef);
     ngAfterViewInit(): void;
@@ -1595,7 +1598,7 @@ declare class NgxMatDatepickerInput<D> extends NgxMatDatepickerInputBase<D | nul
     private _closedSubscription;
     /** The datepicker that this input is associated with. */
     set ngxMatDatetimePicker(datepicker: NgxMatDatepickerPanel<NgxMatDatepickerControl<D>, D | null, D>);
-    _datepicker: NgxMatDatepickerPanel<NgxMatDatepickerControl<D>, D | null, D>;
+    _datepicker: NgxMatDatepickerPanel<NgxMatDatepickerControl<D>, D | null, D> | null;
     /** The minimum valid date. */
     get min(): D | null;
     set min(value: D | null);
@@ -1610,7 +1613,7 @@ declare class NgxMatDatepickerInput<D> extends NgxMatDatepickerInputBase<D | nul
     private _dateFilter;
     /** The combined form control validator for this input. */
     protected _validator: ValidatorFn | null;
-    constructor(elementRef: ElementRef<HTMLInputElement>, dateAdapter: DateAdapter<D>, dateFormats: MatDateFormats, _formField?: _NgxMatFormFieldPartial);
+    constructor(elementRef: ElementRef<HTMLInputElement>, dateAdapter: DateAdapter<D>, dateFormats: MatDateFormats, _formField?: _NgxMatFormFieldPartial | undefined);
     /**
      * Gets the element that the datepicker popup should be connected to.
      * @return The element to connect the popup to.
@@ -1628,11 +1631,11 @@ declare class NgxMatDatepickerInput<D> extends NgxMatDatepickerInputBase<D | nul
     protected _getValueFromModel(modelValue: D | null): D | null;
     protected _assignValueToModel(value: D | null): void;
     /** Gets the input's minimum date. */
-    _getMinDate(): D;
+    _getMinDate(): D | null;
     /** Gets the input's maximum date. */
-    _getMaxDate(): D;
+    _getMaxDate(): D | null;
     /** Gets the input's date filtering function. */
-    protected _getDateFilter(): NgxDateFilterFn<D>;
+    protected _getDateFilter(): NgxDateFilterFn<D | null>;
     protected _shouldHandleChangeEvent(event: NgxDateSelectionModelChange<D>): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxMatDatepickerInput<any>, [null, { optional: true; }, { optional: true; }, { optional: true; }]>;
     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>;
@@ -1648,19 +1651,19 @@ declare class NgxMatDatepickerToggle<D> implements AfterContentInit, OnDestroy {
     private _changeDetectorRef;
     private _stateChanges;
     /** Datepicker instance that the button will toggle. */
-    readonly datepicker: _angular_core.InputSignal<NgxMatDatepickerPanel<NgxMatDatepickerControl<any>, D, NgxExtractDateTypeFromSelection<D>>>;
+    readonly datepicker: _angular_core.InputSignal<NgxMatDatepickerPanel<NgxMatDatepickerControl<any>, D, NgxExtractDateTypeFromSelection<D>> | undefined>;
     /** Tabindex for the toggle. */
     tabIndex: number | null;
     /** Screen-reader label for the button. */
-    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     /** Whether the toggle button is disabled. */
     get disabled(): boolean;
     set disabled(value: BooleanInput);
     private _disabled;
     /** Whether ripples on the toggle should be disabled. */
-    disableRipple: _angular_core.InputSignal<boolean>;
+    disableRipple: _angular_core.InputSignal<boolean | undefined>;
     /** Underlying button element. */
-    _button: _angular_core.Signal<MatButton>;
+    _button: _angular_core.Signal<MatButton | undefined>;
     constructor(_intl: NgxMatDatepickerIntl, _changeDetectorRef: ChangeDetectorRef, defaultTabIndex: string);
     ngOnDestroy(): void;
     ngAfterContentInit(): void;
@@ -1677,27 +1680,27 @@ declare enum MERIDIANS {
 declare class NgxMatTimepickerComponent<D> implements ControlValueAccessor {
     private readonly formBuilder;
     private readonly _dateAdapter;
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly showSpinners: _angular_core.InputSignal<boolean>;
-    readonly stepHour: _angular_core.InputSignal<number>;
-    readonly stepMinute: _angular_core.InputSignal<number>;
-    readonly stepSecond: _angular_core.InputSignal<number>;
-    readonly showSeconds: _angular_core.InputSignal<boolean>;
-    readonly disableMinute: _angular_core.InputSignal<boolean>;
-    readonly enableMeridian: _angular_core.InputSignal<boolean>;
-    readonly defaultTime: _angular_core.InputSignal<[number, number, number]>;
-    readonly color: _angular_core.InputSignal<ThemePalette>;
+    readonly disabled: InputSignal<boolean>;
+    readonly showSpinners: InputSignal<boolean>;
+    readonly stepHour: InputSignal<number>;
+    readonly stepMinute: InputSignal<number>;
+    readonly stepSecond: InputSignal<number>;
+    readonly showSeconds: InputSignal<boolean>;
+    readonly disableMinute: InputSignal<boolean>;
+    readonly enableMeridian: InputSignal<boolean>;
+    readonly defaultTime: InputSignal<[number, number, number] | undefined>;
+    readonly color: InputSignal<ThemePalette>;
     readonly pattern: RegExp;
-    readonly meridianInput: _angular_core.InputSignal<MERIDIANS>;
+    readonly meridianInput: InputSignal<MERIDIANS>;
     readonly meridian: _angular_core.WritableSignal<MERIDIANS>;
     readonly form: _angular_forms.FormGroup<{
-        hour: FormControl<string>;
-        minute: FormControl<string>;
-        second: FormControl<string>;
+        hour: FormControl<string | null>;
+        minute: FormControl<string | null>;
+        second: FormControl<string | null>;
     }>;
     private _onChange;
     private _onTouched;
-    readonly value: _angular_core.ModelSignal<D>;
+    readonly value: _angular_core.ModelSignal<D | undefined>;
     /** Hour */
     private get hour();
     private get minute();
@@ -1713,6 +1716,7 @@ declare class NgxMatTimepickerComponent<D> implements ControlValueAccessor {
     private _updateHourMinuteSecond;
     /** Update model */
     private _updateModel;
+    private castKey;
     /**
      * Get next value by property
      */
@@ -1727,7 +1731,7 @@ declare class NgxMatTimepickerComponent<D> implements ControlValueAccessor {
 
 interface NgxMatDatetimePickerContentData<D> {
     datepicker: any;
-    color?: string;
+    color?: ThemePalette;
     touchUi?: boolean;
     hideTime?: boolean;
     showSpinners?: boolean;
@@ -1752,8 +1756,8 @@ declare class NgxMatDatetimePickerContentV2<D> implements OnInit, OnDestroy {
     readonly data: NgxMatDatetimePickerContentData<D>;
     private readonly _dateAdapter;
     private readonly _destroyed;
-    readonly selectedDate: _angular_core.WritableSignal<D>;
-    readonly selectedDateTime: _angular_core.WritableSignal<D>;
+    readonly selectedDate: _angular_core.WritableSignal<D | null>;
+    readonly selectedDateTime: _angular_core.WritableSignal<D | null>;
     constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -1778,7 +1782,7 @@ declare class NgxMatDatetimePickerV2<D> implements OnDestroy {
     /** The id for the datepicker. */
     readonly id: string;
     /** The input element this datepicker is associated with. */
-    datepickerInput: NgxMatDatepickerControl<D>;
+    datepickerInput: NgxMatDatepickerControl<D> | null;
     /** Emits when the datepicker is disabled. */
     readonly stateChanges: Subject<void>;
     /** Emits when the datepicker has been opened. */
@@ -1797,8 +1801,8 @@ declare class NgxMatDatetimePickerV2<D> implements OnDestroy {
     readonly stepSecond: _angular_core.InputSignal<number>;
     readonly enableMeridian: _angular_core.InputSignal<boolean>;
     readonly disableMinute: _angular_core.InputSignal<boolean>;
-    readonly defaultTime: _angular_core.InputSignal<number[]>;
-    readonly startAt: _angular_core.InputSignal<D>;
+    readonly defaultTime: _angular_core.InputSignal<number[] | undefined>;
+    readonly startAt: _angular_core.InputSignal<D | null>;
     readonly panelClass: _angular_core.InputSignal<string | string[]>;
     private readonly _opened;
     readonly opened: _angular_core.Signal<boolean>;
@@ -1827,12 +1831,12 @@ declare class NgxMatDatetimePickerV2<D> implements OnDestroy {
 declare const NGX_MAT_DATETIME_PICKER_VALUE_ACCESSOR: any;
 declare const NGX_MAT_DATETIME_PICKER_VALIDATORS: any;
 declare class NgxMatDatetimePickerInputV2<D> implements MatFormFieldControl<D>, ControlValueAccessor, OnDestroy, OnInit, Validator, NgxMatDatepickerControl<D> {
-    readonly _dateAdapter: DateAdapter<any, any>;
+    readonly _dateAdapter: DateAdapter<any, any> | null;
     private readonly _elementRef;
     private readonly _dateFormats;
     private readonly _formField;
     ngControl: NgControl | null;
-    ngxMatDatetimePicker: NgxMatDatetimePickerV2<D>;
+    ngxMatDatetimePicker: NgxMatDatetimePickerV2<D> | null;
     /** The value of the input. */
     get value(): D | null;
     set value(value: D | null);
@@ -1846,8 +1850,8 @@ declare class NgxMatDatetimePickerInputV2<D> implements MatFormFieldControl<D>,
     set max(value: D | null);
     private readonly _max;
     /** Function that can be used to filter out dates within the datepicker. */
-    get dateFilter(): (date: D) => boolean;
-    set dateFilter(value: (date: D) => boolean);
+    get dateFilter(): (date: D | null) => boolean;
+    set dateFilter(value: (date: D | null) => boolean);
     private readonly _dateFilter;
     /** Whether the datepicker-input is disabled. */
     get disabled(): boolean;
@@ -1904,7 +1908,7 @@ declare class NgxMatDatetimePickerInputV2<D> implements MatFormFieldControl<D>,
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     _onKeydown(event: KeyboardEvent): void;
-    _onInput(value: string): void;
+    _onInput(event: Event): void;
     _onChange(): void;
     _onBlur(): void;
     _onClick(event: MouseEvent): void;