<div class="agenda-calendar"></div>
<script id="agendaCalendarTemplate" type="text/template">
  <div class="agenda-calendar__controls">
    <div class="agenda-calendar__prev">
      <span class="icon icon--calendar-arrow-prev"></span>
    </div>
    <div class="agenda-calendar__next">
      <span class="icon icon--calendar-arrow-next"></span>
    </div>
    <div class="agenda-calendar__month-year">
      <%= month %>
      <%= year %>
    </div>
  </div>
  <div class="agenda-calendar__grid">
    <div class="agenda-calendar__days-of-the-week">
      <% _.each(daysOfTheWeek, function(day) { %>
        <div class="agenda-calendar__header-day">
          <%= day %>
        </div>
      <% }); %>
    </div>
    <div class="agenda-calendar__days">
      <% _.each(days, function(day) { %>
        <div class="agenda-calendar__day <%= day.classes %>">
          <span class="agenda-calendar__day-text">
            <%= day.day %>
          </span>
        </div>
      <% }); %>
    </div>
  </div>
</script>