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