/**
 * TimePicker is a styled wrapper around the native `<input type="time">`.
 *
 * The browser owns the picker UI: typing into the segmented control, the
 * UA-provided dropdown, and Escape-to-revert semantics all come from the
 * platform. The trailing clock icon opens the native picker — on desktop via
 * `HTMLInputElement.showPicker()`, on iOS Safari (where `showPicker` is not
 * reliably implemented) by dispatching a click on the underlying input, which
 * is what iOS Safari uses to open its native time picker.
 *
 * The `value` prop follows the same string format as the HTML `<input type="time">`
 * element: `"HH:mm"` for hours and minutes, `"HH:mm:ss"` for hours, minutes, and seconds.
 *
 * The component does not render its own `<label>`. Consumers are expected to
 * provide an accessible name via a parent `<label htmlFor>`, `aria-labelledby`,
 * or `aria-label`.
 *
 * @example
 * // Controlled
 * const [time, setTime] = useState<string>('');
 * <TimePicker value={time} onChange={setTime} />
 *
 * @example
 * // With seconds
 * <TimePicker format="HH:mm:ss" />
 */
export declare const TimePicker: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "type" | "aria-invalid" | keyof {
    onChange?: (value: string, event: import("react").SyntheticEvent) => void;
    format?: "HH:mm" | "HH:mm:ss";
    size?: "small" | "medium" | "large";
    invalid?: boolean;
    onClear?: (event: import("react").MouseEvent<HTMLButtonElement>) => void;
    clearButtonProps?: Pick<import("../..").IconButtonProps, "aria-label">;
    pickerIndicatorIconButtonProps?: Pick<import("../..").IconButtonProps, "aria-label">;
}> & {
    onChange?: (value: string, event: import("react").SyntheticEvent) => void;
    format?: "HH:mm" | "HH:mm:ss";
    size?: "small" | "medium" | "large";
    invalid?: boolean;
    onClear?: (event: import("react").MouseEvent<HTMLButtonElement>) => void;
    clearButtonProps?: Pick<import("../..").IconButtonProps, "aria-label">;
    pickerIndicatorIconButtonProps?: Pick<import("../..").IconButtonProps, "aria-label">;
} & import("react").RefAttributes<HTMLInputElement>>;