Date picker icon inconcistency

[Jani]

Hi

The RadScheduler control shows a small down-arrow to open the pate picker shows.
The RadDatePicker (like in edit appointment) however shows the more understandable calendar icon.

Is it possible to use/change the scheduler date picker to use the calendar icon?
Is there any workaround  to do this for all themes?

Cheers,
Jani

[Ivana]

Hi Jani,

The described scenario is not a supported feature of the RadScheduler and could not be easily achieved.
However, changing  the image rendered on the page (currently showing as down arrow), using CSS, is pretty much easy.
To achieve that, the following CSS class selector should be styled:

div.RadScheduler_[Skin_Name] div.rsHeader a.rsDatePickerActivator
{
    background-image: url("images/calendar.png");
    background-position: top left;
    background-repeat: no-repeat no-repeat;
}

I hope this helps.

Regards,
Ivana
the Telerik team

[Jani]

Hi Ivana,

May thanks for your reply.

This workaround is not really satisfactorily (topics like hover image, multiple themes...).
I'm expecting that a such professional library ensures the UI consistency.

Cheers,
Jani

[Ivana]

Hi Jani,

Thanks for getting back to us.

For the workaround suggested you could style the different scenarios using CSS. For example, on mouse hovering and for the skins you are going to use for the RadScheduler controls on your page.

Having a RadDatePicker control in the RadScheduler's header means that the date shown will be displaced and put to the left, and generally introduces a whole new design and functionality for the RadScheduler's header, and it is really not a change that could be made easily.

Please feel free to contact us again. We will be glad to get back to you if you have any further question concerning our controls.

All the best,
Ivana
the Telerik team