From f17376d5a6006c98711da7a9bbd032a6e1cd4682 Mon Sep 17 00:00:00 2001
From: Jimmy Liow <18777396951@163.com>
Date: Mon, 17 Apr 2023 11:41:52 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=97=A5=E6=9C=9F=E6=8F=92?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/mobile_first/gh-tour-form.php       | 23 +++++++++++--------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/application/views/mobile_first/gh-tour-form.php b/application/views/mobile_first/gh-tour-form.php
index 341e9cff..d9e1031e 100644
--- a/application/views/mobile_first/gh-tour-form.php
+++ b/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) {