JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
<article>
    <input type="text" placeholder="Select Date.." class=date>
</article>

CSS

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

JavaScript

var config = {
    enableTime : false,
    dateFormat: 'Y-m-d',
    altInput: true,
    altFormat: 'l, J F Y'
};
const fp = flatpickr(".date", config);