DateRange.js

Multi–month DatePicker

DateRange.js is the bigger brother of DateJust.js.

DateRange.js glues 2 DateJust.js calendars together, which creates a multi-month datepicker.

DateRange

Like its sibling you can scroll to change month, which makes fast work of going back in time, or accelerating into the future.

The library can be found on GitHub as can the documentation.

And some examples can be seen below.

Big thanks to CommuSoft where I built version 0.1.0

Example #1

Result
HTML

<div id="example-one"></div>

JS

exampleOne = new DateRange("#example-one", {
  onDateRangeSelected: function(startDate, endDate) {
    console.log(startDate + " – " + endDate);
  }
});

Example #2

Result
HTML

<div id="example-two"></div>

JS

exampleTwo = new DateRange("#example-two", {
  minDate: new Date(2015, 0, 1),
  maxDate: new Date(2015, 11, 31),
  existingDateRange: [new Date(2015, 10, 5), new Date(2015, 11, 22)],
  onDateRangeSelected: function(startDate, endDate) {
    console.log(startDate + " – " + endDate);
  }
});

P.S. You can find the source and docs on GitHub. Or meet its younger brother DateJust.js.