import { DatePickerDateFormat, DatePickerTimeFormat, DatePickerWeekStartDay, InputSize } from '../../shared/types';
export type LuksoInputDatePickerOnChangeEventDetail = {
    value: string;
    event: Event;
};
declare const LuksoInputDatePicker_base: typeof import('lit').LitElement;
/**
 * An input that opens a date picker dropdown when clicked.
 * Displays the selected date/time inline with customizable formatting.
 * Emits `on-change` with `{ value: string, event }` where `value` is an ISO 8601 date-time string.
 */
export declare class LuksoInputDatePicker extends LuksoInputDatePicker_base {
    /** ISO 8601 date-time string, e.g. "2026-05-15T20:00" */
    value?: string;
    /** Minimum selectable date as ISO date string, e.g. "2026-01-01" */
    min?: string;
    /** Maximum selectable date as ISO date string, e.g. "2026-12-31" */
    max?: string;
    /** BCP-47 locale tag for Intl formatting. Defaults to the device locale. */
    locale: string;
    /** Component size preset. */
    size: InputSize;
    /** Placeholder text shown when no date is selected. */
    placeholder: string;
    /** Optional label shown above the input. */
    label?: string;
    /** Optional description shown below the label. */
    description?: string;
    /** Optional error message shown below the input. */
    error?: string;
    /** Whether to show the time picker and include time in the displayed value. */
    showTime: boolean;
    /** How to display the date in the input field. */
    dateFormat: DatePickerDateFormat;
    /** Time display format. "auto" detects the device preference via Intl. */
    timeFormat: DatePickerTimeFormat;
    /** First day of the week in the calendar grid. */
    weekStartDay: DatePickerWeekStartDay;
    /** Disables all interaction. */
    isDisabled: boolean;
    /** Makes the input read-only (display only, cannot open picker). */
    isReadonly: boolean;
    /** Stretches the input to full width. */
    isFullWidth: boolean;
    /** Removes the border from the input. */
    borderless: boolean;
    /** CSS color value for the selected day background. Forwarded to date picker. */
    selectedBgColor?: string;
    /** CSS color value for the selected day text. Forwarded to date picker. */
    selectedTextColor?: string;
    /** Opens the calendar above the input instead of below. */
    openTop: boolean;
    /** Aligns the calendar to the right edge of the input. */
    openRight: boolean;
    private _isOpen;
    private _internalValue?;
    private readonly _inputId;
    private _boundOutsideClick?;
    private wrapperStyles;
    private inputStyles;
    private iconStyles;
    connectedCallback(): void;
    disconnectedCallback(): void;
    willUpdate(changed: Map<string | number | symbol, unknown>): void;
    private _formatDisplayValue;
    private _handleOutsideClick;
    private _handleInputClick;
    private _handleDatePickerChange;
    render(): import('lit-html').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'lukso-input-date-picker': LuksoInputDatePicker;
    }
}
export {};
//# sourceMappingURL=index.d.ts.map