I’m using the time picker control from the following link: http://fgelinas.com/code/timepicker/timepicker.html
It works super fine, but once I reference the jquery-ui-1.8.7.custom.css I can’t get it to work.
Do you know what may be the problem?
I need the jquery-ui-1.8.7.custom.css because I want to use the standard date picker on the same page.
Thank you
EDIT:
Problem is in jquery.ui.core.css, line 14:
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
When I comment this line than everything works fine. Is this line really important? 🙂
EDIT #2:
Better solution is to edit that line:
.ui-helper-hidden-accessible { display:none;}
No, removing that line should be fine… I’m not sure exactly what it does, but it’s definitely not critical. Likely something to do with a handicap reader or something.
FYI: Try specifying the
scopeof your theme. It might mitigate this problem all together. You can apply the theme to certain selectors. This would allow you to simply add.your-classto your datepicker markup and it will be the only component styled. This feature is found on the right hand column of the theme builder download section. See screenshot