torsten@273: Ext.define('Ext.ux.form.DateTimeField', {
torsten@273: 	  extend: 'Ext.form.field.Date',
torsten@273: 	  alias: 'widget.datetimefield',
torsten@273: 	  requires: ['Ext.ux.DateTimePicker'],
torsten@273: 
torsten@273: 	  initComponent: function() {
torsten@273: 		  this.format = this.format + ' ' + 'H:i:s';
torsten@273: 		  this.callParent();
torsten@273: 	  },
torsten@273: 	  // overwrite
torsten@273: 	  createPicker: function() {
torsten@273: 		  var me = this,
torsten@273: 			  format = Ext.String.format;
torsten@273: 
torsten@273: 		  return Ext.create('Ext.ux.DateTimePicker', {
torsten@273: 			    ownerCt: me.ownerCt,
torsten@273: 			    renderTo: document.body,
torsten@273: 			    floating: true,
torsten@273: 			    hidden: true,
torsten@273: 			    focusOnShow: true,
torsten@273: 			    minDate: me.minValue,
torsten@273: 			    maxDate: me.maxValue,
torsten@273: 			    disabledDatesRE: me.disabledDatesRE,
torsten@273: 			    disabledDatesText: me.disabledDatesText,
torsten@273: 			    disabledDays: me.disabledDays,
torsten@273: 			    disabledDaysText: me.disabledDaysText,
torsten@273: 			    format: me.format,
torsten@273: 			    showToday: me.showToday,
torsten@273: 			    startDay: me.startDay,
torsten@273: 			    minText: format(me.minText, me.formatDate(me.minValue)),
torsten@273: 			    maxText: format(me.maxText, me.formatDate(me.maxValue)),
torsten@273: 			    listeners: {
torsten@273: 				    scope: me,
torsten@273: 				    select: me.onSelect
torsten@273: 			    },
torsten@273: 			    keyNavConfig: {
torsten@273: 				    esc: function() {
torsten@273: 					    me.collapse();
torsten@273: 				    }
torsten@273: 			    }
torsten@273: 		    });
torsten@273: 	  }
torsten@273:   });