<script type="text/template" data-mvc-template="package-result-item-details-calendar">
        <div class="">
            <h4 class="secondary-heading"><span><%- t('results.package.tabs.calendar')%></span> <div class="js-selected-day-info  pull-right"></div></h4>

            <div class="js-calendar overflow-hidden"></div>

            <div class="calendar-info font-small">
                <div class="calendar-price-legend pull-left text-bold">
                    <i class="icon-info-sign"></i> <%= t("results.package.legend.price.departuredate")%>
                </div>
                <div class="calendar-legend pull-right">
                    <div class="select-date"></div><%= t("results.package.legend.selected.departuredate")%>
                </div>
                <div class="calendar-legend pull-right right-margin-15px">
                    <div class="valid-date"></div><%= t("results.package.legend.departuredate")%>
                </div>
                <div class="clear"></div>
            </div>

            <div class="js-airport-wrapper calendar-airport">
                <label><%- t('search.package.airport')%></label>
                <input name="preferredAirport" placeholder="<%- t('search.package.airport.any')%>" />
            </div>
            <div class="js-paxselection"></div>
        </div>
    </script>