DatePicker does not seem to format using class in InputHtmlAttributes

[Frode Solheim]

Hi.
The code below does not format the DatePicker with the specified width of 200px as in my CSS class shown below. If I use e.g. a CurrencyTextBoxFor with the same class as for the DatePicker it works correctly, but the DatePicker does not format.

<% Html.Telerik().DatePickerFor(o => o.StartDato)
                 .Name("StartDato")
                 .InputHtmlAttributes(new { @class = "input" })
                 .Format("dd. MMM yyyy")
                 .ButtonTitle("Dato")
                 .Render(); %>

But, if I specifies the attribute directly like in the code below it formats correctly. Is this a bug or am I understanding this wrong?

<% Html.Telerik().DatePickerFor(o => o.StartDato)
                 .Name("StartDato")
                 .InputHtmlAttributes(new { style = "width: 200px;" })
                 .Format("dd. MMM yyyy")
                 .ButtonTitle("Dato")
                 .Render(); %>

Below is my CSS class.

.input
{
    width: 200px;
}

The version is: Telerik_Extensions_for_ASPNET_MVC_2010_2_825

[Hristo Germanov]

Hello Frode Solheim,

Your specificity of the selector is weaker then the default one. You can try this:

.t-datepicker .input
{
   width: 200px;
}

Greetings,
Hristo Germanov
the Telerik team

[Stef Heyenrath]

Shouldn't it be:

.t-datepicker .t-picker-wrap .t-input
{
   width: 200px;
}

[Dimo]

Hello all,

Actuially, it does not make sense to modify the width of the textbox, because it is wrapped inside other elements that have a preset width in telerik.common.css. The textbox has a 100% width style and its size depends on its parent elements' width. So a lot cleaner approach is to modify the width of the wrapper element (i.e. div.t-datepicker).

All the best,
Dimo
the Telerik team