[Solved] Kendo Grid date column when disabled truncates the data

[Devna]

Hi,
I have a Grid with a date column. The aim is to manipulate the date field as enabled or disabled. The problem is that the grid's width is set. The Date field when displayed in a grid in enabled mode can be selected and scrolled to the end of the field to see the complete date time. However, in disabled mode the date appears as truncated. 
I've tried to set k-select to display:none but still the wrapper truncates the data. For better visibility, I've changed the background-color to green which is causing the truncation.
Please see the JSFiddle here -> http://jsfiddle.net/devna_sahai/tzL8anj8/20/

Steps to duplicate the issue in JSFiddle provided above :-
1. Click on Edit button for a row
2. Select the same row again

Help Required: How can I get the whole text to be displayed when the date is disabled?



Thanks 
Devna

[Dimo]

Hiello Devna,

In the described scenario, the width of the DatePicker depends on the width of the Grid column, so increasing the column width is the easiest option. If this is unacceptable, you can use the following CSS rule to remove the right padding, which is allocated for the DatePicker button.

.k-grid-edit-row .k-picker-wrap.k-state-disabled {
    padding-right: 0;
}

Regards,
Dimo
Telerik

[Devna]

Thanks Dimo. It works well.

Regards
Devna