{{#.}}
<div class="js-calendar-month">
    <h4 class="mt mb- uc--first-letter text--center">{{title}}</h4>

    <div class="weekdays-grid">
        {{#dayAbbreviations}}
        <div class="day text--center milli pv- ph--">{{.}}</div>
        {{/dayAbbreviations}}
    </div>

    <div class="weekdays-grid date-grid start-day-{{firstDay}} flexbox--equal-height mb">
        {{#.}}
        <div class="pv- day day__content {{^inactive}}day__content-active{{/inactive}} {{#inactive}}day__content-inactive{{/inactive}} text--center layout--flex--align-space-between" title="{{title}}" data-date="{{date}}" data-free-capacity="{{highestFreeCapacity}}" {{^inactive}}tabindex="0"{{/inactive}}>
            <div class="ph--">
                <div class="brand-face-bold epsilon">{{number}}</div>
            </div>
        </div> 
        {{/.}}
    </div>

    {{#disclaimer}}
    <div class="zeta pb">{{disclaimer}}</div>
    {{/disclaimer}}
</div>
{{/.}}