From 341bde3dfa2de19fe8070a646b0e759dc8358113 Mon Sep 17 00:00:00 2001
From: Anthony Talarico <talarico@gaslightmedia.com>
Date: Mon, 9 Nov 2015 13:28:35 -0500
Subject: [PATCH] added classes to datepickers so offcanvas share the event
 delegation

---
 js/app.js                             | 12 +++++------
 js/custom/pageSetup.js                | 12 +++++------
 parts/reservation-form-off-canvas.php | 31 +++++++++++++++++++++++----
 3 files changed, 39 insertions(+), 16 deletions(-)

diff --git a/js/app.js b/js/app.js
index f1d7c1d..21b1391 100644
--- 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
--- 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
--- 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">
-- 
2.17.1