Ext.onReady(function(){
  var form = new Ext.FormPanel({
      id: 'firstForm',
      labelWidth: 82,
      frame: false,
      title: '',
      bodyStyle:'padding:5px 5px 0',
      defaults: {width: 86},
      defaultType: 'datefield',
      buttonAlign: 'left',
      items: [{
        fieldLabel: 'Pick-up date',
        disabledDays: [0],
        disabledDaysText: 'No reservation on sunday',
        name: 'startDate',
        id: 'startdt',
        width: '86',
        format: 'm/d/Y',
        cls:'reservationDate',
        emptyText: 'MM/DD/YYYY',
        endDateField: 'enddt'
      },{
        fieldLabel: 'Drop-off date',
        disabledDays: [0],
        disabledDaysText: 'No reservation on sunday',
        name: 'endDate',
        id: 'enddt',
        format: 'm/d/Y',
        width: '86',
        cls: 'reservationDate',
        emptyText: 'MM/DD/YYYY',
        startDateField: 'startdt'
      },
      new Ext.form.Hidden({
          name: 'code',
          value: '1'
      }),
      new Ext.form.Hidden({
          name: 'vanType',
          value: vanType
      }),
      new Ext.Button({
            text: '',
            id: 'searchBtn',
            cls: 'submitButton',
            width: 90,
            handler: function(b,e){
              var strstartdate = Ext.get('startdt').dom.value;
              var strenddate   = Ext.get('enddt').dom.value;
              
              Ext.get('startdt').dom.value = strstartdate.substr(3,2)+'/'+strstartdate.substr(0,2)+'/'+strstartdate.substr(6,4);
              Ext.get('enddt').dom.value = strenddate.substr(3,2)+'/'+strenddate.substr(0,2)+'/'+strenddate.substr(6,4);
              
              form1 = Ext.get('ext-gen3');
              form1.dom.action = 'booking.html#period';
              form1.dom.submit();
            }
      })
      ]
  });
  form.render('form');
  //--------------------------------------------------
  Ext.getCmp('startdt').on('change',function(){
    Ext.get('enddt').dom.value = Ext.get('startdt').dom.value;
  });
});