Ext.ux.form.DateRange

My first contribution to ExtJs. Demo and some documentation included in the zip file.
I'm still very new to ExtJs (mostly jquery/ui background) and would appreciate constructive criticism and suggestions for future releases.

Small IE8 Modification

I'm embedding it into a prefigured ToolBar (ext-3.1.0) - which works seamlessly in FF3.0 - 3.6. However in IE8 the Custom Date Range side by side DatePicker's would render @ 100% browser width - completely Left Justified...

This may be due to an ext-3.1.0 bug - but don't mention that you heard that form me.

The following is a simple workaround that I've added.
Added a width parameter to the menu constructor.
Line 279++

feels a little "hacky", I'd much rather that everything shrinks according to size.
Any idea how to do this? I tried leaving it blank, but it kept turning it into a single column
instead of nicely laid out side by side.

Thanks for the comments, sorry i've been a little AWOL I believe in this version the default value is semi-static. BUT I have worked on another version (which i'll be posting soon, just doing a little polishing), this new version does support setting the default value. @ady, Not sure why that's happening in Ext 2.*, honestly, I didn't test in earlier versions of ExtJs. @mrlynn Currently, overriding the min/max dates is not really supported, (i never needed the functionality). I'll see if I can hack a way to override them in the next release i'm putting together.