flatpickr

by Adem GENC

HTML

<div class="smallfont flatpickr" data-allow-input="true" data-wrap="true" data-click-opens="false">

  <a data-clear="" title="Clean up"><img alt="Clean up" src="images/x.png"/></a>
  <a data-toggle="" title="Select Date"><img alt="Select Date" src="images/calender.png" /></a>

  <input data-input="" type="text" autocomplete="off" id="search" placeholder="">
</div>

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
    <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
    <script src="https://npmcdn.com/flatpickr/dist/flatpickr.min.js"></script>

JavaScript

flatpickr(".flatpickr", {
            disableMobile: true,
            allowInvalidPreload: true,
            dateFormat: "Y-m-d"
        });