DateTimePicker width inline works, css class does not

[Morten]

I want some of my date time pickers to have a width of 140px.

 https://dojo.telerik.com/@mortenma71/eSAhOyaN/9

It works when I set the width using inline style:
<input id="datepicker" value="10/10/2011" style="width:140px;" />

It doesn't work when I set the width using a CSS class.

Without !important the CSS class seem to have no effect:
<style>.width-140 { width: 140px; }</style>
<input id="datepicker2" value="10/10/2011" class="width-140" />

With !important the CSS class effects the width, however the svg-picker-icon doesn't show:
<style>.width-140-important { width: 140px !important; }</style>
<input id="datepicker3" value="10/10/2011" class="width-140-important" />

I only observed the problem now; I'm sure it worked in an earlier kendo/CSS version.

How can I set the width using a CSS class and retain the svg-picker icon?

/Morten

[Morten]

It appears that changing the CSS definition from: 

.width-140-important { width: 140px !important; }

to:

.width-140-important { max-width: 140px !important; }

works!

https://dojo.telerik.com/@mortenma71/eSAhOyaN/10

[Martin]

Hello, Morten,

The behaviour is due to a known bug described here. The fix didn't make if for the last release, but you can use the workaround you mentioned in your last reply until our next release.

Let me know if you have any further questions.

Regards,
Martin
Progress Telerik