Date time Picker not displaying correctly

[Philip]

When I attempt to include a bootstrap rad date time picker thier is a unusual border around the date time picker and the control is a bet messed up in styles.

This is the code I am using I am using a theme called canvas but its not displaying the control correctly

                          <telerik:RadDateTimePicker ID="rdStarDate"   TimeView-StartTime="10:00" TimeView-EndTime="17:00"  CssClass="form-control no-border"   TimeView-Interval="5"     runat="server" Skin="MetroTouch">
<TimeView CellSpacing="-1" StartTime="10:00:00" Culture="en-GB" EndTime="17:00:00" Interval="00:05:00"></TimeView>

<TimePopupButton ImageUrl="" HoverImageUrl=""></TimePopupButton>

<Calendar UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" EnableWeekends="True" FastNavigationNextText="&lt;&lt;" Skin="MetroTouch"></Calendar>

<DateInput DisplayDateFormat="dd/MM/yyyy" DateFormat="dd/MM/yyyy" LabelWidth="40%">
<EmptyMessageStyle Resize="None"></EmptyMessageStyle>

<ReadOnlyStyle Resize="None"></ReadOnlyStyle>

<FocusedStyle Resize="None"></FocusedStyle>

<DisabledStyle Resize="None"></DisabledStyle>

<InvalidStyle Resize="None"></InvalidStyle>

<HoveredStyle Resize="None"></HoveredStyle>

<EnabledStyle Resize="None"></EnabledStyle>
</DateInput>

<DatePopupButton ImageUrl="" HoverImageUrl=""></DatePopupButton>
                                                          </telerik:RadDateTimePicker>

[Maria Ilieva]

Hi Philip,

I tried to replicate the described issue locally using the provided code but to no avail. Find attached my test applictaion and let me know what the difrenace in your case is.




Regards,
Maria Ilieva
Telerik