import type { IElementRef, OnCreate, OnDestroy } from '@melodicdev/core';
import '../date-picker/date-picker.component.js';
import '../time-picker/time-picker.component.js';
/**
 * ml-date-time-picker - Combined date and time picker
 *
 * Composes ml-date-picker and ml-time-picker into a single control.
 * Value format: ISO datetime string (YYYY-MM-DDTHH:mm or YYYY-MM-DDTHH:mm:ss)
 *
 * @example
 * ```html
 * <ml-date-time-picker label="Event start" value="2026-02-08T09:30"></ml-date-time-picker>
 * <ml-date-time-picker label="Meeting" use-12-hour></ml-date-time-picker>
 * ```
 *
 * @fires ml:change - Emitted when value changes. Detail: { value: string, date: string, time: string }
 */
export declare class DateTimePickerComponent implements IElementRef, OnCreate, OnDestroy {
    elementRef: HTMLElement;
    /** Selected datetime in ISO format (YYYY-MM-DDTHH:mm) */
    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) */
    minDate: string;
    /** Maximum selectable date (YYYY-MM-DD) */
    maxDate: string;
    /** Minimum selectable time (HH:mm) */
    minTime: string;
    /** Maximum selectable time (HH:mm) */
    maxTime: string;
    /** Time step in minutes */
    step: number;
    /** Use 12-hour format (default: true) */
    twelveHour: boolean;
    /** Internal date portion */
    dateValue: string;
    /** Internal time portion */
    timeValue: string;
    private _listeners;
    get use12Hour(): boolean;
    get displayValue(): string;
    onCreate(): void;
    onDestroy(): void;
    private syncFromValue;
    private attachChildListeners;
    private emitChange;
}
//# sourceMappingURL=date-time-picker.component.d.ts.map