Phenix Storybook
- 1.3.0

Multi Days Time Picker

Default date picker input Open in playground
Tous les jours 
<.phx_form_for for={%{}} as={:story} :let={f} grid={false}>
  <.multi_days_time_picker_input_group
    form={f}
    id="multi-days-time-picker-single-default-date-picker-input"
    name={:time}
    timeslots={[%{"days" => "0,1,2,3,4,5,6", "slot" => ["06:00", "13:59"]}]}
  />
</.phx_form_for>
Date picker input with options Open in playground
Dimanche

Ceci est un hint 

<.phx_form_for for={%{}} as={:story} :let={f} grid={false}>
  <.multi_days_time_picker_input_group
    form={f}
    id="multi-days-time-picker-single-date-picker-input-with-options"
    label="Choix des horaires"
    name={:time}
    hint="Ceci est un hint"
    timeslots={[%{"days" => "0", "slot" => ["01:00", "13:59"]}]}
  />
</.phx_form_for>
Date picker input with seconds Open in playground
Tous les jours
Week-end (Sam - Dim) 
<.phx_form_for for={%{}} as={:story} :let={f} grid={false}>
  <.multi_days_time_picker_input_group
    form={f}
    id="multi-days-time-picker-single-date-picker-input-with-seconds"
    name={:time}
    start_seconds="00"
    end_seconds="59"
    timeslots={[%{"days" => "0,1,2,3,4,5,6", "slot" => ["06:00", "13:59"]}, %{"days" => "0,6", "slot" => ["12:00", "13:59"]}]}
  />
</.phx_form_for>