Material Design Date Picker With Vanilla Javascript

Category: Date & Time , Javascript | April 28, 2016
Views Total:6,098 views
Official Page:Go to website
Last Update:April 28, 2016


Material Design Date Picker With Vanilla Javascript


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>

You Might Be Interested In:

Leave a Reply