Date Range Picker

<.date_range_picker start_name="vacation_start" end_name="vacation_end" />

<.form :let={f} for={to_form(%{})} phx-change="validate">
  <.date_range_picker
    start_field={f[:departure_date]}
    end_field={f[:return_date]}
    min={Date.utc_today()}
    max={Date.add(Date.utc_today(), 365)}
    navigation="extended"
    placeholder="Flight date"
  />
</.form>

<.date_range_picker
  close="confirm"
  start_name="vacation_start"
  end_name="vacation_end"
/>

<.date_range_picker
  start_name="vacation_start"
  end_name="vacation_end"
  display_format="%b %d"
  start_value={Date.utc_today()}
  end_value={Date.add(Date.utc_today(), 4)}
/>