Get Started

DateInput

Astryx documentation

Selects a constrained date with standard month and week presentation.

longlink docs --component "DateInput"
DateInput [Form]
Props and types
type ISODateString = `${number}${number}${number}${number}-${number}${number}-${number}${number}`;
​
type DateInputProps = FieldProps & {
    value?: ISODateString;
    onChange?: (value: ISODateString | undefined) => void;
    min?: ISODateString;
    max?: ISODateString;
    dateConstraints?: readonly ((date: Date) => boolean)[];
    placeholder?: string;
    hasClear?: boolean;
    size?: 'sm' | 'md' | 'lg';
};
​
declare function DateInput(props: DateInputProps): React.JSX.Element;
function Example() {
  const [value, setValue] = useState('2026-10-02');
​
  return <DateInput label="Due date" value={value} onChange={setValue} />;
}