Skip to main content

DateField


Example

Props

NameTypeDefault ValueRequiredDescription
type"range" | "single"No
shortcutsShortcutProps<Date>[] | ShortcutProps<[Date, Date]>[]No
namestringNo
valueDate | [Date, Date]Yes
onChange((value: Date) => unknown) | ((value: [Date, Date]) => unknown)Yes
onBlur() => unknownNo
labelstringYes
issuesNonEmptyArray<Children>No
disabledbooleanNo
assistiveTextChildrenNo
autoFocusbooleanNo
hintstringNo
hintPlacement"bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start"No
minDateDateNo
maxDateDateNo
shouldDisableDate(date: Date) => booleanNo
readOnlybooleanNo