Maybe checkout this project which aims to combine jquery UI with Bootstrap:

http://addyosmani.github.com/jquery-ui-bootstrap

Perhaps you can glean something from that?

On Jun 7, 2012, at 9:52 AM, Greg Moser <[email protected]> wrote:

> Hey all,
> 
> I have a bootstrap dropdown at the top's of my listing tables.  Each of those 
> dropdowns include some dynamic ui tools.  One of those UI tools is a Range 
> selector that is setup using the jQuery-UI datepicker.
> 
> The problem is that when I select a date, the underlying dropdown closes.  
> I'm trying to figure out what event to stop propagation on, because I don't 
> want it to close until it is clicked off of.  In fact I don't even want it to 
> close when "Done" is clicked.
> 
> Here is a video of the problem in action: http://screencast.com/t/0BwieyA3S
> 
> My thinking is that this is because the bootstrap dropdown has something that 
> is looking for click events outside of the dropdown (which would include the 
> datepicker in this instance).  How can I add the datepicker x/y coordinates 
> to the scope of what not to close on that would be very helpful
> 
> Any direction or ideas are MUCH appreciated.
> 
> -Greg

Reply via email to