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

<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>

This is the enhanced date picker extracted from [DCalendar plugin](https://github.com/dmuy/DCalendar).

## Documentation
* [Installation](https://github.com/dmuy/duDatepicker/wiki/Installation)
* [Options](https://github.com/dmuy/duDatepicker/wiki/Options)
  * [Configurations](https://github.com/dmuy/duDatepicker/wiki/Options#configurations)
    * [Callback Functions](https://github.com/dmuy/duDatepicker/wiki/Options#callback-functions)
  * [Formatting](https://github.com/dmuy/duDatepicker/wiki/Options#formatting)
* [Usage](https://github.com/dmuy/duDatepicker/wiki/Usage)
  * [Built-in Methods](https://github.com/dmuy/duDatepicker/wiki/Usage#usable-built-in-methods)
  * [Min and Max](https://github.com/dmuy/duDatepicker/wiki/Usage#min-and-max)
  * [Disabling Dates/Days](https://github.com/dmuy/duDatepicker/wiki/Usage#disabling-specific-dates-andor-days)
  * [Date Range](https://github.com/dmuy/duDatepicker/wiki/Usage#date-range)
  * [Internationalization](https://github.com/dmuy/duDatepicker/wiki/Usage#internationalization)
  * [Event Handling](https://github.com/dmuy/duDatepicker/wiki/Usage#event-handling)
  * [Themes](https://github.com/dmuy/duDatepicker/wiki/Usage#themes)
* [Usage (Vue)](https://github.com/dmuy/duDatepicker/wiki/Usage-(Vue))
  * [Nuxt](https://github.com/dmuy/duDatepicker/wiki/Usage-(Vue)#nuxt)

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

## Screenshots
![alt text](https://i.imgur.com/cBFuALu.png "Date picker")
![alt text](https://i.imgur.com/DHtNcEN.png "with Clear button")
![alt text](https://i.imgur.com/iBYl49d.png "Months view")
![alt text](https://i.imgur.com/wgvJYCf.png "Years view")
![alt text](https://i.imgur.com/cezrhRv.png "Date range mode")
![alt text](https://i.imgur.com/KZxDxsW.png "Dark theme")
![alt text](https://i.imgur.com/Gqt8UzL.png "Inline date picker")
![alt text](https://i.imgur.com/5YfbZm9.png "Inline range date picker")