JSFiddle - React, Tailwind, and code Playground

by Luke Marlow

HTML

<script src="https://cdn.jsdelivr.net/npm/litepicker/dist/litepicker.js"></script>
<div id="litepicker"></div>


<button id="button">setDateRange</button>

JavaScript

let picker = new Litepicker({
  element: document.getElementById('litepicker'),
  numberOfMonths: 2,
  numberOfColumns: 2,
  singleMode: false,
  minDate: new Date(),
  startDate: new Date(2021, 02, 24),
  endDate: new Date(2021, 02, 26),
  inlineMode: true
});

document.querySelector("#button").addEventListener("click", () => picker.setDateRange("2021-03-24", "2021-03-26"))