JSFiddle - React, Tailwind, and code Playground

by Luke Marlow

HTML

<script src="https://cdn.jsdelivr.net/npm/litepicker/dist/nocss/litepicker.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/litepicker/dist/css/litepicker.css">
<input type="text" name="picker" id="picker">

CSS

#picker {
  border: solid 1px #222;
}

JavaScript

new Litepicker({
  element: document.getElementById('picker'),
  format: "DD/MM/YYYY",
  //minDate: new Date(2020, 0, 1),
  //maxDate: new Date(2020, 0, 31),
  singleMode: false,
  numberOfMonths: 2,
  dropdowns: {
    minYear: 2020,
    maxYear: 2020,
    months: true,
    years: "asc"
  },
  //splitView: true,
});