code: function() {
        
        inputEx.DatePickerField.superclass.renderComponent.call(this);
        
        
        // Create overlay
        this.oOverlay = new YAHOO.widget.Overlay(Dom.generateId(), { visible: false });
        this.oOverlay.setBody(" ");
        this.oOverlay.body.id = Dom.generateId();
        
        // Create button
        this.button = new YAHOO.widget.Button({ type: "menu", menu: this.oOverlay, label: "&nbsp;&nbsp;&nbsp;&nbsp;" });       
        this.button.appendTo(this.wrapEl);
              
        // Render the overlay
        this.oOverlay.render(this.wrapEl);
        // HACK: Set position absolute to the overlay
        Dom.setStyle(this.oOverlay.body.parentNode, "position", "absolute");
        
        // Subscribe the click handler on the field only if readonly
  		if(this.options.readonly) {
  	      Event.addListener(this.el,'click',function(){
  	         // calendar may not have been rendered yet
  	         this.renderCalendar();
           
  	         if (!this.oOverlay.justHidden) {
  	            this.button._showMenu();
  	         }
  	      },this,true);
        }
  
        this.oOverlay.hideEvent.subscribe(function() {
           this.oOverlay.justHidden = true;
           YAHOO.lang.later(250,this,function(){this.oOverlay.justHidden=false;});
        },this,true);
        
        
        // Subscribe to the first click
        this.button.on('click', this.renderCalendar, this, true);
     }
docs: Render the input field and the minical container