MDTimePicker
========
[![vanilla js](https://img.shields.io/npm/dt/@dmuy/timepicker?style=flat-square)](https://www.npmjs.com/package/@dmuy/timepicker)

<a href='https://ko-fi.com/dionleeuy' target='_blank'><img height='36' style='border:0px;height:36px;' src='https://cdn.ko-fi.com/cdn/kofi1.png?v=3' border='0' alt='Buy Me a Coffee at ko-fi.com' /></a>

Material design inspired time picker plugin.

## Documentation
* [Installation](https://github.com/dmuy/MDTimePicker/wiki/Installation)
* [Options](https://github.com/dmuy/MDTimePicker/wiki/Options)
  * [Configurations](https://github.com/dmuy/MDTimePicker/wiki/Options#configurations)
    * [Callback Functions](https://github.com/dmuy/MDTimePicker/wiki/Options#callback-functions)
  * [Formatting](https://github.com/dmuy/MDTimePicker/wiki/Options#formatting)
* [Usage](https://github.com/dmuy/MDTimePicker/wiki/Usage)
  * [Min and Max](https://github.com/dmuy/MDTimePicker/wiki/Usage#min-and-max)
  * [Built-in Methods](https://github.com/dmuy/MDTimePicker/wiki/Usage#usable-built-in-methods)
  * [Event Handling](https://github.com/dmuy/MDTimePicker/wiki/Usage#event)
  * [Themes](https://github.com/dmuy/MDTimePicker/wiki/Usage#themes)
* [Usage (Vue)](https://github.com/dmuy/MDTimePicker/wiki/Usage-(Vue))
  * [Nuxt](https://github.com/dmuy/MDTimePicker/wiki/Usage-(Vue)#nuxt)

**[DEMO](https://dmuy.github.io/MDTimePicker/)**

## Screenshots
![alt text](https://i.imgur.com/M7Jb5H3.png "TimePicker: Hour")
![alt text](https://i.imgur.com/LmIkHoU.png "TimePicker: Minute")
![alt text](https://i.imgur.com/WyS2aHd.png "TimePicker: Dark")
![alt text](https://i.imgur.com/kNqqKMZ.png "TimePicker: 24-hour mode")