fix calender issue

PriyaGhosal · Oct 16, 2024 · 3b59081 · 3b59081
1 parent 58c4c30
commit 3b59081
Showing 1 changed file with 12 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -702,10 +702,18 @@ <h2>Book a Cab or Auto</h2>
           </select>
         </div>
 
-          <div class="form-group">
-            <label for="travel-date" style="font-size: 15px;"><strong>Travel Date</strong></label>
-            <input type="date" id="travel-date" name="travel-date" required />
-          </div>
+        <div class="form-group">
+          <label for="travel-date" style="font-size: 15px;"><strong>Travel Date</strong></label>
+          <input type="date" id="travel-date" name="travel-date" required min="" />
+
+          <!--Logic To prevent the user from selecting an old date  -->
+
+          <script>
+            const today = new Date().toISOString().split('T')[0];
+            document.getElementById('travel-date').setAttribute('min', today);
+          </script>
+
+        </div>
           <div class="form-group">
             <label for="travel-time" style="font-size: 15px;"><strong>Travel Time</strong></label>
             <input type="time" id="travel-time" name="travel-time" required />