Date time Picker not displaying correctly

2 posts, 0 answers
  1. Philip
    Philip avatar
    69 posts
    Member since:
    Mar 2016

    Posted 06 Mar Link to this post

    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>
    <DatePopupButton ImageUrl="" HoverImageUrl=""></DatePopupButton>

  2. Maria Ilieva
    Maria Ilieva avatar
    4017 posts

    Posted 10 Mar Link to this post

    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.

    Maria Ilieva
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. DevCraft R3 2016 release webinar banner
Back to Top