import React from 'react';
import { FlintTimePicker as FlintTimePickerElement } from '@getufy/flint-ui/time-picker/flint-time-picker';
export interface FlintTimePickerChangeDetail {
    value: string;
}
/**
 * Time Picker: a configurable time input supporting desktop, mobile, and static variants.
 */
export interface FlintTimePickerProps extends Omit<React.HTMLAttributes<FlintTimePickerElement>, 'defaultValue'> {
    /** Time value in HH:MM:SS format. */
    value?: string;
    /** Field label text. */
    label?: string;
    /**
     * Picker variant controlling the UI style.
     * Allowed values: 'desktop' | 'mobile' | 'static' | 'auto'
     */
    variant?: 'desktop' | 'mobile' | 'static' | 'auto';
    /** Whether to use 12-hour (AM/PM) format instead of 24-hour. */
    ampm?: boolean;
    /** Whether to show a seconds segment. */
    seconds?: boolean;
    /** Disables the picker and prevents interaction. */
    disabled?: boolean;
    /** Displays the picker in an error state. */
    error?: boolean;
    /** Helper text shown below the field. */
    helperText?: string;
    /** Error message displayed below the field when in error state. */
    errorMessage?: string;
    /** Form field name used when submitting form data. */
    name?: string;
    /** Marks the time picker as required for form validation. */
    required?: boolean;
    /** Initial value for uncontrolled usage (HH:MM:SS format). */
    defaultValue?: string;
    /**
     * Fired when the time value changes. detail: `{ value: string }`
     * DOM event: `flint-time-picker-change`
     */
    onFlintTimePickerChange?: (event: CustomEvent<FlintTimePickerChangeDetail>) => void;
}
export declare const FlintTimePicker: React.ForwardRefExoticComponent<FlintTimePickerProps & React.RefAttributes<FlintTimePickerElement>>;