Time field

<Kit.Phoenix.Roles.FormGroup.form_group id="phoenix-time-collection">
  <:label>Collection time</:label>
  <:control :let={binding}>
    <Kit.Phoenix.Roles.TimeField.time_field binding={binding} reader={reader()} name="collection_time" value={Kit.Phoenix.Roles.TimeField.Committed.clock(Kit.Phoenix.Time.clock(reader(), ~T[19:30:00]))} />
  </:control>
  <:help>Collections run until 21:00.</:help>
  <:printed_value><time datetime="19:30">19:30</time></:printed_value>
</Kit.Phoenix.Roles.FormGroup.form_group>
<Kit.Phoenix.Roles.FormGroup.form_group id="phoenix-time-hours">
  <:label>Opening hours</:label>
  <:control_set :let={binding}>
    <Kit.Phoenix.Roles.TimeField.time_field binding={binding} reader={reader()} name="hours" value={Kit.Phoenix.Roles.TimeField.Committed.clock(Kit.Phoenix.Time.clock(reader(), ~T[22:00:00]))} end={Kit.Phoenix.Roles.TimeField.Committed.clock(Kit.Phoenix.Time.clock(reader(), ~T[01:30:00]))} day={Kit.Phoenix.Time.day(reader(), ~D[2025-04-18])} />
  </:control_set>
  <:printed_value><Kit.Phoenix.Roles.Time.time value={Kit.Phoenix.Time.interval_with_day(reader(), ~U[2025-04-18 21:00:00Z], ~U[2025-04-19 00:30:00Z])} /></:printed_value>
</Kit.Phoenix.Roles.FormGroup.form_group>
<Kit.Phoenix.Roles.FormGroup.form_group id="phoenix-time-refused">
  <:label>Collection time</:label>
  <:control :let={binding}>
    <Kit.Phoenix.Roles.TimeField.time_field binding={binding} reader={reader()} name="collection_time" value={Kit.Phoenix.Roles.TimeField.Committed.unresolved("half nine")} />
  </:control>
  <:error>Type a time, such as 930 or 9.30pm.</:error>
  <:printed_value>half nine</:printed_value>
</Kit.Phoenix.Roles.FormGroup.form_group>
<Kit.Phoenix.Roles.FormGroup.form_group id="phoenix-time-shift">
  <:label>Night shift</:label>
  <:control_set :let={binding}>
    <Kit.Phoenix.Roles.TimeField.time_field binding={binding} reader={Kit.Phoenix.Reader.at_place(reader(), "Europe/Paris")} name="shift" value={Kit.Phoenix.Roles.TimeField.Committed.clock(Kit.Phoenix.Time.time_of_day(Kit.Phoenix.Reader.at_place(reader(), "Europe/Paris"), ~U[2025-03-29 21:00:00Z]))} end={Kit.Phoenix.Roles.TimeField.Committed.clock(Kit.Phoenix.Time.time_of_day(Kit.Phoenix.Reader.at_place(reader(), "Europe/Paris"), ~U[2025-03-30 04:00:00Z]))} day={Kit.Phoenix.Time.day(Kit.Phoenix.Reader.at_place(reader(), "Europe/Paris"), ~D[2025-03-29])} />
  </:control_set>
  <:printed_value><Kit.Phoenix.Roles.Time.time value={Kit.Phoenix.Time.interval_with_day(reader(), ~U[2025-03-29 21:00:00Z], ~U[2025-03-30 04:00:00Z], "Europe/Paris")} /></:printed_value>
</Kit.Phoenix.Roles.FormGroup.form_group>
<Kit.Phoenix.Roles.FormGroup.form_group id="phoenix-time-collection-disabled">
<:label>Collection time</:label>
<:control :let={binding}>
  <Kit.Phoenix.Roles.TimeField.time_field disabled binding={binding} reader={reader()} name="collection_time" value={Kit.Phoenix.Roles.TimeField.Committed.clock(Kit.Phoenix.Time.clock(reader(), ~T[19:30:00]))} />
</:control>
<:help>Only the owner can change this.</:help>
<:printed_value><time datetime="19:30">19:30</time></:printed_value>
</Kit.Phoenix.Roles.FormGroup.form_group>
<Kit.Phoenix.Roles.FormGroup.form_group id="phoenix-time-hours-disabled">
<:label>Opening hours</:label>
<:control_set :let={binding}>
  <Kit.Phoenix.Roles.TimeField.time_field disabled binding={binding} reader={reader()} name="hours" value={Kit.Phoenix.Roles.TimeField.Committed.clock(Kit.Phoenix.Time.clock(reader(), ~T[22:00:00]))} end={Kit.Phoenix.Roles.TimeField.Committed.clock(Kit.Phoenix.Time.clock(reader(), ~T[01:30:00]))} day={Kit.Phoenix.Time.day(reader(), ~D[2025-04-18])} />
</:control_set>
<:help>Only the owner can change this.</:help>
<:printed_value><Kit.Phoenix.Roles.Time.time value={Kit.Phoenix.Time.interval_with_day(reader(), ~U[2025-04-18 21:00:00Z], ~U[2025-04-19 00:30:00Z])} /></:printed_value>
</Kit.Phoenix.Roles.FormGroup.form_group>

<Kit.Phoenix.Roles.FormGroup.form_group id="phoenix-time-open-meeting">
  <:label>Meeting</:label>
  <:control_set :let={binding}>
    <Kit.Phoenix.Roles.TimeField.time_field binding={binding} reader={reader()} name="meeting" value={Kit.Phoenix.Roles.TimeField.Committed.clock(Kit.Phoenix.Time.clock(reader(), ~T[14:00:00]))} end={Kit.Phoenix.Roles.TimeField.Committed.clock(Kit.Phoenix.Time.clock(reader(), ~T[15:30:00]))} day={Kit.Phoenix.Time.day(reader(), ~D[2025-04-18])} />
  </:control_set>
  <:printed_value><time datetime="2025-04-18T14:00"><span>14:00 – </span><wbr /><span>15:30</span></time></:printed_value>
</Kit.Phoenix.Roles.FormGroup.form_group>