<StyleguideExample @title="time-input">
  <TimeInput />
</StyleguideExample>

<StyleguideExample @title="date-input">
  <DateInput />
</StyleguideExample>

<StyleguideExample @title="date-time-input">
  <DateTimeInput @clearable={{true}} />
</StyleguideExample>

<StyleguideExample @title="date-time-input-range">
  <DateTimeInputRange />
</StyleguideExample>

<StyleguideExample @title="date-time-input-range">
  <DateTimeInputRange @showFromTime={{false}} @showToTime={{false}} />
</StyleguideExample>

<StyleguideExample @title="future-date-input">
  <FutureDateInput @displayLabelIcon="far-clock" @clearable={{true}} />
</StyleguideExample>

<StyleguideExample @title="date-picker">
  <DatePicker @defaultDate="YYYY-MM-DD" />
</StyleguideExample>