<article class="reservation-page" style="{ARTICLE_STYLE}">
  <div class="container" style="{CONTAINER_STYLE}">

    <h1 class="ers-page-title" style="{TITLE_STYLE}">{PAGE_TITLE}</h1>

    <div class="reservation-container" style="{CALENDAR_DISPLAY}">
        <div class="calendar-container" style="{CALENDAR_CONTAINER_STYLE}">
            <label style="{CALENDAR_LABEL_STYLE}">Reservation Date</label>
            <div id="datepicker" style="{DATEPICKER_STYLE}"></div>
        </div>
        <div class="time-container" style="{TIME_CONTAINER_STYLE}">
            <label style="{TIME_LABEL_STYLE}">Time Slot</label>
            <select id="reservation_time" name="reservation_time" size="5" style="{TIME_SELECT_STYLE}">
                <option value="">Please select a date.</option>
            </select>
        </div>
    </div>
    <p id="required-field">*Required</p>
    <div class="reservation-form" style="{FORM_CONTAINER_STYLE}">
        [contact-form-7 id="{CF7_ID}"]
    </div>

  </div>
</article>
