diff --git a/pages/forms/advanced.html b/pages/forms/advanced.html
index 7a2f60cbe..09231f2da 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">
@@ -1313,7 +1323,7 @@
                 <!-- /.form group -->
               </div>
                 <div class="card-footer">
-                  Visit <a href="https://tempusdominus.github.io/bootstrap-4/Usage/">tempusdominus </a> for more examples and information about
+                  Visit <a href="https://getdatepicker.com/5-4/">tempusdominus </a> for more examples and information about
                   the plugin.
                 </div>
               <!-- /.card-body -->
@@ -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