added classes to datepickers so offcanvas share the event delegation

diff --git a/js/app.js b/js/app.js
index f1d7c1d..21b1391 100644 (file)
--- a/js/app.js
+++ b/js/app.js
@@ -39,12 +39,12 @@ $(document).ready(function () {
                              
     });
     ////////////////////////////////////////////////////////
-    $("#arrive").datepicker();
-    $("#depart").datepicker();
-    $("#arriveCal").click(function () {
-        $("#arrive").datepicker("show");
+    $(".arrive").datepicker();
+    $(".depart").datepicker();
+    $(".arriveCal").click(function () {
+        $(".arrive").datepicker("show");
     });
-    $("#departCal").click(function () {
-        $("#depart").datepicker("show");
+    $(".departCal").click(function () {
+        $(".depart").datepicker("show");
     });
 });

diff --git a/js/custom/pageSetup.js b/js/custom/pageSetup.js
index 23e8801..9a3ba1e 100644 (file)
--- a/js/custom/pageSetup.js
+++ b/js/custom/pageSetup.js
@@ -30,12 +30,12 @@ $(document).ready(function () {
                              
     });
     ////////////////////////////////////////////////////////
-    $("#arrive").datepicker();
-    $("#depart").datepicker();
-    $("#arriveCal").click(function () {
-        $("#arrive").datepicker("show");
+    $(".arrive").datepicker();
+    $(".depart").datepicker();
+    $(".arriveCal").click(function () {
+        $(".arrive").datepicker("show");
     });
-    $("#departCal").click(function () {
-        $("#depart").datepicker("show");
+    $(".departCal").click(function () {
+        $(".depart").datepicker("show");
     });
 });

diff --git a/parts/reservation-form-off-canvas.php b/parts/reservation-form-off-canvas.php
index 1b667c7..9d0e932 100644 (file)
--- a/parts/reservation-form-off-canvas.php
+++ b/parts/reservation-form-off-canvas.php
@@ -9,19 +9,42 @@
                                 </select>
             </div>
             <div class="small-12 res-date columns">
-                <input type="text" placeholder="Arrive" name="datepicker1" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+                <input class="arrive" type="text" placeholder="Arrive" name="datepicker1" required="required"><img class="arriveCal" src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
             </div>
             <div class="small-12 res-date columns">
-                <input type="text" placeholder="Depart" name="datepicker2" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+                <input class="depart" type="text" placeholder="Depart" name="datepicker2" required="required"><img class="departCal" src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
             </div>
             <div class="small-12 columns">
                 <input type="text" placeholder="Number of Nights">
             </div>
             <div class="small-6 guest columns">
-                <input type="text" placeholder="Adults" >                
+                  <select>
+                                     <option value="" disabled selected>Adults</option>
+                                      <option value="1">1</option>
+                                      <option value="2">2</option>
+                                      <option value="3">3</option>
+                                      <option value="4">4</option>
+                                      <option value="5">5</option>
+                                      <option value="6">6</option>
+                                      <option value="7">7</option>
+                                      <option value="8">8</option>
+                                      <option value="9">9</option>
+                                 </select>                                 
             </div>
             <div class="small-6 guest columns">
-                <input type="text" placeholder="Kids" >                
+                <select>
+                                     <option value="" disabled selected>Kids</option>
+                                     <option value="0">0</option> 
+                                      <option value="1">1</option>
+                                      <option value="2">2</option>
+                                      <option value="3">3</option>
+                                      <option value="4">4</option>
+                                      <option value="5">5</option>
+                                      <option value="6">6</option>
+                                      <option value="7">7</option>
+                                      <option value="8">8</option>
+                                      <option value="9">9</option>
+                                 </select>                                    
             </div>
             <div class="small-6 small-centered columns">
                 <input class="res-button" type="submit" value="Book Now">