{{en-daypicker-header
  month=month
  year=year
  previousMonth=(action "previousMonth")
  nextMonth=(action "nextMonth")
  changeYear=(action "changeYear")
}}

<div class="en-daypicker-month-wrapper">
  <div class="en-daypicker-month">
    <div class="en-daypicker-header">
      {{#each weekDays as |weekDay|}}
        <div class="en-daypicker-header-day">
          <abbr title="{{weekDay.fullname}}">
            {{weekDay.abbr}}
          </abbr>
        </div>
      {{/each}}
    </div>

    {{#each weeksArray as |week|}}
      <div class="en-daypicker-week" role="row">
        {{#each week as |day|}}
          <div onclick={{action "didSelectDate" day}}
              tabindex=0
              role="gridcell"
              aria-label="{{en-date-format date=day format=defaultFormat}}"
              aria-disabled="{{if (is-disabled day=day disabler=disableFn month=month max=maxDate min=minDate) 'is-disabled'}}"
              data-daypicker-day="{{en-date-format date=day format="e"}}"
              class="en-daypicker-day 
                {{if (is-disabled day=day disabler=disableFn month=month max=maxDate min=minDate) 'is-disabled'}}
                {{if (is-this-day day=day date=date) 'is-selected'}}
                {{if (is-this-day day=day date=today) 'is-today'}}">
            {{en-date-format date=day}}
          </div>
        {{/each}}
      </div>
    {{/each}}
  </div>
</div>
