Here is the demo fiddle (the Get Picker Data button is not part of the picker, clicking it will log the picker return object in the console):

In short, it can be configured with start/end dates (and optionally - times), has several preset periods for fast choosing, supports custom formats for the dates/times and can be customized with your own captures/icons.

The configuration is done via single config object (see github/jsfiddle links for details of the configs)

The picker returns its data via the getValue() method which returns an object with the period details, something like this:Capture.PNG

Example usage:

Code:

var myPicker = Ext.create('Ext.ux.button.DateRangePicker'); //create it with a default configurations