<div class="form-group">
    <div class="form-control-custom form-control-datepicker-custom position-relative">[text* bookNowArrivalHeader id:bookNowArrivalHeader autocomplete:off class:form-control class:text-uppercase class:text-2 placeholder "Arrival"]
    </div>
</div>

<div class="form-group">
    <div class="form-control-custom form-control-datepicker-custom position-relative">[text* bookNowDepartureHeader id:bookNowDepartureHeader autocomplete:off class:form-control class:text-uppercase class:text-2 placeholder "Departure"]
    </div>
</div>
<div class="form-row">
    <div class="form-group col-6">
        <div class="form-control-custom">[select* bookNowAdults id:bookNowAdults class:form-control class:text-uppercase "ADULTS" "1" "2" "3" "4"]</div></div>
    <div class="form-group col-6">
        <div class="form-control-custom">[select* bookNowKids id:bookNowKids class:form-control class:text-uppercase "KIDS" "0" "1" "2" "3" "4"]</div></div>
</div>
<div class="form-group mb-0 mt-1">[submit class:btn class:btn-tertiary class:w-100 class:py-3 class:mt-2 class:btn-block class:text-uppercase class:text-white class:font-weight-semibold  "Check availability"]</div>