Datepicker BeforeShowDay Content CSS Issue

I think I am not the only one who has this problem.

Whenever I try to apply the new BeforeShowDay CSS class, the content of the "special date" does not change. I tried to change the default theme by adding a new class, but this only affects the outer border, not the inner content.

Using Firebug I found that the printed html code looks like this:

<td class=" ui-state-content ui-state-anulados" onclick="DP_jQuery.datepicker._selectDay('#datepicker',9,2009, this);return false;" title="Paddle">
<a class="ui-state-default" href="#">16</a>
</td>

      

        
        
        
      

    

So, my class will be ui-state-content ui-state-anulados, but I notice that the ui-state-default class is being applied automatically and I suspect this might be a problem.

I really don't know how to solve this. I am going through the code of ui.datepicker.js and I think I found the line that is giving me these problems. It is line number 1394 and has the following code.

(ui.datepicker.js) (unselectable ? '<span class="ui-state-default">' + printDate.getDate() + '</span>' : '<a class="ui-state-default' +

      

        
        
        
      

    

Any hints on how this can be done?

Thanks in advance.

Manuel.