import { default as React } from 'react';
import { ElementSize, FormVariant } from '../FieldWrapper';
export interface TimePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'size' | 'value' | 'defaultValue' | 'onChange' | 'type' | 'className'> {
    name: string;
    label?: string;
    value?: string;
    defaultValue?: string;
    onChangeValue?: (value: string) => void;
    variant?: FormVariant;
    size?: ElementSize;
    showSeconds?: boolean;
    clearable?: boolean;
    required?: boolean;
    disabled?: boolean;
    error?: string;
    /**
     * @type|class
     * @schema [{
     *   "key": "Radius",
     *   "prefix": "rounded",
     *   "type": "select",
     *   "options": [
     *     {"key": "none", "label": "None"},
     *     {"key": "sm", "label": "Small"},
     *     {"key": "md", "label": "Medium"},
     *     {"key": "lg", "label": "Large"},
     *     {"key": "full", "label": "Full"}
     *   ]
     * },{
     *   "key": "Shadow",
     *   "prefix": "shadow",
     *   "type": "select",
     *   "options": [
     *     {"key": "none", "label": "None"},
     *     {"key": "sm", "label": "Small"},
     *     {"key": "md", "label": "Medium"},
     *     {"key": "lg", "label": "Large"}
     *   ]
     * },{
     *   "key": "Background",
     *   "prefix": "bg",
     *   "type": "select",
     *   "options": [
     *     {"key": "transparent", "label": "Transparent"},
     *     {"key": "white dark:bg-gray-900", "label": "Solid"},
     *     {"key": "gray-50 dark:bg-gray-800", "label": "Subtle"}
     *   ]
     * }]
     */
    className?: string;
}
export default function TimePicker({ name, label, value, defaultValue, onChangeValue, variant, size, showSeconds, clearable, required, disabled, error, className, step, ...props }: TimePickerProps): import("react/jsx-runtime").JSX.Element;