Added jquery calendar functionality

diff --git a/js/app.js b/js/app.js
index 9ba400c..f1d7c1d 100644 (file)
--- a/js/app.js
+++ b/js/app.js
@@ -40,4 +40,11 @@ $(document).ready(function () {
     });
     ////////////////////////////////////////////////////////
     $("#arrive").datepicker();
+    $("#depart").datepicker();
+    $("#arriveCal").click(function () {
+        $("#arrive").datepicker("show");
+    });
+    $("#departCal").click(function () {
+        $("#depart").datepicker("show");
+    });
 });

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

diff --git a/parts/reservation-form.php b/parts/reservation-form.php
index ea65c89..0910170 100644 (file)
--- a/parts/reservation-form.php
+++ b/parts/reservation-form.php
@@ -7,10 +7,10 @@
                                 <input type="text" placeholder="Property" name="s">
                             </div>
                             <div class="small-12 res-date columns resInput">
-                                <input id="arrive" type="text" placeholder="Arrive" name="datepicker1" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+                                <input id="arrive" type="text" placeholder="Arrive" name="datepicker1" required="required"><img id="arriveCal" src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
                             </div>
                             <div class="small-12 res-date columns resInput">
-                                <input id="depart" type="text" placeholder="Depart" name="datepicker2" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+                                <input id="depart" type="text" placeholder="Depart" name="datepicker2" required="required"><img id="departCal" src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
                             </div>
                             <div class="small-12 columns resInput">
                                 <input type="text" placeholder="Number of Nights">