Phenix Storybook

Pick a theme

Displays Riders

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} timeslots={[%{"days" => "0,1,2,3,4,5,6", "slot" => ["06:00", "13:59"]}, %{"days" => "0,6", "slot" => ["12:00", "13:59"]}]} start_seconds="00" end_seconds="59"/>
</.phx_form_for>