Forums

YUI.add('calendar',function(Y){   
   function Calendar(config){
      Calendar.superclass.constructor.apply(this, arguments);
   }   
   Calendar.NAME="calendar";   
   Calendar.ATTRS={
         height:{value:"200px"},
         width:{value:"200px"},
         format:{value:"%x"},
         inputField:{value:"null"}         
   };   
   Y.extend(Calendar,Y.Calendar,{
      initializer: function(config) {                  
         var dateInputField = Y.one(this.get("inputField"));         
         dateInputField.on('focus',function(e){
            this.render();
            this.show();
         },this);         
      },   
      bindUI:function(){
         this.on('selectionChange',function(ev){      
            var newDate = ev.newSelection[0];
            var formattedDate = Y.DataType.Date.format(newDate,{format:this.get("format")});
            dateInputField.set('value',formattedDate);      
            this.hide();      
         },this);
         var dateInputField = Y.one(this.get("inputField"));
         dateInputField.on('clickoutside',function(e){               
            alert('in hide');
            this.hide();            
         },this);         
      }               
   });   
   Y.Calendar = Calendar;   
}, '1.0.0', {
   requires : [ 'calendar','event','datatype-date','node' ]
});