[Solved] RadDateTimePicker style

[Wilson Hu]

I use the RadDateTimePicker to input date/time. The RadDateTimePicker generate this following HTML:

<div id="RadTimePicker1_timeView_wrapper" style="">
    <div id="RadTimePicker1_timeView">
        <table id="RadTimePicker1_timeView_tdl" class="radTimeTableCss_Default" cellspacing="0" border="0" >
            ... time picker code here ...
        </table>
    </div>
</div>

Is there a way i can set a css class to the RadTimePicker1_timeView_wrapper or RadTimePicker1_timeView div?

[Princy]

Hello Wilson,

You can set the Css class for the TimeView as shown below:
aspx:

<telerik:RadDateTimePicker ID="RadDateTimePicker1" runat="server">
        <TimeView runat="server" CssClass="timeviewCss">
          ....
        </TimeView>
</telerik:RadDateTimePicker>

C#:

 <style type="text/css">
   .timeviewCss a
   {

    color:Purple  !important;
    background-color:Pink;
   }
 </style>

Thanks
Princy.

[Wilson Hu]

Hi Princy,

thanks for the quick reply. I've tried that but its not exactly what i want.

<telerik:RadDateTimePicker ID="RadDateTimePicker1" runat="server">

<TimeView runat="server" CssClass="timeviewCss">

....

</TimeView>

</telerik:RadDateTimePicker>

The code above would add the css class to the <table> markup but what i want is to add an extra css class to the parent div (highlighted red below) of that <table> so I can do some extra style like padding ... (as you know IE doesnt support padding in the table)

<div ID="RadTimePicker1_timeView_wrapper" style="">
    <div ID="RadTimePicker1_timeView">
        <table id="RadTimePicker1_timeView_tdl" class="radTimeTableCss_Default timeviewCss" cellspacing="0" border="0" >
            ... time picker code here ...
        </table>
    </div>
</div>