EXTJS editor datefield not rendered after add it to grid
<p>When I add an editor with datefield as Xtype to my grid, the datefield does not render.</p>

<p>My problem is that I have to validate a daterange based on two dates. When I click in one of the dafields check the value of the other picker, but I can not get the value of the other datefield because is not render (the datefield renders after click it).</p>

<p>Moreover, if the validator crashes with the undefined, the datefield gets mad and the position on the DOM changes randomly.</p>

<p>The code is something like this:</p>

<pre><code>{ xtype: 'form',
defaults: {
     labelAlign: 'top',
     width: '95%'
},
items: [
     Ext.create('Ext.grid.Panel', {
          id: '&lt;the id&gt;',
          selModel: Ext.create('Ext.selection.CheckboxModel', {
              singleSelect: false,
              sortable: false,
              checkOnly: true
          }),
          store: myStore,
          plugins: {
              ptype: 'celledititing',
              pluginId: 'celledit',
          },
          columns: [
              { text: 'Field 1', dataIndex: 'FIELD_1', width: '25%' },
              { text: 'Field 2', dataIndex: 'FIELD_2', width: '25%' },
              { text: 'Date 1', dataIndex: 'DATE_1', width: '25%',
                renderer: Ext.util.Format.dateRenderer('d/m/Y'),
                editor: {
                     xtype: 'datefield',
                     id: '&lt;date id&gt;',
                     vtype: 'daterange',
                     endDateField: '&lt;date 2 id&gt;',
                     dateRangeMin: '',
                     flex: 1
               },
               { text: 'Date 2', dataIndex: 'DATE_2', width: '25%',
                 renderer: Ext.util.Format.dateRenderer('d/m/Y'),
                 editor: {
                     xtype: 'datefield',
                     id: '&lt;date 2 id&gt;',
                     vtype: 'daterange',
                     startDateField: '&lt;date id&gt;',
                     dateRangeMin: '',
                     flex: 1
               }
          ],
          plugins: {
              ptype: 'cellediting',
              clicksToEdit: 1
          },
          height: 200
      })
      ]
 }
</code></pre>

<p>Greetings-</p>