DropInput

() => <DateInput />

() => <DateInput a11yTitle="Birthdy date" />

() => <DateInput disabled={true} />

() => (
  <DropInputTest
    a11yDropTitle="Open calendar"
    dropContent={
      <Box pad="small">
        <Calendar size="small" />
      </Box>
    }
    defaultValue={smallDate(new Date('08/30/2020'))}
  />
)

() => (
  <DateInput dropIcon={<CalendarIcon />} />
)

() => (
  <DropInputTest plain={true} defaultValue="Plain no focus" />
)

() => (
  <DropInputTest
    plain={true}
    focusIndicator={true}
    defaultValue="Plain with focus"
  />
)

() => (
  <DropInputTest placeholder="Enter phone..." />
)

() => (
  <DropInputTest id="date-id" name="date-name" />
)