raimund@550: Ext.define('Ext.ux.DateTimeMenu', {
raimund@550: 	  extend: 'Ext.menu.Menu',
raimund@550: 	  
raimund@550: 	  alias: 'widget.datetimemenu',
raimund@550: 	  
raimund@550: 	  requires: ['Ext.ux.DateTimePicker'],
raimund@550: 	  
raimund@550: 	  hideOnClick: true,
raimund@550: 	  pickerId: null,
raimund@550: 	  
raimund@550: 	  initComponent: function() {
raimund@550: 		  var me = this;
raimund@550: 		  
raimund@550: 		  Ext.apply(me, {
raimund@550: 			    showSeparator: false,
raimund@550: 			    plain: true,
raimund@550: 			    border: false,
raimund@550: 			    bodyPadding: 0,
raimund@550: 			    items: Ext.applyIf({
raimund@550: 				      cls: Ext.baseCSSPrefix + 'menu-date-item',
raimund@550: 				      id: me.pickerId,
raimund@550: 				      xtype: 'datetimepicker'
raimund@550: 			      }, me.initialConfig)
raimund@550: 		    });
raimund@550: 		  
raimund@550: 		  me.callParent(arguments);
raimund@550: 		  
raimund@550: 		  me.picker = me.down('datetimepicker');
raimund@550: 		  me.relayEvents(me.picker, ['select']);
raimund@550: 		  
raimund@550: 		  if (me.hideOnClick) {
raimund@550: 			  me.on('select', me.hidePickerOnSelect, me);
raimund@550: 		  }
raimund@550: 	  },
raimund@550: 	  
raimund@550: 	  hidePickerOnSelect: function() {
raimund@550: 		  Ext.menu.Manager.hideAll();
raimund@550: 	  }
raimund@550:   });