valueFormat prop to change dayjs format of value label:
Include time in
valueFormat to allow hours, minutes and seconds to be entered:
dateParser prop to replace default date parser. Parser function accepts user input (string)
and must return
clearable prop to allow removing value from the input. Input will be cleared if
user selects the same date in dropdown or clears input value:
maxDate props to define min and max dates. If date that is after
minDate is entered, then it will be considered invalid and input value will be reverted
to last known valid date value.
DateInput component supports Input and Input.Wrapper components features and all
input element props.
DateInput documentation does not include all features supported by the component – see Input documentation to learn about all available features.
DateInput is used without
label prop, it will not be announced properly by screen reader:
aria-label to make the input accessible. In this case label will not be visible, but screen reader will announce it:
label prop is set, input will be accessible it is not required to set