date picker

A third party plugin we use to produce an accessible date picker.

The datepicker component is based off the popular plugin Pikaday, it was chosen because it passed accessibility, performance, and quality tests. Therefore the pikaday.js file and pikaday.css file is necessary to use this component out of the box before customizing for your own use. Pikaday is also generally flexible enough with a strong API to accomplish most goals of any datepicker you might encounter.

Usage

<div class="datepicker">
  <label for="datepicker">Date:</label>
  <input type="text" id="js-datepicker" />
</div> <!-- / .datepicker -->

					
@import './node_modules/pikaday/css/pikaday.css';

						
import Pikaday from './node_modules/pikaday/pikaday';

var picker = new Pikaday( {
  field: document.getElementById('js-datepicker')
} );

						

Documentation

Installation

You can view full documentation for this component in the pickaday repository. This documentation should be enough to get you going.

npm install pikaday --save

Browser Compatibility

List of Browser Support for this component
Chrome 8+
Firefox 3.5+
Edge Latest
Safari 3+
IE 7+

Resources