I use Twitter Bootstrap with my project to quickly build visually appealing websites.
When displaying reports I usually use two separate date pickers to define the “from” and “to date ranges.
Today I found out about an amazing date range picker made by Dan Grossman.
Usability wise it’s really awesome. You can customize pre-defined ranges or allow the user to select their own range.
The code is simple. Just like any other date picker:
$('#element').daterangepicker(options, callback);
It also allows you to define a time range along with the date range.
I really recommend that you check it out. You can download it here and check out more usages.