<BasicDropdown @class="popup-menu" @horizontalPosition="auto-right" @verticalPosition="below" as |D|>
  <D.Trigger
    data-test-popup-menu-trigger="month"
    class={{concat "toolbar-link" (if D.isOpen " is-active")}}
    @htmlTag="button"
  >
    {{or this.startMonth "Month"}}
    <Chevron @direction="down" @isButton={{true}} />
  </D.Trigger>
  <D.Content @defaultClass="popup-menu-content is-wide">
    <nav class="box menu scroll">
      <ul data-test-month-list class="menu-list">
        {{#each this.months as |month index|}}
          <button
            type="button"
            class="button link"
            disabled={{if (lt index this.allowedMonthMax) false true}}
            {{on "click" (fn this.selectStartMonth month D.actions)}}
          >
            {{month}}
          </button>
        {{/each}}
      </ul>
    </nav>
  </D.Content>
</BasicDropdown>
<BasicDropdown @class="popup-menu" @horizontalPosition="auto-right" @verticalPosition="below" as |D|>
  <D.Trigger
    data-test-popup-menu-trigger="year"
    class={{concat "toolbar-link" (if D.isOpen " is-active")}}
    @htmlTag="button"
  >
    {{or this.startYear "Year"}}
    <Chevron @direction="down" @isButton={{true}} />
  </D.Trigger>
  <D.Content @defaultClass="popup-menu-content is-wide">
    <nav class="box menu">
      <ul data-test-year-list class="menu-list">
        {{#each this.years as |year|}}
          <button
            type="button"
            class="button link"
            disabled={{if (eq year this.disabledYear) true false}}
            {{on "click" (fn this.selectStartYear year D.actions)}}
          >
            {{year}}
          </button>
        {{/each}}
      </ul>
    </nav>
  </D.Content>
</BasicDropdown>
<button
  data-test-date-dropdown-submit
  type="button"
  class="button is-primary"
  disabled={{if (and this.startMonth this.startYear) false true}}
  {{on "click" this.saveDateSelection}}
>
  {{or @submitText "Submit"}}
</button>