jquery datepicker conflicts with tc_sortable.css

Hey guys,

today I wrote some code for a customer where I added a jQuery datepicker to a meta box in the post edit screen. But I had the problem that something destroyed the style of the datepicker box.

After some digging I found the problem:
The customizr theme and jQuery datepicker both uses the

.ui-state-highlight  (in tc_sortable.css)

class in stylesheets.

The

.ui-state-highlight { height: 150px; line-height: 120px;border: 1px solid #FCEFA1;background: #FBF9EE }

command in tc_sortable.css crashs the design of the datepicker.

I made the selector more specific so

#sortable .ui-state-highlight { height: 150px; line-height: 120px;border: 1px solid #FCEFA1;background: #FBF9EE }

or

table:NOT(.ui-datepicker-calendar) .ui-state-highlight { height: 150px; line-height: 120px;border: 1px solid #FCEFA1;background: #FBF9EE }

the datepicker and (as far as I’ve seen) also customizr worked fine.

Because jQuery is kind of standard in wordpress it would be nice if you could add a fix to the next version of customizr.

Thanks!

Best Regards,
Chris