GitHub version npm version Bower version Dependency Status

[Maintenance]() Issues Forks Stars License

Share the :heart: !

Twitter Google Plus Facebook

:heart: the package? Then :star: it!

An implementation of Material Design Picker components in vanilla CSS, JS, and HTML


The Documentation is at

Browser Support

Supported evergreen browsers:

  • Chrome (and Chrome for Android)
  • Edge
  • Firefox
  • Opera

Supported versioned browsers:

  • Internet Explorer 8+
  • Safari 8+
  • Mobile Safari 8+
  • Android Browser 4.3+



Why? because parsing dates correctly is not every browser's cup of :tea: and also according to ISO 8601 standard

Moreover, it makes dealing with timezones easier.

ok. Not satisfied with the answer?

Let's take an example:

  new Date('1/10/2016')

What should it output? ... well it is interpreted as 1st October 2016 in some browsers and 10th January 2016 in some.

For more information refer link.


This is an optional dependency if you want to make the dial draggable in time picker in minute which makes it useful there to select values which are not a divisor of 5 (e.g 3, 6) or in layman terms the values which come between 5, 10, 15, etc.

What's included

In the repo you'll find the following directories and files.

File/Folder Provides
.github Contains, and
gulpfile.js gulp configuration. Project license information.
package.json npm package information.
bower.json bower package information. Details for quickly understanding the project.
src Source code.
dist Distributable code.
test Project test files.


To get started modifying the components or the docs, first install the necessary dependencies, from the root of the project:

npm install

After successfully installing the above components

gulp default

Most changes made to files inside the src directory will cause the page to reload. This page can also be loaded up on physical devices thanks to BrowserSync.


For transparency into our release cycle and in striving to maintain backward compatibility, this project is maintained under the Semantic Versioning guidelines. Sometimes we screw up, but we'll adhere to those rules whenever possible.


© Puranjay Jain, 2016. Licensed under an MIT License.

Related Repositories



(Looking for Project Maintainers) The mobile-friendly, responsive, and lightweig ...



Native AngularJS datetime picker directive styled by Twitter Bootstrap ...



A carefully crafted date picker for React ...



A carefully crafted date picker for React ...



A date/time picker for react (using bootstrap). This is a react port of bootstra ...

Top Contributors

puranjayjain greenkeeperio-bot joyjain digitalkaoz westy92


package version
draggabilly ^2.1.1
moment ^2.17.1
dev babel-core ^6.23.1
babel-eslint ^7.1.1
babel-plugin-add-module-exports ^0.2.1
babel-plugin-transform-es2015-modules-umd ^6.23.0
babel-plugin-transform-member-expression-literals ^6.8.1
babel-plugin-transform-merge-sibling-variables ^6.8.2
babel-plugin-transform-minify-booleans ^6.8.0
babel-plugin-transform-property-literals ^6.8.1
babel-preset-es2015 ^6.22.0
browser-sync ^2.18.8
chokidar ^1.6.1
del ^2.2.2
eslint ^3.17.1
eslint-config-standard ^7.0.1
eslint-plugin-import ^2.2.0
eslint-plugin-promise ^3.5.0
eslint-plugin-standard ^2.1.1
gulp ^3.9.1
gulp-autoprefixer ^3.1.1
gulp-babel ^6.1.2
gulp-cache ^0.4.6
gulp-concat ^2.6.1
gulp-imagemin ^3.1.1
gulp-minify-css 1.2.4
gulp-plumber 1.1.0
gulp-rename ^1.2.0
gulp-replace ^0.5.4
gulp-sass ^3.1.0
gulp-uglify ^2.1.0
node-sass ^4.5.0
require-dir ^0.3.1
run-sequence ^1.2.2


-   v2.2.0 zip tar
-   v2.1.0 zip tar
-   v2.0.0 zip tar
-   v1.2.0 zip tar
-   v1.1.1 zip tar
-   v1.1.0 zip tar
-   v1.0.1 zip tar
-   v1.0.0 zip tar
-   v0.4.1 zip tar
-   v0.4.0 zip tar
-   v0.3.0 zip tar
-   v0.1.0 zip tar
-   0.2.2 zip tar
-   0.2.1 zip tar