import type { VisualVariant } from '../../shared';
import '../../content/icon/icon';
import '../input/input';
export type OreTimePickerEvents = {
    change: Event;
    input: Event;
};
export type OreTimePickerProps = {
    /** Theme color */
    color?: string;
    /** Disable the picker */
    disabled?: boolean;
    /** Validation error message */
    error?: string;
    /** Expand to container width */
    fullwidth?: boolean;
    /** Helper text below the field */
    helper?: string;
    /** Visible label */
    label?: string;
    /** Label placement */
    'label-placement'?: 'inset' | 'outside';
    /** Maximum selectable time in HH:MM format (24-hour) */
    max?: string;
    /** Minimum selectable time in HH:MM format (24-hour) */
    min?: string;
    /** Minute step interval (1–59) */
    'minute-step'?: number;
    /** Form field name */
    name?: string;
    /** Placeholder shown in the trigger */
    placeholder?: string;
    /** Mark field as required */
    required?: boolean;
    /** Border radius */
    rounded?: string;
    /** Component size */
    size?: string;
    /**
     * Shows an inline green check icon inside the field to confirm the value has
     * passed validation. Ignored while `error` is set — an error always wins.
     */
    success?: boolean;
    /** Display format: '12' for AM/PM, '24' for 24-hour (default: '24') */
    'time-format'?: '12' | '24';
    /** Selected time in HH:MM format (24-hour) */
    value?: string;
    /** Visual variant */
    variant?: Exclude<VisualVariant, 'text' | 'frost'>;
};
/**
 * An accessible time picker with a scrollable clock dropdown.
 * Supports 12/24-hour display formats, min/max bounds, minute steps, and form association.
 *
 * @element ore-time-picker
 *
 * @attr {string} value - Selected time in HH:MM (24-hour) format
 * @attr {string} min - Minimum selectable time (HH:MM)
 * @attr {string} max - Maximum selectable time (HH:MM)
 * @attr {string} label - Label text
 * @attr {string} label-placement - 'inset' | 'outside'
 * @attr {string} placeholder - Trigger placeholder
 * @attr {boolean} disabled - Disable the picker
 * @attr {boolean} required - Required field
 * @attr {string} name - Form field name
 * @attr {string} error - Error message
 * @attr {boolean} success - Show an inline success check icon (suppressed while `error` is set)
 * @attr {string} helper - Helper text
 * @attr {string} color - Theme color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'
 * @attr {string} size - Component size: 'sm' | 'md' | 'lg'
 * @attr {string} variant - Visual variant: 'solid' | 'flat' | 'bordered' | 'outline' | 'ghost'
 * @attr {string} rounded - Border radius: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'
 * @attr {string} time-format - '12' or '24' (default: '24')
 * @attr {number} minute-step - Minute increment (default: 5)
 *
 * @fires input - Fired when a time is selected.
 * @fires change - Fired when a time is selected.
 *
 * @slot label - Custom label for the trigger field
 * @slot prefix - Content before the trigger text (e.g. icon)
 * @slot helper - Custom helper text
 * @slot error - Custom error content
 *
 * @cssprop --time-picker-bg - Dropdown background
 * @cssprop --time-picker-border-color - Dropdown border color
 * @cssprop --time-picker-radius - Dropdown border radius
 * @cssprop --time-picker-shadow - Dropdown shadow
 * @cssprop --time-picker-selected-bg - Selected option background
 * @cssprop --time-picker-option-hover-bg - Option hover background
 *
 * @part field - The trigger field
 * @part dropdown - The floating time dropdown
 * @part column - A scrollable column (hours / minutes / period)
 * @part option - An individual time option cell
 *
 * @example
 * ```html
 * <!-- 24-hour clock, 15-minute steps -->
 * <ore-time-picker label="Meeting time" value="09:30" minute-step="15" color="primary"></ore-time-picker>
 *
 * <!-- 12-hour AM/PM format -->
 * <ore-time-picker label="Appointment" time-format="12" minute-step="30"></ore-time-picker>
 *
 * <!-- Outside label, bordered variant -->
 * <ore-time-picker label="Start time" label-placement="outside" variant="bordered"></ore-time-picker>
 * ```
 */
export declare const TIME_PICKER_TAG: "ore-time-picker";
//# sourceMappingURL=time-picker.d.ts.map