cmat 0.0.86 → 0.0.88

package/types/cmat-components-material-datetimepicker.d.ts

@@ -1,9 +1,10 @@
-import * as i0 from '@angular/core';
-import { AfterContentInit, OnDestroy, EventEmitter, ElementRef, InjectionToken, OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { AfterContentInit, OnDestroy, EventEmitter, ElementRef, InjectionToken, OnInit } from '@angular/core';
+import * as cmat_components_material_datetimepicker from 'cmat/components/material-datetimepicker';
 import { ScrollStrategy, Overlay } from '@angular/cdk/overlay';
 import { ThemePalette } from '@angular/material/core';
 import { Subject } from 'rxjs';
-import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors } from '@angular/forms';
+import { Validator, ControlValueAccessor, AbstractControl, ValidationErrors } from '@angular/forms';
 import { MatButton } from '@angular/material/button';
 import { DatetimeAdapter } from 'cmat/components/adapter';
 
@@ -34,39 +35,38 @@ declare const CLOCK_INNER_RADIUS = 27.5;
 declare const CLOCK_OUTER_RADIUS = 41.25;
 declare const CLOCK_TICK_RADIUS = 7.0833;
 declare class CmatDatetimepickerClockComponent<D> implements AfterContentInit, OnDestroy {
-    userSelection: EventEmitter<void>;
-    dateFilter: (date: D, type: CmatDatetimepickerFilterType) => boolean;
-    interval: number;
-    twelvehour: boolean;
-    selectedChange: EventEmitter<D>;
-    activeDateChange: EventEmitter<D>;
-    role: string;
-    class: string;
-    hours: ClockItem[];
-    minutes: ClockItem[];
-    hourView: boolean;
-    selectedHour: number;
-    selectedMinute: number;
+    readonly userSelection: _angular_core.OutputEmitterRef<void>;
+    readonly selectedChange: _angular_core.OutputEmitterRef<D>;
+    readonly activeDateChange: _angular_core.OutputEmitterRef<D>;
+    readonly dateFilter: _angular_core.InputSignal<((date: D, type: CmatDatetimepickerFilterType) => boolean) | undefined>;
+    readonly interval: _angular_core.InputSignal<number>;
+    readonly twelvehour: _angular_core.InputSignal<boolean>;
+    readonly minDate: _angular_core.InputSignal<D | null>;
+    readonly maxDate: _angular_core.InputSignal<D | null>;
+    readonly selected: _angular_core.InputSignal<D | null>;
+    readonly startView: _angular_core.InputSignal<CmatClockView>;
+    readonly activeDate: _angular_core.InputSignal<D>;
+    hours: _angular_core.WritableSignal<ClockItem[]>;
+    minutes: _angular_core.WritableSignal<ClockItem[]>;
+    hourView: _angular_core.WritableSignal<boolean>;
+    readonly selectedHour: _angular_core.Signal<number>;
+    readonly selectedMinute: _angular_core.Signal<number>;
+    readonly _clampedActiveDate: _angular_core.Signal<D>;
+    readonly hand: _angular_core.Signal<{
+        transform: string;
+        height: string;
+        'margin-top': string;
+    }>;
     private _element;
     private _adapter;
+    private _renderer;
+    private _mousedownListener;
     private _timeChanged;
     private _mouseMoveListener;
     private _mouseUpListener;
-    private _activeDate;
-    private _selected;
-    private _minDate;
-    private _maxDate;
+    private _internalDate;
     constructor();
-    get activeDate(): D;
-    set activeDate(value: D);
-    get selected(): D | null;
-    set selected(value: D | null);
-    get minDate(): D | null;
-    set minDate(value: D | null);
-    get maxDate(): D | null;
-    set maxDate(value: D | null);
-    set startView(value: CmatClockView);
-    get hand(): Record<string, string>;
+    get activeDateValue(): D;
     handleMousedown(event: MouseEvent): void;
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
@@ -75,59 +75,43 @@ declare class CmatDatetimepickerClockComponent<D> implements AfterContentInit, O
     private _removeDocumentListeners;
     private _init;
     private _setTime;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerClockComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatDatetimepickerClockComponent<any>, "cmat-datetimepicker-clock", ["cmatDatetimepickerClock"], { "dateFilter": { "alias": "dateFilter"; "required": false; }; "interval": { "alias": "interval"; "required": false; }; "twelvehour": { "alias": "twelvehour"; "required": false; }; "activeDate": { "alias": "activeDate"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "startView": { "alias": "startView"; "required": false; }; }, { "userSelection": "userSelection"; "selectedChange": "selectedChange"; "activeDateChange": "activeDateChange"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatDatetimepickerClockComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatDatetimepickerClockComponent<any>, "cmat-datetimepicker-clock", ["cmatDatetimepickerClock"], { "dateFilter": { "alias": "dateFilter"; "required": false; "isSignal": true; }; "interval": { "alias": "interval"; "required": false; "isSignal": true; }; "twelvehour": { "alias": "twelvehour"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "startView": { "alias": "startView"; "required": false; "isSignal": true; }; "activeDate": { "alias": "activeDate"; "required": true; "isSignal": true; }; }, { "userSelection": "userSelection"; "selectedChange": "selectedChange"; "activeDateChange": "activeDateChange"; }, never, never, true, never>;
 }
 
 declare class CmatDatetimepickerCalendarComponent<D> implements AfterContentInit, OnDestroy {
-    userSelection: EventEmitter<void>;
-    multiYearSelector: boolean;
-    startView: CmatCalendarView;
-    twelvehour: boolean;
-    timeInterval: number;
-    dateFilter: (date: D, type: CmatDatetimepickerFilterType) => boolean;
-    preventSameDateTimeSelection: boolean;
-    selectedChange: EventEmitter<D>;
-    viewChanged: EventEmitter<CmatCalendarView>;
-    class: string;
-    label: string;
-    role: string;
-    tabindex: number;
-    AMPM: CmatAMPM;
-    clockView: CmatClockView;
-    readonly calendarState: i0.WritableSignal<string>;
-    readonly intlVersion: i0.WritableSignal<number>;
+    readonly userSelection: _angular_core.OutputEmitterRef<void>;
+    readonly selectedChange: _angular_core.OutputEmitterRef<D>;
+    readonly viewChanged: _angular_core.OutputEmitterRef<CmatCalendarView>;
+    readonly startView: _angular_core.InputSignal<CmatCalendarView>;
+    readonly twelvehour: _angular_core.InputSignal<boolean>;
+    readonly timeInterval: _angular_core.InputSignal<number>;
+    readonly type: _angular_core.InputSignal<CmatDatetimepickerType>;
+    readonly multiYearSelector: _angular_core.ModelSignal<boolean>;
+    readonly timeInput: _angular_core.InputSignalWithTransform<boolean, any>;
+    readonly dateFilter: _angular_core.InputSignal<((date: D, type: CmatDatetimepickerFilterType) => boolean) | undefined>;
+    readonly preventSameDateTimeSelection: _angular_core.InputSignal<boolean>;
+    readonly minDate: _angular_core.InputSignal<D | null>;
+    readonly maxDate: _angular_core.InputSignal<D | null>;
+    readonly selected: _angular_core.InputSignal<D | null>;
+    readonly startAt: _angular_core.InputSignal<D | null>;
+    readonly AMPM: _angular_core.WritableSignal<CmatAMPM>;
+    readonly clockView: _angular_core.WritableSignal<CmatClockView>;
+    readonly calendarState: _angular_core.WritableSignal<string>;
+    readonly intlVersion: _angular_core.WritableSignal<number>;
     private _elementRef;
     private _intl;
     private _adapter;
     private _dateFormats;
     private readonly _destroyRef;
+    private _keydownListener;
     private _currentView;
     private _clampedActiveDate;
-    private _type;
-    private _startAt;
-    private _selected;
-    private _minDate;
-    private _maxDate;
-    private _timeInput;
-    private _calendarAnimationListener;
+    readonly currentView: _angular_core.Signal<CmatCalendarView>;
+    readonly activeDate: _angular_core.Signal<D>;
+    setCurrentView(view: CmatCalendarView): void;
+    getCurrentView(): CmatCalendarView;
     constructor();
-    get type(): CmatDatetimepickerType;
-    set type(value: CmatDatetimepickerType);
-    get startAt(): D | null;
-    set startAt(value: D | null);
-    get timeInput(): boolean;
-    set timeInput(value: boolean);
-    get selected(): D | null;
-    set selected(value: D | null);
-    get minDate(): D | null;
-    set minDate(value: D | null);
-    get maxDate(): D | null;
-    set maxDate(value: D | null);
-    get activeDate(): D;
-    set activeDate(value: D);
-    get currentView(): CmatCalendarView;
-    set currentView(view: CmatCalendarView);
     get yearButtonText(): string;
     get yearPeriodText(): string;
     get yearButtonLabel(): string;
@@ -172,8 +156,9 @@ declare class CmatDatetimepickerCalendarComponent<D> implements AfterContentInit
     private _nextMonthInSameCol;
     private _changeCalendarState;
     private _2digit;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerCalendarComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatDatetimepickerCalendarComponent<any>, "cmat-datetimepicker-calendar", ["cmatDatetimepickerCalendar"], { "multiYearSelector": { "alias": "multiYearSelector"; "required": false; }; "startView": { "alias": "startView"; "required": false; }; "twelvehour": { "alias": "twelvehour"; "required": false; }; "timeInterval": { "alias": "timeInterval"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "preventSameDateTimeSelection": { "alias": "preventSameDateTimeSelection"; "required": false; }; "type": { "alias": "type"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "timeInput": { "alias": "timeInput"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; }, { "userSelection": "userSelection"; "selectedChange": "selectedChange"; "viewChanged": "viewChanged"; }, never, never, true, never>;
+    private _calendarAnimationListener;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatDatetimepickerCalendarComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatDatetimepickerCalendarComponent<any>, "cmat-datetimepicker-calendar", ["cmatDatetimepickerCalendar"], { "startView": { "alias": "startView"; "required": false; "isSignal": true; }; "twelvehour": { "alias": "twelvehour"; "required": false; "isSignal": true; }; "timeInterval": { "alias": "timeInterval"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "multiYearSelector": { "alias": "multiYearSelector"; "required": false; "isSignal": true; }; "timeInput": { "alias": "timeInput"; "required": false; "isSignal": true; }; "dateFilter": { "alias": "dateFilter"; "required": false; "isSignal": true; }; "preventSameDateTimeSelection": { "alias": "preventSameDateTimeSelection"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "startAt": { "alias": "startAt"; "required": false; "isSignal": true; }; }, { "userSelection": "userSelection"; "selectedChange": "selectedChange"; "viewChanged": "viewChanged"; "multiYearSelector": "multiYearSelectorChange"; }, never, never, true, never>;
 }
 
 declare class CmatDatetimepickerCalendarCellComponent {
@@ -184,31 +169,30 @@ declare class CmatDatetimepickerCalendarCellComponent {
     constructor(value: number, displayValue: string, ariaLabel: string, enabled: boolean);
 }
 declare class CmatDatetimepickerCalendarBodyComponent {
-    label: string;
-    rows: CmatDatetimepickerCalendarCellComponent[][];
-    todayValue: number | null;
-    selectedValue: number | null;
-    labelMinRequiredCells: number;
-    numCols: number;
-    allowDisabledSelection: boolean;
-    activeCell: number;
-    selectedValueChange: EventEmitter<number>;
-    class: string;
+    readonly selectedValueChange: _angular_core.OutputEmitterRef<number>;
+    readonly label: _angular_core.InputSignal<string | undefined>;
+    readonly rows: _angular_core.InputSignal<CmatDatetimepickerCalendarCellComponent[][] | undefined>;
+    readonly todayValue: _angular_core.InputSignal<number | null | undefined>;
+    readonly selectedValue: _angular_core.InputSignal<number | null | undefined>;
+    readonly labelMinRequiredCells: _angular_core.InputSignal<number>;
+    readonly numCols: _angular_core.InputSignal<number>;
+    readonly allowDisabledSelection: _angular_core.InputSignal<boolean>;
+    readonly activeCell: _angular_core.InputSignal<number>;
     get _firstRowOffset(): number;
     cellClicked(cell: CmatDatetimepickerCalendarCellComponent): void;
     isActiveCell(rowIndex: number, colIndex: number): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerCalendarBodyComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatDatetimepickerCalendarBodyComponent, "[cmat-datetimepicker-calendar-body]", ["cmatDatetimepickerCalendarBody"], { "label": { "alias": "label"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "todayValue": { "alias": "todayValue"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "labelMinRequiredCells": { "alias": "labelMinRequiredCells"; "required": false; }; "numCols": { "alias": "numCols"; "required": false; }; "allowDisabledSelection": { "alias": "allowDisabledSelection"; "required": false; }; "activeCell": { "alias": "activeCell"; "required": false; }; }, { "selectedValueChange": "selectedValueChange"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatDatetimepickerCalendarBodyComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatDatetimepickerCalendarBodyComponent, "[cmat-datetimepicker-calendar-body]", ["cmatDatetimepickerCalendarBody"], { "label": { "alias": "label"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "todayValue": { "alias": "todayValue"; "required": false; "isSignal": true; }; "selectedValue": { "alias": "selectedValue"; "required": false; "isSignal": true; }; "labelMinRequiredCells": { "alias": "labelMinRequiredCells"; "required": false; "isSignal": true; }; "numCols": { "alias": "numCols"; "required": false; "isSignal": true; }; "allowDisabledSelection": { "alias": "allowDisabledSelection"; "required": false; "isSignal": true; }; "activeCell": { "alias": "activeCell"; "required": false; "isSignal": true; }; }, { "selectedValueChange": "selectedValueChange"; }, never, never, true, never>;
 }
 
 declare const CMAT_DATETIMEPICKER_VALUE_ACCESSOR: {
-    provide: i0.InjectionToken<readonly ControlValueAccessor[]>;
-    useExisting: i0.Type<any>;
+    provide: _angular_core.InjectionToken<readonly ControlValueAccessor[]>;
+    useExisting: _angular_core.Type<any>;
     multi: boolean;
 };
 declare const CMAT_DATETIMEPICKER_VALIDATORS: {
-    provide: i0.InjectionToken<readonly (Function | Validator)[]>;
-    useExisting: i0.Type<any>;
+    provide: _angular_core.InjectionToken<readonly (Function | Validator)[]>;
+    useExisting: _angular_core.Type<any>;
     multi: boolean;
 };
 declare class CmatDatetimepickerInputEvent<D> {
@@ -218,12 +202,18 @@ declare class CmatDatetimepickerInputEvent<D> {
     constructor(target: CmatDatetimepickerInputDirective<D>, targetElement: HTMLElement);
 }
 declare class CmatDatetimepickerInputDirective<D> implements AfterContentInit, ControlValueAccessor, OnDestroy, Validator {
-    dateChange: EventEmitter<CmatDatetimepickerInputEvent<D>>;
-    dateInput: EventEmitter<CmatDatetimepickerInputEvent<D>>;
-    datetimepicker: CmatDatetimepickerComponent<D>;
-    dateFilter: (date: D | null, type: CmatDatetimepickerFilterType) => boolean;
+    readonly dateChange: _angular_core.OutputEmitterRef<CmatDatetimepickerInputEvent<D>>;
+    readonly dateInput: _angular_core.OutputEmitterRef<CmatDatetimepickerInputEvent<D>>;
     valueChange: EventEmitter<D | null>;
     disabledChange: EventEmitter<boolean>;
+    readonly cmatDatetimepicker: _angular_core.InputSignal<CmatDatetimepickerComponent<D> | undefined>;
+    readonly cmatDatepickerFilter: _angular_core.InputSignal<((date: D | null, type: CmatDatetimepickerFilterType) => boolean) | undefined>;
+    readonly min: _angular_core.InputSignal<D | null>;
+    readonly max: _angular_core.InputSignal<D | null>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, boolean>;
+    readonly value: _angular_core.InputSignal<D | null>;
+    readonly dateFilter: _angular_core.Signal<((date: D | null, type: CmatDatetimepickerFilterType) => boolean) | undefined>;
+    readonly datetimepicker: _angular_core.Signal<CmatDatetimepickerComponent<D> | undefined>;
     private _elementRef;
     private _dateAdapter;
     private _dateFormats;
@@ -232,21 +222,8 @@ declare class CmatDatetimepickerInputDirective<D> implements AfterContentInit, C
     private _localeSubscription;
     private _valueChangeTimeoutId;
     private _lastValueValid;
-    private _value;
-    private _min;
-    private _max;
-    private _disabled;
+    private _internalValue;
     constructor();
-    set cmatDatetimepicker(value: CmatDatetimepickerComponent<D>);
-    set cmatDatepickerFilter(filter: (date: D | null, type: CmatDatetimepickerFilterType) => boolean);
-    get value(): D | null;
-    set value(value: D | null);
-    get min(): D | null;
-    set min(value: D | null);
-    get max(): D | null;
-    set max(value: D | null);
-    get disabled(): boolean;
-    set disabled(value: boolean | string);
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
     registerOnValidatorChange(fn: VoidFunction): void;
@@ -262,7 +239,7 @@ declare class CmatDatetimepickerInputDirective<D> implements AfterContentInit, C
     onChange(): void;
     onBlur(): void;
     getThemePalette(): ThemePalette;
-    private _registerDatetimepicker;
+    private _setValue;
     private _getDisplayFormat;
     private _getParseFormat;
     private _onTouched;
@@ -274,8 +251,8 @@ declare class CmatDatetimepickerInputDirective<D> implements AfterContentInit, C
     private _filterValidator;
     private _validator;
     private _formatValue;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerInputDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CmatDatetimepickerInputDirective<any>, "input[cmatDatetimepicker]", ["cmatDatepickerInput"], { "cmatDatetimepicker": { "alias": "cmatDatetimepicker"; "required": false; }; "cmatDatepickerFilter": { "alias": "cmatDatepickerFilter"; "required": false; }; "value": { "alias": "value"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "dateChange": "dateChange"; "dateInput": "dateInput"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatDatetimepickerInputDirective<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CmatDatetimepickerInputDirective<any>, "input[cmatDatetimepicker]", ["cmatDatepickerInput"], { "cmatDatetimepicker": { "alias": "cmatDatetimepicker"; "required": false; "isSignal": true; }; "cmatDatepickerFilter": { "alias": "cmatDatepickerFilter"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "dateChange": "dateChange"; "dateInput": "dateInput"; }, never, never, true, never>;
 }
 
 declare const CMAT_DATETIMEPICKER_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
@@ -286,11 +263,11 @@ declare const CMAT_DATETIMEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER: {
     useFactory: typeof CMAT_DATETIMEPICKER_SCROLL_STRATEGY_FACTORY;
 };
 declare class CmatDatetimepickerContentComponent<D> implements OnInit, AfterContentInit, OnDestroy {
-    _calendar: CmatDatetimepickerCalendarComponent<D>;
-    color: ThemePalette;
+    readonly _calendar: _angular_core.Signal<CmatDatetimepickerCalendarComponent<D>>;
+    readonly color: _angular_core.InputSignal<ThemePalette>;
     datetimepicker: CmatDatetimepickerComponent<D>;
     isAbove: boolean;
-    readonly animationState: i0.WritableSignal<"enter-dropdown" | "enter-dialog" | "leave">;
+    readonly animationState: _angular_core.WritableSignal<"enter-dropdown" | "enter-dialog" | "leave">;
     readonly animationDone: Subject<void>;
     dialogLabelId: string | null;
     protected _elementRef: ElementRef<HTMLElement>;
@@ -299,23 +276,42 @@ declare class CmatDatetimepickerContentComponent<D> implements OnInit, AfterCont
     ngAfterContentInit(): void;
     startExitAnimation(): void;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerContentComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatDatetimepickerContentComponent<any>, "cmat-datetimepicker-content", ["cmatDatetimepickerContent"], { "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatDatetimepickerContentComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatDatetimepickerContentComponent<any>, "cmat-datetimepicker-content", ["cmatDatetimepickerContent"], { "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 declare class CmatDatetimepickerComponent<D> implements OnDestroy {
-    startView: CmatCalendarView;
-    mode: CmatDatetimepickerMode;
-    timeInterval: number;
-    preventSameDateTimeSelection: boolean;
-    xPosition: DatetimepickerDropdownPositionX;
-    yPosition: DatetimepickerDropdownPositionY;
-    selectedChanged: EventEmitter<D>;
-    openedStream: EventEmitter<void>;
-    closedStream: EventEmitter<void>;
-    viewChanged: EventEmitter<CmatCalendarView>;
+    readonly selectedChanged: EventEmitter<D>;
+    readonly openedStream: _angular_core.OutputEmitterRef<void>;
+    readonly closedStream: _angular_core.OutputEmitterRef<void>;
+    readonly viewChanged: _angular_core.OutputEmitterRef<CmatCalendarView>;
     id: string;
     datetimepickerInput: CmatDatetimepickerInputDirective<D>;
     disabledChange: Subject<boolean>;
+    readonly startView: _angular_core.InputSignal<CmatCalendarView>;
+    readonly mode: _angular_core.InputSignal<CmatDatetimepickerMode>;
+    readonly timeInterval: _angular_core.InputSignal<number>;
+    readonly preventSameDateTimeSelection: _angular_core.InputSignal<boolean>;
+    readonly xPosition: _angular_core.InputSignal<DatetimepickerDropdownPositionX>;
+    readonly yPosition: _angular_core.InputSignal<DatetimepickerDropdownPositionY>;
+    readonly multiYearSelector: _angular_core.InputSignalWithTransform<boolean, any>;
+    readonly twelvehour: _angular_core.InputSignalWithTransform<boolean, any>;
+    readonly panelClass: _angular_core.InputSignalWithTransform<string | string[], string | string[]>;
+    readonly timeInput: _angular_core.InputSignalWithTransform<boolean, any>;
+    readonly touchUi: _angular_core.InputSignalWithTransform<boolean, any>;
+    readonly restoreFocus: _angular_core.InputSignalWithTransform<boolean, any>;
+    readonly color: _angular_core.InputSignal<ThemePalette>;
+    readonly type: _angular_core.InputSignal<CmatDatetimepickerType>;
+    readonly opened: _angular_core.InputSignalWithTransform<boolean, boolean>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean | undefined, boolean | undefined>;
+    readonly startAt: _angular_core.InputSignal<D | null>;
+    readonly openedState: _angular_core.Signal<boolean>;
+    readonly disabledState: _angular_core.Signal<boolean>;
+    readonly selected: _angular_core.Signal<D | null>;
+    readonly minDate: _angular_core.Signal<D | null>;
+    readonly maxDate: _angular_core.Signal<D | null>;
+    readonly dateFilter: _angular_core.Signal<((date: D | null, type: cmat_components_material_datetimepicker.CmatDatetimepickerFilterType) => boolean) | undefined>;
+    readonly effectiveColor: _angular_core.Signal<ThemePalette>;
+    readonly effectiveTimeInput: _angular_core.Signal<boolean>;
     private _overlay;
     private _injector;
     private _viewContainerRef;
@@ -330,45 +326,10 @@ declare class CmatDatetimepickerComponent<D> implements OnDestroy {
     private _backdropHarnessClass;
     private _inputStateChanges;
     private _closeAnimationTimeoutId;
-    private _multiYearSelector;
-    private _twelvehour;
-    private _panelClass;
     private _opened;
-    private _color;
     private _startAt;
-    private _type;
-    private _touchUi;
     private _disabled;
-    private _timeInput;
-    private _restoreFocus;
     constructor();
-    get multiYearSelector(): boolean;
-    set multiYearSelector(value: boolean);
-    get twelvehour(): boolean;
-    set twelvehour(value: boolean);
-    get panelClass(): string | string[];
-    set panelClass(value: string | string[]);
-    get opened(): boolean;
-    set opened(value: boolean);
-    get color(): ThemePalette;
-    set color(value: ThemePalette);
-    get startAt(): D | null;
-    set startAt(date: D | null);
-    get type(): CmatDatetimepickerType;
-    set type(value: CmatDatetimepickerType);
-    get timeInput(): boolean;
-    set timeInput(value: boolean);
-    get touchUi(): boolean;
-    set touchUi(value: boolean);
-    get disabled(): boolean;
-    set disabled(value: boolean);
-    get restoreFocus(): boolean;
-    set restoreFocus(value: boolean);
-    get selected(): D | null;
-    set selected(value: D | null);
-    get minDate(): D | null;
-    get maxDate(): D | null;
-    get dateFilter(): (date: D | null, type: CmatDatetimepickerFilterType) => boolean;
     ngOnDestroy(): void;
     registerInput(input: CmatDatetimepickerInputDirective<D>): void;
     open(): void;
@@ -382,8 +343,8 @@ declare class CmatDatetimepickerComponent<D> implements OnDestroy {
     private _getDropdownStrategy;
     private _setConnectedPositions;
     private _getCloseStream;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatDatetimepickerComponent<any>, "cmat-datetimepicker", ["cmatDatetimepicker"], { "startView": { "alias": "startView"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "timeInterval": { "alias": "timeInterval"; "required": false; }; "preventSameDateTimeSelection": { "alias": "preventSameDateTimeSelection"; "required": false; }; "xPosition": { "alias": "xPosition"; "required": false; }; "yPosition": { "alias": "yPosition"; "required": false; }; "multiYearSelector": { "alias": "multiYearSelector"; "required": false; }; "twelvehour": { "alias": "twelvehour"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "opened": { "alias": "opened"; "required": false; }; "color": { "alias": "color"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "type": { "alias": "type"; "required": false; }; "timeInput": { "alias": "timeInput"; "required": false; }; "touchUi": { "alias": "touchUi"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "restoreFocus": { "alias": "restoreFocus"; "required": false; }; }, { "selectedChanged": "selectedChanged"; "openedStream": "openedStream"; "closedStream": "closedStream"; "viewChanged": "viewChanged"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatDatetimepickerComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatDatetimepickerComponent<any>, "cmat-datetimepicker", ["cmatDatetimepicker"], { "startView": { "alias": "startView"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "timeInterval": { "alias": "timeInterval"; "required": false; "isSignal": true; }; "preventSameDateTimeSelection": { "alias": "preventSameDateTimeSelection"; "required": false; "isSignal": true; }; "xPosition": { "alias": "xPosition"; "required": false; "isSignal": true; }; "yPosition": { "alias": "yPosition"; "required": false; "isSignal": true; }; "multiYearSelector": { "alias": "multiYearSelector"; "required": false; "isSignal": true; }; "twelvehour": { "alias": "twelvehour"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "timeInput": { "alias": "timeInput"; "required": false; "isSignal": true; }; "touchUi": { "alias": "touchUi"; "required": false; "isSignal": true; }; "restoreFocus": { "alias": "restoreFocus"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "opened": { "alias": "opened"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "startAt": { "alias": "startAt"; "required": false; "isSignal": true; }; }, { "openedStream": "openedStream"; "closedStream": "closedStream"; "viewChanged": "viewChanged"; }, never, never, true, never>;
 }
 
 declare class CmatDatetimepickerIntl {
@@ -408,61 +369,58 @@ declare class CmatDatetimepickerIntl {
     cancelLabel: string;
     formatYearRange(start: string, end: string): string;
     formatYearRangeLabel(start: string, end: string): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerIntl, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<CmatDatetimepickerIntl>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatDatetimepickerIntl, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<CmatDatetimepickerIntl>;
 }
 
 declare class CmatDatetimepickerToggleIconDirective {
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerToggleIconDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CmatDatetimepickerToggleIconDirective, "[cmatDatetimepickerToggleIcon]", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatDatetimepickerToggleIconDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CmatDatetimepickerToggleIconDirective, "[cmatDatetimepickerToggleIcon]", never, {}, {}, never, never, true, never>;
 }
-declare class CmatDatetimepickerToggleComponent<D> implements AfterContentInit, OnChanges {
-    datetimepicker: CmatDatetimepickerComponent<D>;
-    tabIndex: number;
-    ariaLabel?: string;
-    disableRipple: boolean;
-    customIcon: CmatDatetimepickerToggleIconDirective;
-    button: MatButton;
-    class: string;
-    readonly refreshVersion: i0.WritableSignal<number>;
+declare class CmatDatetimepickerToggleComponent<D> {
+    readonly customIcon: _angular_core.Signal<CmatDatetimepickerToggleIconDirective | undefined>;
+    readonly button: _angular_core.Signal<MatButton | undefined>;
+    readonly datetimepicker: _angular_core.InputSignal<CmatDatetimepickerComponent<D>>;
+    readonly tabIndex: _angular_core.InputSignal<number>;
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    readonly disableRipple: _angular_core.InputSignal<boolean>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean | undefined, boolean | undefined>;
+    readonly isDisabled: _angular_core.Signal<boolean | undefined>;
+    readonly refreshVersion: _angular_core.WritableSignal<number>;
     protected intl: CmatDatetimepickerIntl;
     private readonly _destroyRef;
-    private _disabled;
-    get disabled(): boolean;
-    set disabled(value: boolean);
-    ngOnChanges(changes: SimpleChanges): void;
-    ngAfterContentInit(): void;
+    constructor();
     open(event: Event): void;
     private _watchStateChanges;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerToggleComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatDatetimepickerToggleComponent<any>, "cmat-datetimepicker-toggle", ["cmatDatetimepickerToggle"], { "datetimepicker": { "alias": "for"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["customIcon"], ["[cmatDatetimepickerToggleIcon]"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatDatetimepickerToggleComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatDatetimepickerToggleComponent<any>, "cmat-datetimepicker-toggle", ["cmatDatetimepickerToggle"], { "datetimepicker": { "alias": "for"; "required": true; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "disableRipple": { "alias": "disableRipple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, ["customIcon"], ["[cmatDatetimepickerToggleIcon]"], true, never>;
 }
 
 declare class CmatDatetimepickerMonthViewComponent<D> implements AfterContentInit, OnDestroy {
-    type: CmatDatetimepickerType;
-    userSelection: EventEmitter<void>;
-    dateFilter: (date: D) => boolean;
-    selectedChange: EventEmitter<D>;
-    weeks: CmatDatetimepickerCalendarCellComponent[][];
-    firstWeekOffset: number;
-    selectedDate: number | null;
-    todayDate: number | null;
+    readonly userSelection: _angular_core.OutputEmitterRef<void>;
+    readonly selectedChange: _angular_core.OutputEmitterRef<D>;
+    readonly type: _angular_core.InputSignal<CmatDatetimepickerType>;
+    readonly dateFilter: _angular_core.InputSignal<((date: D) => boolean) | undefined>;
+    readonly minDate: _angular_core.InputSignal<D | null>;
+    readonly maxDate: _angular_core.InputSignal<D | null>;
+    readonly selected: _angular_core.InputSignal<D | null>;
+    weeks: _angular_core.WritableSignal<CmatDatetimepickerCalendarCellComponent[][]>;
+    firstWeekOffset: _angular_core.WritableSignal<number>;
+    selectedDate: _angular_core.WritableSignal<number | null>;
+    todayDate: _angular_core.WritableSignal<number | null>;
     weekdays: {
         long: string;
         narrow: string;
     }[];
-    readonly calendarState: i0.WritableSignal<string>;
+    readonly calendarState: _angular_core.WritableSignal<string>;
+    readonly activeDate: _angular_core.InputSignal<D>;
+    readonly resolvedActiveDate: _angular_core.Signal<D>;
     adapter: DatetimeAdapter<D>;
     private _dateFormats;
     private _activeDate;
-    private _selected;
     private _elementRef;
     private _calendarAnimationListener;
     constructor();
-    get activeDate(): D;
-    set activeDate(value: D);
-    get selected(): D;
-    set selected(value: D);
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
     dateSelected(date: number): void;
@@ -471,31 +429,31 @@ declare class CmatDatetimepickerMonthViewComponent<D> implements AfterContentIni
     private _createWeekCells;
     private _getDateInCurrentMonth;
     private _changeCalendarState;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerMonthViewComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatDatetimepickerMonthViewComponent<any>, "cmat-datetimepicker-month-view", ["cmatDatetimepickerMonthView"], { "type": { "alias": "type"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "activeDate": { "alias": "activeDate"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, { "userSelection": "userSelection"; "selectedChange": "selectedChange"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatDatetimepickerMonthViewComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatDatetimepickerMonthViewComponent<any>, "cmat-datetimepicker-month-view", ["cmatDatetimepickerMonthView"], { "type": { "alias": "type"; "required": false; "isSignal": true; }; "dateFilter": { "alias": "dateFilter"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "activeDate": { "alias": "activeDate"; "required": true; "isSignal": true; }; }, { "userSelection": "userSelection"; "selectedChange": "selectedChange"; }, never, never, true, never>;
 }
 
 declare class CmatDatetimepickerYearViewComponent<D> implements AfterContentInit, OnDestroy {
-    userSelection: EventEmitter<void>;
-    type: CmatDatetimepickerType;
-    dateFilter: (date: D) => boolean;
-    selectedChange: EventEmitter<D>;
-    months: CmatDatetimepickerCalendarCellComponent[][];
-    yearLabel: string;
-    todayMonth: number | null;
-    selectedMonth: number | null;
-    readonly calendarState: i0.WritableSignal<string>;
+    readonly userSelection: _angular_core.OutputEmitterRef<void>;
+    readonly selectedChange: _angular_core.OutputEmitterRef<D>;
+    readonly type: _angular_core.InputSignal<CmatDatetimepickerType>;
+    readonly dateFilter: _angular_core.InputSignal<((date: D) => boolean) | undefined>;
+    readonly minDate: _angular_core.InputSignal<D | null>;
+    readonly maxDate: _angular_core.InputSignal<D | null>;
+    readonly selected: _angular_core.InputSignal<D | null>;
+    readonly activeDate: _angular_core.InputSignal<D>;
+    months: _angular_core.WritableSignal<CmatDatetimepickerCalendarCellComponent[][]>;
+    yearLabel: _angular_core.WritableSignal<string>;
+    todayMonth: _angular_core.WritableSignal<number | null>;
+    selectedMonth: _angular_core.WritableSignal<number | null>;
+    readonly calendarState: _angular_core.WritableSignal<string>;
+    readonly resolvedActiveDate: _angular_core.Signal<D>;
     adapter: DatetimeAdapter<D>;
     private _dateFormats;
-    private _activeDate;
-    private _selected;
     private _elementRef;
     private _calendarAnimationListener;
+    private _internalActiveDate;
     constructor();
-    get activeDate(): D;
-    set activeDate(value: D);
-    get selected(): D;
-    set selected(value: D);
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
     monthSelected(month: number): void;
@@ -505,8 +463,8 @@ declare class CmatDatetimepickerYearViewComponent<D> implements AfterContentInit
     private _createCellForMonth;
     private _isMonthEnabled;
     private _changeCalendarState;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerYearViewComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatDatetimepickerYearViewComponent<any>, "cmat-datetimepicker-year-view", ["cmatDatetimepickerYearView"], { "type": { "alias": "type"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "activeDate": { "alias": "activeDate"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, { "userSelection": "userSelection"; "selectedChange": "selectedChange"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatDatetimepickerYearViewComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatDatetimepickerYearViewComponent<any>, "cmat-datetimepicker-year-view", ["cmatDatetimepickerYearView"], { "type": { "alias": "type"; "required": false; "isSignal": true; }; "dateFilter": { "alias": "dateFilter"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "activeDate": { "alias": "activeDate"; "required": true; "isSignal": true; }; }, { "userSelection": "userSelection"; "selectedChange": "selectedChange"; }, never, never, true, never>;
 }
 
 export { CLOCK_INNER_RADIUS, CLOCK_OUTER_RADIUS, CLOCK_RADIUS, CLOCK_TICK_RADIUS, CMAT_DATETIMEPICKER_SCROLL_STRATEGY, CMAT_DATETIMEPICKER_SCROLL_STRATEGY_FACTORY, CMAT_DATETIMEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER, CMAT_DATETIMEPICKER_VALIDATORS, CMAT_DATETIMEPICKER_VALUE_ACCESSOR, CmatDatetimepickerCalendarBodyComponent, CmatDatetimepickerCalendarCellComponent, CmatDatetimepickerCalendarComponent, CmatDatetimepickerClockComponent, CmatDatetimepickerComponent, CmatDatetimepickerContentComponent, CmatDatetimepickerFilterType, CmatDatetimepickerInputDirective, CmatDatetimepickerInputEvent, CmatDatetimepickerMonthViewComponent, CmatDatetimepickerToggleComponent, CmatDatetimepickerToggleIconDirective, CmatDatetimepickerYearViewComponent };