---
fdRelatedComponents:
  - fd-date-input
---

# Date Input

`fd-date-input` can be used to get date + date range inputs from a user. Currently `fd-date-input` is used by `fd-date-picker` but you can also use it on it's own if you want.

## Default Date Input

<d-example name="date-input-default">
</d-example>

## Date Range Input

<d-example name="date-input-range">
</d-example>

## Date Input & `v-model`

<d-example name="date-input-vmodel">
</d-example>