flatpickr/master

by gabihp30

HTML

<link rel="stylesheet" href="https://gitcdn.xyz/repo/picnicss/picnic/master/picnic.min.css">
<script src="https://npmcdn.com/flatpickr/dist/flatpickr.js"></script>
<link rel="stylesheet" href="https://npmcdn.com/flatpickr/dist/flatpickr.css">
<article>
  <input type="text" placeholder="Select Date.." class=date>
  <input type="submit" id="new" value="New instance">
</article>

CSS

article {
  padding: 16px;
  width: 50%
}

JavaScript

let fp = flatpickr(".date", {
  mode: 'single',
  altInput: true,
  altFormat: 'd-m-Y',
  dateFormat: 'Y-m-d',

});
const but = document.getElementById("new");
but.onclick = function() {
  fp.destroy();
  fp = null;
  fp = flatpickr(".date", {
    mode: 'single',
    altInput: true,
    altFormat: 'd-m-Y',
    dateFormat: 'Y-m-d',

  });
}