Notable Features

• Day / Week / Month / Quarter / Year calendar modes
• Single calendar mode
• Customazible & extendable
• Integration with jQuery & Knockout

Dependencies

• jquery
• moment
• knockout

Documentation

Documentation & Examples are available on our website.

Download

Latest Release

Install

bower install knockout-daterangepicker --save

Usage

With jQuery

$("input").daterangepicker({
  minDate: moment().subtract(2, 'years'),
  callback: function (startDate, endDate, period) {
    $(this).val(startDate.format('L') + ' – ' + endDate.format('L'));
  }
});

With Knockout.js

<input type="text" data-bind="daterangepicker: dateRange"/>

ko.applyBindings({
  dateRange: ko.observable([moment().subtract(1, 'month'), moment()])
});

Development

git clone git@github.com:sensortower/daterangepicker.git && cd daterangepicker
npm install && bower install
gulp serve