Material Design Date Picker With Vanilla Javascript

Category: Date & Time , Javascript | April 28, 2016
Author: dannypule
Views Total: 5,227
Official Page: Go to website
Last Update: April 28, 2016
License: MIT

Preview:

Material Design Date Picker With Vanilla Javascript

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>

You Might Be Interested In:


Leave a Reply