DatePicker

import { DatePicker } from '@fluidtruck/core'

function DatePickerUsage() {
  const [state, setState] = React.useState()
  const [focused, setFocused] = React.useState(false)

  const handleDateChange = (date) => {
    setState(date)
  }
  return (
    <DatePicker
      // minimum props needed
      id="date-picker"
      focused={focused}
      date={state}
      onFocusChange={({ focused }) => setFocused(focused)}
      onDateChange={handleDateChange}
      // selectable dates
      isOutsideRange={() => false /* past dates selectable */}
      // misc
      placeholder="MM/DD/YYYY"
      displayFormat="MM/DD/YYYY"
    />
  )
}
render(<DatePickerUsage />)