Date Picker

<.date_picker name="date" />

<.date_picker
  name="date"
  label="Event Date"
  placeholder="Select a date"
  description="Must be on a weekday (Monday-Friday)"
  sublabel="Required"
/>

<.form :let={f} for={to_form(%{})} phx-change="validate">
  <.date_picker field={f[:date]} />
</.form>

<.date_picker
  name="project_deadline"
  display_format="%-d %B"
  min={Date.utc_today()}
  max={Date.add(Date.utc_today(), 30)}
/>

<.date_picker name="date" />

<.date_picker
  name="holiday_date"
  placeholder="Select dates"
  multiple
/>

<.date_picker
  name="date"
  value={Date.utc_today()}
  display_format="%m/%d/%Y"
/>

<.date_picker
  name="date"
  value={Date.utc_today()}
  display_format="%d.%m.%y"
/>

<.date_picker
  name="date"
  value={Date.utc_today()}
  display_format="%B %d, %Y"
/>

<.date_picker
  name="holiday_date"
  placeholder="Select dates"
  week_start={1}
/>

<.date_picker name="date" close="manual" />

<.date_picker name="date" close="confirm" />

<.date_picker name="date" navigation="extended" />

<.date_picker name="date" navigation="select" />