From 4e5cb3e26bdf94b921ca7b1499713a141bea7989 Mon Sep 17 00:00:00 2001
From: Daniel <50356015+danny007in@users.noreply.github.com>
Date: Sat, 20 Mar 2021 23:21:36 +0530
Subject: [PATCH] add datetime example

---
 pages/forms/advanced.html | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/pages/forms/advanced.html b/pages/forms/advanced.html
index 7a2f60cbe..78a149e5c 100644
--- a/pages/forms/advanced.html
+++ b/pages/forms/advanced.html
@@ -1268,6 +1268,16 @@
                         </div>
                     </div>
                 </div>
+                <!-- Date and time -->
+                <div class="form-group">
+                  <label>Date and time:</label>
+                    <div class="input-group date" id="reservationdatetime" data-target-input="nearest">
+                        <input type="text" class="form-control datetimepicker-input" data-target="#reservationdatetime"/>
+                        <div class="input-group-append" data-target="#reservationdatetime" data-toggle="datetimepicker">
+                            <div class="input-group-text"><i class="fa fa-calendar"></i></div>
+                        </div>
+                    </div>
+                </div>
                 <!-- /.form group -->
                 <!-- Date range -->
                 <div class="form-group">
@@ -1692,10 +1702,14 @@
     //Money Euro
     $('[data-mask]').inputmask()
 
-    //Date range picker
+    //Date picker
     $('#reservationdate').datetimepicker({
         format: 'L'
     });
+
+    //Date and time picker
+    $('#reservationdatetime').datetimepicker({ icons: { time: 'far fa-clock' } });
+
     //Date range picker
     $('#reservation').daterangepicker()
     //Date range picker with time picker