Datepicker

Arguments

• target - parent selector (defines scope)
• startSelector - start date input selector
• endSelector - end date input selector
• pickFuture - enables picking future dates
• pickPast - enables picking past dates
• selectMonths - enables months selecting
• selectYears - enables years selecting

Example

Demo

Markup

<div class="js-datepicker">
  <input class="js-datepicker__start" placeholder="Pick start date" />
  <input class="js-datepicker__end" placeholder="Pick end date" />
</div>

Javascript

new Datepicker({
  target:         ".js-datepicker",
  startSelector:  ".js-datepicker__start",
  endSelector:    ".js-datepicker__end",
  pickFuture:     true,
  pickPast:       true,
  selectMonths:   true,
  selectYears:    true
});