Date Range Picker

Date Range Picker is a customizable date range, date and time picker component. Originally created for reports at Improvely, the Date Range Picker can be attached to any webpage element to pop up two calendars for selecting dates, times, or predefined ranges like "Last 30 Days". This date range picker component creates a dropdown menu from which a user can select a range of dates. I created it while building the UI for Improvely, which needed a way to select date ranges for reports. Features include limiting the selectable date range, localizable strings and date formats, a single date picker mode, a time picker, and predefined date ranges. To get started, include jQuery, Moment.js and Date Range Picker's files in your webpage. You can customize Date Range Picker with options, and get notified when the user chooses new dates by providing a callback function. Several events are triggered on the element you attach the picker to.