This had been annoying me for some time. I build all my CDE dashboards with bootstrap so they are responsive. Whenever the browser page was resized the date range picker would not move with the relocated input field. The user would have to scroll around to find it. I modified the javascript file daterangepicker.jQuery.js.
You can find instructions and code at:
https://github.com/marvinhorst/pentaho-daterangepicker
Tanks for this, but I have encountered another annoying problem, the "Earliest Date" and "Lateest Date" properties are not working. Can you suggest some fix? Thanks
Not sure how what you were expecting these properties to do. But from looking at the code it appears that "Earliest Date" is only effective for "All Dates Before" and "Latest Date" is only effective for "All Dates After". It does work for me on these 2 features.