<div class="date-selection">
    <div class="date-selection__inner">
        <div class="delivery-date">
            <div class="calendar">
                {{> delivery-selection mobile=true}}
                <div class="calendar__month">March / April 2018</div>
                <div class="calendar__grid">
                    <div class="calendar__row calendar__row_names">
                        <span class="calendar__cell calendar__cell_head">Tue</span>
                        <span class="calendar__cell calendar__cell_head">Wed</span>
                        <span class="calendar__cell calendar__cell_head">Thu</span>
                        <span class="calendar__cell calendar__cell_head">Fri</span>
                        <span class="calendar__cell calendar__cell_head">Sat</span>
                        <span class="calendar__cell calendar__cell_head">Sun</span>
                        <span class="calendar__cell calendar__cell_head">Mon</span>
                    </div>
                    <div class="calendar__row">
                        <div class="calendar__row_days">
                            <span class="calendar__cell calendar__cell_cnt calendar__cell_inactive">13</span>
                            <span class="calendar__cell calendar__cell_cnt">14</span>
                            <span class="calendar__cell calendar__cell_cnt">15</span>
                            <span class="calendar__cell calendar__cell_cnt">16</span>
                            <span class="calendar__cell calendar__cell_cnt calendar__cell_inactive">17</span>
                            <span class="calendar__cell calendar__cell_cnt">18</span>
                            <span class="calendar__cell calendar__cell_cnt">19</span>
                        </div>
                        {{> calendar-time-table}}
                    </div>
                    <div class="calendar__row">
                        <div class="calendar__row_days">
                            <span class="calendar__cell calendar__cell_cnt">20</span>
                            <span class="calendar__cell calendar__cell_cnt">21</span>
                            <span class="calendar__cell calendar__cell_cnt">22</span>
                            <span class="calendar__cell calendar__cell_cnt">23</span>
                            <span class="calendar__cell calendar__cell_cnt calendar__cell_inactive">24</span>
                            <span class="calendar__cell calendar__cell_cnt">25</span>
                            <span class="calendar__cell calendar__cell_cnt">26</span>
                        </div>
                        {{> calendar-time-table}}
                    </div>
                    <div class="calendar__row">
                        <div class="calendar__row_days">
                            <span class="calendar__cell calendar__cell_cnt">27</span>
                            <span class="calendar__cell calendar__cell_cnt">28</span>
                            <span class="calendar__cell calendar__cell_cnt">29</span>
                            <span class="calendar__cell calendar__cell_cnt">30</span>
                            <span class="calendar__cell calendar__cell_cnt calendar__cell_inactive">31</span>
                            <span class="calendar__cell calendar__cell_cnt">1</span>
                            <span class="calendar__cell calendar__cell_cnt">2</span>
                        </div>
                        {{> calendar-time-table}}
                    </div>
                    <div class="calendar__row">
                        <div class="calendar__row_days">
                            <span class="calendar__cell calendar__cell_cnt">3</span>
                            <span class="calendar__cell calendar__cell_cnt">4</span>
                            <span class="calendar__cell calendar__cell_cnt">5</span>
                            <span class="calendar__cell calendar__cell_cnt">6</span>
                            <span class="calendar__cell calendar__cell_cnt calendar__cell_inactive">7</span>
                            <span class="calendar__cell calendar__cell_cnt">8</span>
                            <span class="calendar__cell calendar__cell_cnt">9</span>
                        </div>
                        {{> calendar-time-table}}
                    </div>
                </div>
            </div>
        </div>
        <div class="delivery-time">
            <div class="delivery-time__no-selection">
                Please select a delivery date to choose appropriate delivery time
            </div>
            {{> delivery-types}}
            {{> delivery-selection}}
        </div>
    </div>
</div>
