title: ExtJS Panel Inheritance/Base class
body: <p>I am trying to create my own Date/Time field. I know there are a few that others have made, I'm making my own .</p>
  
  <p>My question is as follows. I want to create a new object, DateTime, which extends Ext.Panel. I specify some properties for width, height, etc but I also specify the values for the items property which will contain a date field and a time field. When I try to actually instantiate the created object, I get an error saying "Object or property not supported". When I go into the error, it seems that the items collection throws an error The code is as follows:</p>
  
  <pre><code>var dateField = new AppealDate({
      id: 'dateField',
      tabIndex: 0,
      fieldLabel: '',
      msgTarget: 'under'
  });
  var timeField = new Ext.form.TimeField({
      id: 'timeField',
      tabIndex: 0,
      fieldLabel: '',
      msgTarget: 'under'
  });
  var DateTime = Ext.extend(Ext.Panel, {
      id: '',
      xtype: 'panel',
      fieldLabel: '',
      layout: 'table',
      layoutConfig: {
          columns: 2
      },
      items: [dateField, timeField]
  });
  
  var dateTimeField = new DateTime(); //this throws an error
  </code></pre>