jQuery Forum

I'm not sure what you mean by current date: is it today or the currently selected date? Anyway, just override the corresponding CSS: today's date is marked with the class ui-state-highlight, the currently selected date is marked with ui-state-active:

1. #ui-datepicker-div .ui-state-highlight {
2.     background: #E6E6E6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x scroll 50% 50%;
3.     color: #555555;
4.     border: 1px solid #D3D3D3;
5. }

The actual colours and images used depend on the theme in use and should match those from the ui-state-default style.

for current date I mean today.

Thanks

the issue I have overriding the CSS is that now when I select today it doesn't get the ui-state-active style.

Is it possible to solve my issue without changing the CSS but defining something in the initializer?

PS I'm using smoothness theme and ui-state-default is commented out by default. if I copy that style into the hone you suggested the style is different from the other dates 

THANKS

In further testing I needed to override ui-state-highlight, ui-state-hover, and ui-state-active to get today to behave like the other days (the actual values shown are for the UI default theme):

1. #ui-datepicker-div .ui-state-highlight {
2.     background: #E6E6E6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x scroll 50% 50%;
3.     color: #555555;
4.     border: 1px solid #D3D3D3;
5. }
6. #ui-datepicker-div .ui-state-hover {
7.     border: 1px solid #999999;
8.     background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
9.     font-weight: normal;
10.     color: #212121;
11. }
12. #ui-datepicker-div .ui-state-active {
13.     border: 1px solid #aaaaaa;
14.     background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
15.     font-weight: normal;
16.     color: #212121;
    
17. }

Hello, first of all thanks for your reply. I do appreciate it.

I have added your styles to the CSS but nothing has changed. I mean today has still the old style and when I click on it, it keeps the same style.

I have attached my CSS file, can you please check it out?

Thanks again and have a nice day.

Since ui-state-default is commented out, you need to remove styling from ui-state-highlight to match:

1. #ui-datepicker-div .ui-state-highlight {
2.     border: none;
3.     background: transparent;
4.     color: #363636;
5. }
6. #ui-datepicker-div .ui-state-hover {
7.     border: 1px solid #999999;
8.     background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
9.     font-weight: normal;
10.     color: #212121;
11.     outline: none;
12. }
13. #ui-datepicker-div .ui-state-active {
14.     border: 1px solid #aaaaaa;
15.     background: #518bdf url(images/ui-bg_glass_65_518bdf_1x400.png) 50% 50% repeat-x;
16.     font-weight: normal;
17.     color: #212121;
18.     outline: none;
19. }

Thanks for your reply.

Actually the styles that work for me are

2. .ui-datepicker .ui-state-highlight {
3.     border: none;
4.     background: transparent;
5.     color: #363636;
6. }
7. .ui-datepicker .ui-state-hover {
8.     border: 1px solid #999999;
9.     background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
10.     font-weight: normal;
11.     color: #212121;
12.     outline: none;
13. }
14. .ui-datepicker .ui-state-active {
15.     border: 1px solid #aaaaaa;
16.     background: #518bdf url(images/ui-bg_glass_65_518bdf_1x400.png) 50% 50% repeat-x;
17.     font-weight: normal;
18.     color: #212121;
19.     outline: none;
20. }

Thanks again.

Sig