{{#.}}
<div class="js-calendar-month">
    <h4 class="mt mb- palm-text--center uc--first-letter">{{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- palm-pt-- day day__content {{^inactive}}day__content-active{{/inactive}} {{#inactive}}day__content-inactive{{/inactive}} palm-text--center layout--flex--align-space-between" title="{{title}}" data-date="{{date}}" {{^inactive}}tabindex="0"{{/inactive}} role="button" aria-pressed="false">
            <div class="mb- lap-and-up-ph-- desk-ph- pb-- palm-mb0">
                <div class="brand-face-bold delta mb--">{{number}}</div>
                {{#boxOfficePrice}}
                <div class="zeta palm-milli text--grey line-through white-space--nowrap {{#inactive}}visibility--hidden{{/inactive}}">€ {{boxOfficePrice}}{{#boxOfficePriceDecimal}},<sup>{{boxOfficePriceDecimal}}</sup>{{/boxOfficePriceDecimal}}</div>
                {{/boxOfficePrice}}
                <div class="zeta palm-milli {{^boxOfficePrice}}mb{{/boxOfficePrice}} palm-mb-- white-space--nowrap {{#inactive}}visibility--hidden{{/inactive}}">€ {{price}}{{#priceDecimal}},<sup>{{priceDecimal}}</sup>{{/priceDecimal}}</div>
            </div>
            <div class="mh-">
                <div class="crowded-indicator crowded-indicator__{{crowd}} {{#past}}visibility--hidden{{/past}}"></div>
            </div>
        </div> 
        {{/.}}
    </div>

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