<div class="date-selection {{#if hidden}}date-selection-hidden{{/if}}">
    <div class="date-selection__inner">
        <div class="delivery-date">
            <div class="calendar">
                <div class="calendar__head {{#if wisdom}}calendar__head-wisdom{{/if}}">
                    <div class="calendar__month">Apr</div>
                    {{#if wisdom}}
                        {{#if latest}}
                            <div class="calendar__switch calendar__switch-latest">
                                Later Dates <i class="calendar__switch-icon far fa-chevron-right"></i>
                            </div>
                        {{/if}}
                        {{#if earlier}}
                            <div class="calendar__switch calendar__switch-earlier">
                                <i class="calendar__switch-icon far fa-chevron-left"></i> Earlier Dates
                            </div>
                        {{/if}}
                    {{/if}}
                </div>
                <div class="calendar__grid">
                  <div class="calendar__row calendar__row_names">
                    {{#each day_calendar}}
                      <span class="calendar__cell calendar__cell_head">{{this}}</span>
                    {{/each}}
                  </div>
                  {{#each calendar}}
                    {{#if (eq (mod_dec @index 7) 0)}}
                      <div class="calendar__row">
                        <div class="calendar__row_days">
                    {{/if}}
                    <span class="calendar__cell calendar__cell_cnt{{#if isInactive}} calendar__cell_inactive{{/if}}{{#if (eq day '1')}}{{#unless isInactive}} calendar__cell_rapid{{/unless}}{{/if}}">
                      {{#if (eq day '1')}}
                        {{#unless isInactive}}
                          {{day}}
                          <span class="label-rapid">Rapid</span>
                        {{else}}
                          {{day}}
                        {{/unless}}
                      {{else}}
                        {{day}}
                      {{/if}}
                    </span>
                    {{#if (eq (mod_inc @index 7) 0)}}
                        </div>
                      </div>
                    {{/if}}
                  {{/each}}
                  {{#unless wisdom}}
                    <div class="calendar__row">
                        <div class="calendar__row_days">
                          {{#each extraDays}}
                            <span class="calendar__cell calendar__cell_cnt">{{ day }}</span>
                          {{/each}}
                        </div>
                    </div>
                  {{/unless}}
                </div>
                {{#if calendar-message}}
                    <div class="calendar__message">
                        <span>Our delivery slots are currently available up to 7 days in advance.</span>
                        <span>We release additional delivery slots daily.</span>
                    </div>
                {{/if}}
            </div>
        </div>
        <div class="delivery-time">
          <div class="delivery-time__rapid-hint">
            <span class="icon-wrap icon-wrap--large">
              <i class="fas fa-shipping-fast icon"></i>
            </span>
          <p class="description">
            Select todays’ day on the calendar to get Wickes Rapid delivery
          </p>
        </div>
          {{> delivery-types
              title=titleDelivery
              subtitle=subtitleDelivery
              classImg=imgDelivery
          }}
        </div>
    </div>
</div>
