amp-form

booking.html

<form method="post" action-xhr="/assets/scripts/form-xhr.php" target="_top" class="form__rsrv form__sidebar">
        <h2 class="form__rsrv--hd">Book Now</h2>

        <div class="grid">
            <div class="form__rsrv--motor">
                <!-- Date In -->
                <div class="form__mod">
                    <label for="book__date--in-top" class="form__label--required book--label">Arrival Date</label>
                    <input type="date" value="2017-01-01" class="form--input book--text" id="book__date--in-top" 
                           aria-required="true" required>
                </div>

                <!-- Date Out -->
                <div class="form__mod">
                    <label for="book__date--out-top" class="form__label--required book--label">Departure Date</label>
                    <input type="date" value="2017-01-02" class="form--input book--text" id="book__date--out-top" 
                           aria-required="true" required>
                </div>
              

                
                // more code here

                
                
                <!-- Submit -->
                <div class="form__mod book__submit book__submit--rounded btn btn--cta">
                    <label for="book__submit-top" class="srt">Book</label>
                    <input type="submit" value="Book" id="book__submit-top"
                           aria-label="Button to get rates">
                </div>

                <div class="form__mod">
                    <small>* Please contact our <a href="/contact.html#contact--query"
                                                   target="_blank">Reservations Department</a> if your
                        requirements exceed default quantities.
                    </small>
                </div>


            </div>
        </div>
    </form>