<div class="day-picker cell">
    <a href="#" class="js-day-items-close-trigger day-picker__close-items"></a>
    <div class="day-picker__heading">
        <h4 class="day-picker__title">Day <span class="js-title-day"></span></h4>
        <div class="day-picker__buttons-container">
            {{> @cp-button-secondary href="#" disabled=true modifier="icon-only" cssClasses="day-picker__previous-button js-previous-button"}}
            {{> @cp-button-secondary href="#" disabled=true modifier="icon-only" cssClasses="day-picker__next-button js-next-button"}}
        </div>
    </div>
    <div class="day-picker__carousel carousel">
        <div class="day-picker__track carousel__track">
            <div class="day-picker__bounds carousel__bounds"></div>
            <div class="day-picker__draggable carousel__draggable"></div>
        </div>
        <div class="day-picker__slider carousel__slider">
            {{#each days}}
                <a href="#" class="day-sidebar carousel__slide" data-id="day{{@index}}">
                    <div class="day-sidebar__index-wrapper">
                        <p class="day-sidebar__index">{{dayIndex}}</p>
                    </div>
                    {{#unless @last}}
                        {{> @cp-trip-ideas-distance }}
                    {{/unless}}
                </a>
            {{/each}}
        </div>
    </div>
</div>