Date Picker

Lightweight, powerful javascript datetimepicker with no dependencies.

Documentation for Date Picker
Example
                      
                        <div class="mb-3">
                          <label class="form-label" for="datepicker">Start Date</label>
                          <input class="form-control datetimepicker" id="datepicker" type="text" placeholder="d/m/y" data-options='{"dateFormat":"d/m/y"}'>
                        </div>
                      
                    
Time Picker
                      
                        <div class="mb-3">
                          <label class="form-label" for="datepicker">Start Date</label>
                          <input class="form-control datetimepicker" id="datepicker" type="text" placeholder="d/m/y" data-options='{"dateFormat":"d/m/y"}'>
                        </div>
                      
                    
Date & Time Picker
                      
                        <div class="mb-3">
                        <label class="form-label" for="datetimepicker">Start Date</label>
                        <input class="form-control datetimepicker" id="datetimepicker" type="text" placeholder="d/m/y H:i" data-options='{"enableTime":true,"dateFormat":"d/m/y H:i"}'>
                        </div>
                      
                    
Range
                      
                        <div class="mb-3">
                          <label class="form-label" for="timepicker2">Select Time Range</label>
                          <input class="form-control datetimepicker" id="timepicker2" type="text" placeholder="d/m/y to d/m/y" data-options='{"mode":"range","dateFormat":"d/m/y"}'>
                        </div>
                      
                    
How to use?

Copy-paste the following <script> near the end of your pages under Muse Javascript Plugins to enable it.

              
                <script src="../assets/vendor/flatpickr/dist/flatpickr.min.js"></script>
              
            

Copy-paste the following <link> near the end of your pages under Muse Plugins CSS to enable it.

              
                <link rel="stylesheet" href="../assets/vendor/flatpickr/dist/flatpickr.min.css">