import * as React from 'react'; import { type VariantProps } from 'class-variance-authority'; import { inputVariants } from '../input/input-variants'; type TimeFieldVariant = NonNullable['variant']>; type TimeFieldSize = NonNullable['size']>; interface TimeFieldProps extends Omit, 'defaultValue' | 'onChange'> { /** Controlled value, a 24-hour `"HH:mm[:ss]"` string. Pair with `onValueChange`. */ value?: string | null; /** Uncontrolled initial value. */ defaultValue?: string | null; /** Fires with the time string when complete, or `null` when cleared. */ onValueChange?: (time: string | null) => void; /** * date-fns token string - `H`/`HH`, `h`/`hh`, `m`/`mm`, `s`/`ss`, `a`. * @default 'HH:mm' */ format?: string; /** * Field appearance - bordered or filled. * @default 'outline' */ variant?: TimeFieldVariant; /** * Height, padding, and text scale. * @default 'md' */ size?: TimeFieldSize; /** Content pinned to the start edge. */ startSlot?: React.ReactNode; /** Content pinned to the end edge. */ endSlot?: React.ReactNode; /** * Blocks interaction and removes the segments from the tab order. * @default false */ disabled?: boolean; /** * Segments stay focusable and readable but can't be edited. * @default false */ readOnly?: boolean; /** * Marks the hidden form input as required (needs `name`). * @default false */ required?: boolean; /** Renders a hidden `` with the time value for form submission. */ name?: string; /** * Drop the input appearance - for composing inside another field (used by `DatePicker`). * @default false */ unstyled?: boolean; /** Ref to the underlying element. */ ref?: React.Ref; } declare function TimeField({ className, value, defaultValue, onValueChange, format, variant, size, startSlot, endSlot, disabled: disabledProp, readOnly, required, name: nameProp, unstyled, ref, ...rest }: TimeFieldProps): React.JSX.Element; export { TimeField }; export type { TimeFieldProps }; //# sourceMappingURL=time-field.d.ts.map