<div class="travel-times" data-module="travelTimes" data-travel-time-api="{{appSettingsApi}}">
    <div class="travel-times__text">
        <h3>{{heading}}</h3>
        <p>{{description}}</p>
    </div>
    <div class="travel-times__image">
        {{> @cp-responsive-image calendarImage}}
    </div>
    <div class="travel-times__list">
        {{{listContent}}}
    </div>
    <div class="travel-times__form">
        <div class="travel-times__form-row">
            <div class="travel-times__form-col travel-times__form-col--two-col">
                <label class="travel-times__label">
                    <span class="travel-times__label-inner">{{tripStartDateLabel}}</span>
                    <input type="date" class="travel-times__input-date js-trip-input js-trip-start-date">
                </label>
            </div>
            <div class="travel-times__form-col travel-times__form-col--two-col">
                <label class="travel-times__label">
                    <span class="travel-times__label-inner">{{tripEndDateLabel}}</span>
                    <input type="date" class="travel-times__input-date js-trip-input js-trip-end-date">
                </label>
            </div>
        </div>
        <div class="travel-times__form-row">
            <div class="travel-times__form-col">
            {{> @cp-button-primary text=buttonText url="#" cssClasses="js-trip-save"}}
            </div>
        </div>
    </div>
    <div class="travel-times__modal js-travel-times-modal">
        <div class="travel-times__modal-inner">
            <a href="#" role="button" class="travel-times__close-modal js-close-travel-times-modal" aria-label="Close">{{{modalCloseIcon}}}</a>
            <div class="travel-times__modal-header">
                {{{modalWarningIcon}}}
                <h2>{{modalHeading}}</h2>
            </div>
            <div class="travel-times__buttons">
                <button class="button-p2 button-p2--full-width js-close-travel-times-modal" aria-label="Cancel changes">{{modalDontSaveButton}}</button>
                <button class="button-p1 button-p1--full-width js-save-travel-times-modal" aria-label="Save Changes">{{modalSaveButton}}</button>
            </div>
        </div>
    </div>
    {{> @cp-overlay-feedback feedback=feedback}}
</div>