Single Date Picker

Datepicker will automatically initialize on elements with class .datepicker-here, options may be sent via data attributes.

Selecting Multiple Dates

Pass parameter{multipleDates: true}for selection of multiple dates. If you want to limit the number of selected dates, pass the desired number{multipleDates: 7}.

Inside Single Date Picker

Inside Multiples Date Picker

Disable Days of Week

For disabling days, use onRenderCell

Inside Multiples Date Picker

Use {range: true} for choosing range of dates. As dates separator multipleDatesSeparator will be used. For possibility to select same date two times, you should set{toggleSelected: false}.

Month Selection

Permanently Visible Calendar

Initialize plugin on non text input element, such as <div> … </div> ,or pass the parameter {inline: true}

Copyright© 2019 | All rights reserved. | Created By ColorlibCode