Merge branch 'master' of github.com:hainatravel/information-system into master

application/views/mobile_first/gh-tour-form.php

@@ -8,7 +8,7 @@
                         <textarea id="additionalrequirements" name="additional_requirements" placeholder="Tell us your travel requirements here: anniversary, honeymoon, family trip, birthday travel, beach, food... (optional)" style="margin-bottom:20px;"></textarea>
                         <p><input class="FullName" data-required="Please enter your fullname" id="realname" name="name" placeholder="Your name *" required="" type="text"></p>
                         <p><input class="EmailAddress" data-required="Please enter your e-mail address" data-pattern="Expecting an e-mail address" id="email" name="email" pattern="^[\w\-\.]+@[\w\-\.]+(\.\w+)+$" placeholder="Email *" required="" type="text"></p>
-                        <p><input class="InquiryCalendar form-control input" placeholder="Starting date *" required="" tabindex="0" type="text" readonly="readonly"></p>
+                        <p><input class="InquiryCalendar form-control input" placeholder="Starting date *" required="" tabindex="0" type="text" readonly="readonly" id='starting_date' name="date_start"></p>
                         <p>
                             <select class="country_code" name="country_code">
                                 <option style="font-weight: 600;" value="United States +1">United States&nbsp; &nbsp;+1</option>
@@ -293,7 +293,18 @@
              </div>
          </div>-->
         </div>
-
+        <script src="https://data.globalhighlights.com/js/flatpickr-v4.6.11.min.js"></script>
+        <script>
+          document.addEventListener('DOMContentLoaded', () => {
+            flatpickr("#starting_date", {
+              dateFormat: "Y-m-d",
+              altInput: true,
+              altFormat: "F j, Y",
+              disableMobile: true,
+              minDate: "today"
+            });
+          });
+      </script>
         <script>
             (function () {
                 String.prototype.lpad = function (padString, length) {
@@ -303,14 +314,6 @@
                     return str;
                 }
                 document.getElementById("url").value = (window.location.href);
-                const dateOffset = document.getElementById('starting_date').dataset.minDate;
-                const today = new Date();
-                const startMinDate = new Date(today.setDate(today.getDate() + parseInt(dateOffset)));
-                const minDateStr =
-                    startMinDate.getFullYear() + '-' +
-                    (startMinDate.getMonth() + 1).toString().lpad('0', 2) + '-' +
-                    startMinDate.getDate().toString().lpad('0', 2);
-                document.getElementById('starting_date').setAttribute("min", minDateStr);
                 const required_fields = document.querySelectorAll(":required");
                 required_fields.forEach(element => {
                     element.addEventListener("input", function (event) {