<div class="pos-relative">
  <input type="text"
         class={{or inputClass "text mg-0 full-width"}}
         {{! remove inline style once `full-width` class above works}}
         style="width: 100%"
         oninput={{action 'onInput'}}
         onclick={{action 'onInputClick'}}
         onchange={{action 'onChange' value="target.value"}}
         value={{value}}
         data-test-selector={{testSelector}}
         data-test-time-picker-input>

  {{! We hide rather than teardown the list so that we can easily maintain scroll position}}
  <div class="{{if isShowingList 'show'}} balloon balloon--down balloon--dropmenu typeset pd-y-0">
    {{#isolate-scroll tagName="ul" class="pd-l-0 pd-y-1 mg-b-0" style="overflow-y: scroll; overflow-x: none; height: 205px"}}
      {{#each pickableTimes as |time|}}
        <li onclick={{action 'pickTime' time}}
            onmousedown={{action 'itemMouseDown'}}
            style="cursor: pointer;"
            class="balloon__link {{if (eq value time) activeItemClass}}">
          {{time}}
        </li>
      {{/each}}
    {{/isolate-scroll}}
  </div>
</div>
