<div
  class="session-overview-ilm-duedate"
  data-test-session-overview-ilm-duedate
  ...attributes
>
  <label>{{t "general.dueBy"}}:</label>
  <span>
    {{#if @ilmSession}}
      {{#if @editable}}
        <EditableField
          @value={{format-date @ilmSession.dueDate month="numeric" day="numeric" year="2-digit" hour12=true hour="numeric" minute="numeric"}}
          @save={{perform this.save}}
          @close={{this.revert}}
        >
          <DatePicker
            @value={{this.dueDate}}
            @onChange={{this.updateDate}}
          />
          <TimePicker @date={{this.dueDate}} @action={{this.updateTime}} />
          <ValidationError @errors={{get-errors-for this.dueDate}} />
        </EditableField>
      {{else}}
        {{format-date @ilmSession.dueDate month="numeric" day="numeric" year="2-digit" hour12=true hour="numeric" minute="numeric"}}
      {{/if}}
    {{/if}}
  </span>
</div>
