RadDatePicker render issue on IE11

[Rajkumar]

Hi,

We are using the Telerik 2013.1.417.40 version and use the RadDatePicker and timer all over the site, which renders fine on all the browser except on IE11.
On all the browsers it uses the inline style "display:inline-block" and take the default width of "100px". We did not specify any width for the control and any css class.

<telerik:RadDatePicker ID="DatePickerStart"  runat="server" Calendar-ClientEvents-OnDateClick="DateSelected" 
                                DateInput-ClientEvents-OnValueChanged="DateChanged"  >
       <DatePopupButton></DatePopupButton>
       </telerik:RadDatePicker>
       &nbsp;&nbsp;&nbsp;&nbsp;
       <telerik:RadTimePicker runat="server" id="TimePickerStart" TimeView-OnClientTimeSelected="TimeSelected" ></telerik:RadTimePicker>
                            
The above code renders the Date picker textbox and time picker text box on the same line for all the browsers. But on IE11 both the boxes taking more than 100pixels width and the time picker box renders on next line. When i looked at it on IE11 developer tools, datepicker div renders with inline style "display : inline", for other browsers it comes as "inline-block". Even i gave the custom css class for the RadDatePicker and Timercontrols to specify the "display" property. But Telerik control renders the Inline display property.  


Is there any fix for IE11 render issue? Please find the attached image for the how it renders it on chrome and IE11.

[Galin]

Hello Rajkumar,

Thank you for contacting us.

This version released before the IE11 and there are some problems with this browser version. However I suggest you to upgrade or use the following CSS workaround:

._Telerik_IE9 .RadPicker {
    display: inline-block !important;
}

Please do not hesitate to contact us if other question or problem arise.

Regards,
Galin
Telerik

 

 

[Rajkumar]

Hi,

Thanks for your response.

.RadPicker {    display: inline-block !important;}

It worked for me.

Raj