decide.nolog.cz/app/templates/components/create-options-datetime.hbs

<div class="cr-form-wrapper box">
  {{#if errorMessage}}
    {{#bs-alert type="warning"}}
      {{t errorMessage}}
    {{/bs-alert}}
  {{/if}}

  {{#bs-form
    onSubmit=(action "submit")
    formLayout="horizontal"
    model=this
    novalidate=true
  as |form|
  }}
    <div class="days">
      {{#each dates as |date index|}}
        {{!
          show summarized validation state for all times in a day
        }}
        <div
          class={{if
            (get daysValidationState date.day)
            (concat "label-has-" (get daysValidationState date.day))
            "label-has-no-validation"
          }}
          data-test-day={{date.day}}
        >
          {{!
            show label only if it differ from label before
            Nested-helpers are called first and object-at requires a positive integer
            but returns undefined if an element with the passed in index does not exist.
            Therefore we pass in array length if index is null. Cause index starting
            by zero there can't be any element with an index === array.length.
          }}
          {{#form.element
            classNames="option"
            label=date.dayFormatted
            invisibleLabel=(eq date.dayFormatted (get (object-at (if index (sub index 1) dates.length) dates) "dayFormatted"))
            model=date
            property="time"
          as |el|
          }}
            <div class="input-group">
              {{el.control
                autofocus=(unless index true false)
                id=el.id
                placeholder="00:00"
                type="time"
                value=el.value
                onChange=(action (mut el.value))
              }}
              <div class="input-group-append">
                {{! disable delete button if there is only one option }}
                {{#bs-button
                  onClick=(action "deleteOption" date)
                  type="link"
                  class="delete"
                  disabled=(lte dates.length 1)
                }}
                  <span class="oi oi-trash" title={{t "create.options.button.delete.label"}} aria-hidden="true"></span>
                  <span class="sr-only">{{t "create.options.button.delete.label"}}</span>
                {{/bs-button}}
              </div>
            </div>
            {{#bs-button
              onClick=(action "addOption" date)
              type="link"
              size="sm"
              class="add cr-option-menu__button cr-option-menu__add-button"
            }}
              <span class="oi oi-plus" title={{t "create.options.button.add.label"}} aria-hidden="true"></span>
              <span class="sr-only">{{t "create.options.button.add.label"}}</span>
            {{/bs-button}}
          {{/form.element}}
        </div>
      {{/each}}
    </div>

    {{#if (gt groupedDates.length 1)}}
      {{#form.element}}
        {{#bs-button
          onClick=(action "adoptTimesOfFirstDay")
          class="adopt-times-of-first-day"
          size="sm"
        }}
          {{t "create.options-datetime.copy-first-line"}}
        {{/bs-button}}
      {{/form.element}}
    {{/if}}

    {{form-navigation-buttons
      onPrev=(action "previousPage")
    }}
  {{/bs-form}}
</div>