DateField

View Source

Copy

Edit

render(() => {
  const [date, setDate] = React.useState(Calendar.TODAY)
  return (
    <DateField
      minDate={Calendar.TODAY}
      value={date}
      onChange={(date) => setDate(date)}
    />
  )
})

render(() => {
  const [date, setDate] = React.useState(Calendar.TODAY)
  return (
    <DateField
      minDate={Calendar.TODAY}
      value={date}
      onChange={(date) => setDate(date)}
    />
  )
})

Props

formatValuestring

Format the displayed date using date-fns format function.

defaultOpenboolean

Controls the initial Popover state: open or closed (default).

minDateDate

The minimum date that can be chosen.

maxDateDate

The maximum date that can be chosen.

onChange(date: Date) => null

Called when a date has been selected.

placementstring

Determines where the popover is placed.

valueDate

The date that will be selected.

popoverPropsobject

Accepts any valid Popover props.

Props

PreviousCombobox NextField