Datepicker (Flatpickr)

Flatpickr is a lightweight and powerful datetime picker.

Flatpickr documentation

Usage

CSS

Copy-paste the stylesheet <link> into your <head> to load the CSS.

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

Js

Copy-paste the following <script> and Function near the end of your pages.

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

Basic

<!-- Example -->
  <div class="w-md-50">
  <input type="text" class="form-control flatpickr" placeholder="">
 </div>
Contents