<.phx_form_for for={%{}} as={:story} :let={f} class="md:grid-cols-3">
  <.time_picker
    form={f}
    id="time-picker-single-default-time-picker-input"
    name="time"
    value="12:25"
  />
</.phx_form_for>

<.phx_form_for for={%{}} as={:story} :let={f} class="md:grid-cols-3">
  <.time_picker
    form={f}
    id="time-picker-single-time-picker-input-with-seconds"
    name="time"
    seconds="00"
    value="12:25:00"
  />
</.phx_form_for>

<.phx_form_for for={%{}} as={:story} :let={f} class="md:grid-cols-3">
  <.time_picker form={f} disabled id="time-picker-single-disabled" name="time" value="12:25"/>
</.phx_form_for>