import type { IElementRef, OnCreate, OnDestroy } from '@melodicdev/core';
/**
 * ml-date-picker - Date input with calendar dropdown
 *
 * @example
 * ```html
 * <ml-date-picker label="Start date" value="2026-02-08"></ml-date-picker>
 * <ml-date-picker placeholder="Select date" min="2026-01-01" max="2026-12-31"></ml-date-picker>
 * ```
 *
 * @fires ml:change - Emitted when a date is selected. Detail: { value: string }
 */
export declare class DatePickerComponent implements IElementRef, OnCreate, OnDestroy {
    elementRef: HTMLElement;
    /** Selected date in ISO format (YYYY-MM-DD) */
    value: string;
    /** Placeholder text */
    placeholder: string;
    /** Field label */
    label: string;
    /** Hint text */
    hint: string;
    /** Error message */
    error: string;
    /** Input size */
    size: 'sm' | 'md' | 'lg';
    /** Disabled state */
    disabled: boolean;
    /** Required state */
    required: boolean;
    /** Minimum selectable date (YYYY-MM-DD) */
    min: string;
    /** Maximum selectable date (YYYY-MM-DD) */
    max: string;
    /** Whether the calendar popover is open */
    isOpen: boolean;
    private _cleanupAutoUpdate;
    get displayValue(): string;
    onCreate(): void;
    onDestroy(): void;
    toggleCalendar: () => void;
    /** Called when a day is clicked - selects immediately and closes */
    handleDateSelect: (event: Event) => void;
    handleKeyDown: (event: KeyboardEvent) => void;
    private commitValue;
    private readonly _handleToggle;
    private closePopover;
    private startPositioning;
    private updatePosition;
    private returnFocus;
    private getTriggerEl;
    private getPopoverEl;
}
//# sourceMappingURL=date-picker.component.d.ts.map