flatpickr/master

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>
</article>

CSS

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

JavaScript

const fp = flatpickr(".date", {
  enableTime: true,
  // Otherwise Flatpickr will not show the native datetime picker on mobile:
  weekNumbers: true,
  allowInput: true,
  enableSeconds: true,
  locale: {
    firstDayOfWeek: 1
  }
});