Book Table – Home 3

<div class="row g-24">
        <div class="col-xl-3 col-md-4 d-flex justify-content-end flex-column">
            <div class="banner-3__book-a-table__select">
                <label >NUMBER OF GUEST *</label>
                [select* your-person id:how-many-person "1 Person" "2 Person" "3 Person" "4 Person" "5 Person"]
            </div>
        </div>
        <div class="col-xl-3 col-md-4 d-flex justify-content-end flex-column">
            <div class="banner-3__book-a-table__input">
                <label>SELECT DATE *</label>
                <div class="input-wrapper">
                    [date* your-date id:datepicker]
                    <i class="fa-solid fa-calendar-days"></i>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-md-4 d-flex justify-content-end flex-column">
            <div class="banner-3__book-a-table__select">
                <label>SELECT TIME*</label>
                [select* your-time id:how-many-person "10:00 AM" "11:00 AM" "12:00 PM" "1:00 PM" "2:00 PM" "3:00 PM" "4:00 PM" "5:00 PM" "6:00 PM" "7:00 PM" "8:00 PM" "9:00 PM" "10:00 PM" ]
            </div>
        </div>
        <div class="col-xl-3 d-flex justify-content-end flex-column">
            <button type="submit" class="rr-btn-solid ">
                <span class="btn-wrap">
                    <span class="text-one">Book Reservation</span>
                    <span class="text-two">Book Reservation</span>
                </span>
            </button>
        </div>
    </div>