import * as _angular_core from '@angular/core';
import { ElementRef } from '@angular/core';
import { ControlValueAccessor } from '@angular/forms';
import { WrDateFormat } from 'ngwr/date-adapter';

/**
 * Unified date / time / date-time picker. Same `<input>` + popover skeleton
 * for every mode — the overlay content swaps based on `[mode]`:
 *
 * - `'date'` (default) — popover renders a calendar. Picking a date closes
 *   the overlay.
 * - `'time'` — popover renders an `HH:MM[:SS]` stepper with optional AM/PM.
 *   Stays open while editing; close with outside-click or Escape.
 * - `'datetime'` — popover stacks calendar + time stepper. Picking a date
 *   does NOT close (the user typically wants to set the time next).
 *
 * Implements `ControlValueAccessor` — bind via `[(ngModel)]`, `[formControl]`,
 * or `formControlName`. Value type is `Date | null` for every mode.
 *
 * Parses the input on every keystroke (silently — only emits when valid) and
 * re-formats canonical on blur. Format is driven by {@link WrDateAdapter}: it
 * accepts both named keys (`'shortDate'`, `'mediumDateTime'`, …) and raw
 * token strings (`'dd.MM.yyyy'`, `'HH:mm'`). When `format` is left at the
 * default (`null`), the picker derives the right named key from `mode`:
 * `'date'` → `'shortDate'`, `'time'` → `'shortTime'`, `'datetime'` →
 * `'shortDateTime'`.
 *
 * @example
 * ```html
 * <!-- Date only -->
 * <wr-date-picker [(ngModel)]="picked" format="dd.MM.yyyy" [min]="minDate" />
 *
 * <!-- Time only -->
 * <wr-date-picker mode="time" [(ngModel)]="picked" timeFormat="24h" />
 *
 * <!-- Date + time -->
 * <wr-date-picker mode="datetime" [(ngModel)]="when" [showSeconds]="true" [step]="5" />
 * ```
 *
 * @see https://ngwr.dev/components/date-picker
 */
declare class WrDatePicker implements ControlValueAccessor {
    /** Picker behavior — see class doc. @default 'date' */
    readonly mode: _angular_core.InputSignal<"time" | "date" | "datetime">;
    /**
     * Format used for both display and parsing. When `null` (default), the
     * format is derived from `mode` (`shortDate` / `shortTime` /
     * `shortDateTime`). Pass a named key or raw token string to override.
     */
    readonly format: _angular_core.InputSignal<WrDateFormat | (string & {}) | null>;
    /** Placeholder shown when the input is empty. */
    readonly placeholder: _angular_core.InputSignal<string>;
    /** Min selectable date (forwarded to the calendar). Ignored in `time` mode. */
    readonly min: _angular_core.InputSignal<Date | null>;
    /** Max selectable date (forwarded to the calendar). Ignored in `time` mode. */
    readonly max: _angular_core.InputSignal<Date | null>;
    /** Predicate to disable specific dates (forwarded to the calendar). Ignored in `time` mode. */
    readonly dateFilter: _angular_core.InputSignal<((date: Date) => boolean) | null>;
    /** Time-panel 12 / 24-hour format. Applies in `time` + `datetime` modes. @default 'auto' */
    readonly timeFormat: _angular_core.InputSignal<"auto" | "12h" | "24h">;
    /** Render the seconds column. Applies in `time` + `datetime` modes. @default false */
    readonly showSeconds: _angular_core.InputSignalWithTransform<boolean, any>;
    /** Minute / second step for the time panel. @default 1 */
    readonly step: _angular_core.InputSignalWithTransform<number, unknown>;
    /** Disable interaction. @default false */
    readonly disabled: _angular_core.InputSignalWithTransform<boolean, any>;
    /** Read-only — input not typeable, but the trigger icon still opens the overlay. @default false */
    readonly readonly: _angular_core.InputSignalWithTransform<boolean, any>;
    private readonly adapter;
    private readonly overlay;
    private readonly scrollStrategies;
    private readonly host;
    private readonly destroyRef;
    protected readonly inputEl: _angular_core.Signal<ElementRef<HTMLInputElement>>;
    /** The picked Date. Mirrored from the CVA. */
    protected readonly value: _angular_core.WritableSignal<Date | null>;
    /** Text currently in the input (may be partial / invalid mid-type). */
    protected readonly text: _angular_core.WritableSignal<string>;
    private readonly disabledFromCva;
    protected readonly effectiveDisabled: _angular_core.Signal<boolean>;
    /** Whether the popover is currently open. */
    protected readonly overlayOpen: _angular_core.WritableSignal<boolean>;
    /** Resolved format — falls back to a mode-appropriate default. */
    protected readonly resolvedFormat: _angular_core.Signal<string>;
    protected readonly isTime: _angular_core.Signal<boolean>;
    protected readonly isDateTime: _angular_core.Signal<boolean>;
    private readonly labelDate;
    private readonly labelTime;
    private readonly labelDateTime;
    protected readonly triggerLabel: _angular_core.Signal<string>;
    protected readonly classes: _angular_core.Signal<string>;
    private overlayRef;
    /** Live calendar ref while the date popover is open — lets the panel track
     * the typed value in real time (not just on reopen). */
    private readonly dateRef;
    constructor();
    private onChange;
    private onTouched;
    writeValue(value: Date | null): void;
    registerOnChange(fn: (value: Date | null) => void): void;
    registerOnTouched(fn: () => void): void;
    setDisabledState(isDisabled: boolean): void;
    protected onInput(event: Event): void;
    protected onBlur(): void;
    /** Called by the input's click — opens the overlay if it isn't open already. */
    protected openOnInput(): void;
    protected toggleOverlay(): void;
    private openOverlay;
    private attachDate;
    private attachTime;
    private attachDateTime;
    private commit;
    private closeOverlay;
    private dispose;
    private isOutOfBounds;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrDatePicker, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrDatePicker, "wr-date-picker", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "dateFilter": { "alias": "dateFilter"; "required": false; "isSignal": true; }; "timeFormat": { "alias": "timeFormat"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

export { WrDatePicker };