DateTimePicker in RibbonBar not working

[R]

Hello,

I am currently evaluating the RadRibbon control.
I put a RadDateTimePicker onto a RibbonBar using RibbonBarTemplateItem like this:

...
<telerik:RibbonBarTab runat="server" ID="tab1" Text="Date">
    <telerik:RibbonBarGroup runat="server" ID="group1" Text="Date" >
        <Items>
            <telerik:RibbonBarTemplateItem>
                <telerik:RadDateTimePicker runat="server" ID="dtpDateFrom" />
            </telerik:RibbonBarTemplateItem>
        </Items>
    </telerik:RibbonBarGroup>
</telerik:RibbonBarTab>
...

The DateTimePicker control gets rendered, but I can't click the textbox or the buttons for choosing the date or the time.

When I put the RadDateTimePicker outside the Ribbon it works fine.

Do you have any advice?

Thank you,
Raik

EDIT: This seems to be a problem with Firefox (I am using FF 17.0.1). It works in IE 7.

[Bozhidar]

Hello,

This appears to be a bug that's caused by the combination of styles of the RibbonBar and the DateTimePicker, and is only reproduced in Mozilla Firefox. I've logged the bug for fixing and it should be fixed in the next official release (Q1 2013). 

In the meantime, you can use the following style as a workaround:

.RadRibbonBar .RadPicker:after {
    display: none;
}

 
All the best,
Bozhidar
the Telerik team