Get Started

TimeInput

Astryx documentation

Selects a constrained time using the standard picker.

longlink docs --component "TimeInput"
TimeInput [Form]
Props and types
type ISOTimeString = string & { readonly __brand: 'ISOTimeString' };
​
declare function TimeInput(
    props: FieldProps & {
        value?: ISOTimeString;
        onChange?: (value: ISOTimeString | undefined) => void;
        min?: ISOTimeString;
        max?: ISOTimeString;
        hasSeconds?: boolean;
        hasClear?: boolean;
        hourFormat?: '12h' | '24h';
        increment?: number;
        placeholder?: string;
        size?: 'sm' | 'md' | 'lg';
    },
): React.JSX.Element;
function Example() {
  const [value, setValue] = useState();
​
  return <TimeInput label="Start time" value={value} onChange={setValue} />;
}