Skip to content
Date range picker component for the modern web
Branch: master
Clone or download
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist Version 0.1.0 Apr 25, 2017
docs Add docs and spec Apr 24, 2017
src Adds `customPeriodRanges` to config. Apr 24, 2017
tasks Upgrades `gulp-if` package to fix gulp build tasks. Apr 25, 2017
test Add docs and spec Apr 24, 2017
website website, header: added a link to Tests Dec 21, 2015
.gitignore added dist folder to the repo Dec 7, 2015
.travis.yml travis fix Dec 21, 2015
LICENSE initial commit Nov 24, 2015 Fixes the markdown URL in README Jul 18, 2018
bower.json setup mocha with phantomjs Dec 21, 2015
gulpfile.babel.js deleted the watch tasks because it's the same as serve Jan 13, 2016
package.json Version 0.1.0 Apr 25, 2017

Build Status Join the chat at Analytics


Demo screenshot

Demo available here

Notable Features

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


  • jquery
  • moment
  • knockout


Documentation & Examples are available on our website.


Latest Release


bower install knockout-daterangepicker --save


With jQuery

  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"/>
  dateRange: ko.observable([moment().subtract(1, 'month'), moment()])


git clone && cd daterangepicker
npm install && bower install
gulp serve


Copyright © 2015 SensorTower Inc. See LICENSE for further details.

Join Us

We're hiring across the board on our technical teams. Contact us by emailing or making an application - and mention that you saw this note here. Ask for our recruiter, Rumiko.

Here's more about us and our engineering culture: Key Values

You can’t perform that action at this time.