import { type FocusEventHandler, type ChangeEventHandler } from 'react';
export type TTimeInputProps = {
    /**
     * Used as HTML id property. An id is auto-generated when it is not specified.
     */
    id?: string;
    /**
     * Indicate if the value entered in the input is invalid.
     */
    'aria-invalid'?: boolean;
    /**
     * HTML ID of an element containing an error message related to the input.
     */
    'aria-errormessage'?: string;
    /**
     * Horizontal size limit of the input fields.
     */
    horizontalConstraint?: 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 'scale' | 'auto';
    /**
     * Used as HTML name of the input component.
     */
    name?: string;
    /**
     * Used as HTML autocomplete of the input component.
     */
    autoComplete?: string;
    /**
     * Value of the input
     */
    value?: string;
    /**
     * Called with an event holding the new value.
     */
    onChange?: ChangeEventHandler<HTMLInputElement>;
    /**
     * Called when input is blurred
     */
    onBlur?: FocusEventHandler<HTMLInputElement>;
    /**
     * Called when input is focused
     */
    onFocus?: FocusEventHandler<HTMLInputElement>;
    /**
     * Focus the input on initial render
     */
    isAutofocussed?: boolean;
    /**
     * Indicates that the input cannot be modified (e.g not authorized, or changes currently saving).
     */
    isDisabled?: boolean;
    /**
     * Placeholder text for the input
     */
    placeholder?: string;
    /**
     * Use this property to reduce the paddings of the component for a ui compact variant
     */
    isCondensed?: boolean;
    /**
     * Indicates the input field has a warning
     */
    hasWarning?: boolean;
    /**
     * Indicates if the input has invalid values
     */
    hasError?: boolean;
    /**
     * Indicates that the field is displaying read-only content
     */
    isReadOnly?: boolean;
};
declare const TimeInput: {
    ({ ...props }: TTimeInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
    displayName: string;
    to24h(time: string): string;
    toLocaleTime(time: string | undefined, locale: string): string;
};
export default TimeInput;