Problem rcSelected removed on hover

[Thomas]

I'm having an issue with the hover effect on the RadCalendar.

I'm using special days to highlight days that have events on that day, these items have a grey color. Every other day is white, selected days are green. My selected days are classed "Populated"

So if i click on a date, that is NOT a special day with the 'populated' class, the selected date bg color goes green. This is expected. If i mouse around the selected date color stays which is what I want.

Now if i selected a 'Special Day' the color goes green, however when I hover over it and go off it, the color goes back to special day color. Inspecting the element I see that the rcSelected class is removed and the Populated class is there.

How come the normal days retain the rcSelected class on mouseover / out and the Special days lose the rcSelected class on mouseover/out?

**My rcSelected background color is !important, I know that the class is being removed via the IE dev toolbar.
I appreciate any help.

[Pavel]

Hello Thomas,

You are probably using an older version of RadControls for Asp.Net AJAX. There was an issue previously with RadCalendar, that styles applied to the cells were being lost after an Ajax update and hovering with the mouse. To workaround it you can update to a newer version of the controls, or replace RadAjax with regular asp UpdatePanel.

Greetings,
Pavel
the Telerik team

[Shelly Kalra]

Hi,
I'm using the latest version of telerik, But still I'm facing the same problem.

Version : 2012.2.607.40
Browser : All

[Vasil]

Hi Shelly,

Similar problem was fixed before, and the one that you are facing was not reported reported long ago until before 2 weeks. It was fixed just after the service pack, and will be included into the next release Q3 2012.
As a workaround you can set your special day to be explicitly marked as selected:

<telerik:RadCalendar ...>
    <SpecialDays>
         ........
        <telerik:RadCalendarDay IsSelected="true" ...>
        </telerik:RadCalendarDay>
    </SpecialDays>
</telerik:RadCalendar>

However this will not be suitable if the day is repeated and only one of it should be selected.
Not sure what your license is, but if you have the source you can edit CalendarViews.js on 187 line:

isSelected = specDay? Boolean(specDay.IsSelected):(null != this.RadCalendar.Selection._selectedDates.Get(processedDate));

Should become:

isSelected = (specDay && Boolean(specDay.IsSelected)) || (null != this.RadCalendar.Selection._selectedDates.Get(processedDate));

Regards,
Vasil
the Telerik team