Get Started

DateTimeInput

Astryx documentation

Selects a constrained date and time without custom picker presentation.

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