Hi,
We are facing an issue in rendering the datepicker to a HTML <DIV> tag placed inside a <TD>.
Please find the code below which contains 2 datepickers with one of them rendered to a <DIV> tag inside a <TD> and another one rendered to a separate <DIV> tag.
Also attached is the working fiddle.
Please update us in how we can render it inside a <TD> tag as the alignment would go haywire if not placed inside a <TD>.
Extjs version: ext-5.1.0
Fiddle: https://fiddle.sencha.com/#fiddle/pjk
Code:
JS:
Ext.application({
name: 'Fiddle',


launch: function() {
//Date Picker rendered to a DIV placed outside a TD.
Ext.create('Ext.picker.Date', {
renderTo: 'datePickerOutsideTD',
minDate: new Date()
});


//Date Picker rendered to a DIV placed inside a TD.
Ext.create('Ext.picker.Date', {
renderTo: 'datePickerInsideTD',
minDate: new Date()
});


}
});

HTML:
<div id="datePickerOutsideTD"></div>


<table>
<tr>
<td>
&nbsp;
</td>
</tr>
</table>


<table>
<tr>
<td>
<div id="datePickerInsideTD"></div>
</td>
</tr>
</table>