DateField

View Source

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)}
    />
  )
})

Example with day/month/year format

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

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