JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://nazar-pc.github.io/PickMeUp/css/pickmeup.css">
<script src="https://nazar-pc.github.io/PickMeUp/js/pickmeup.js"></script>
<h1>PickMeUp - Really simple, powerful, customizable and lightweight standalone datepicker</h1>
<a href="https://github.com/nazar-pc/PickMeUp">GitHub repository</a>
<section>
	<h2>Input</h2>
	<article>
		<input type="text" value="01-01-2014">
	</article>
</section>
<section>
	<h2>Single date</h2>
	<article>
		<div class="single"></div>
	</article>
</section>
<section>
	<h2>Multiple dates</h2>
	<article>
		<div class="multiple"></div>
	</article>
</section>
<section>
	<h2>Dates range</h2>
	<article>
		<div class="range"></div>
	</article>
</section>
<section>
	<h2>3 calendars + range</h2>
	<article>
		<div class="three-calendars"></div>
	</article>
</section>

JavaScript

pickmeup('.single', {
  flat : true
});
pickmeup('.multiple', {
  flat : true,
  mode : 'multiple'
});
pickmeup('.range', {
  flat : true,
  mode : 'range'
});
var plus_5_days = new Date;
plus_5_days.setDate(plus_5_days.getDate() + 5);
pickmeup('.three-calendars', {
  flat      : true,
  date      : [
    new Date,
    plus_5_days
  ],
  mode      : 'range',
  calendars : 3
});
pickmeup('input', {
  position       : 'right',
  hide_on_select : true
});