Material Design Date Picker With Vanilla Javascript

Preview:

Description:

A dependency-free vanilla Javascript library used to create a material design styled date picker for your web application.

How to use it:

Import the stylesheet date-pick.css and JavaScript date-pick.js into your html file.

<link rel="stylesheet" href="date-pick.css">
<script src="date-pick.js"></script>

Create an input field to accept the date selection.

<input id="date-picker-input" class="date-input" type="text" placeholder="Input a date"/>

Create a container to place the date picker.

<div id="date-pick-container"></div>