X-Git-Url: http://git.roojs.org/?a=blobdiff_plain;f=ux%2FDateDisplay.js;h=4e4a26b0f02788bf1cc61447a8a617f8a7819ba5;hb=0b69a11b1055a6d3a3fd0719bdd58b5a235de0e4;hp=c72497569bc1d5cf0dcf249f2f701f02422871e1;hpb=9844492555edcf4fcd5fd79422eed625b1e78a70;p=roojs1

diff --git a/ux/DateDisplay.js b/ux/DateDisplay.js
index c72497569b..4e4a26b0f0 100644
--- a/ux/DateDisplay.js
+++ b/ux/DateDisplay.js
@@ -4,14 +4,40 @@
            
 Roo.form.DateDisplay = function(config){
     
+    config.listener = config.listener  || {};
+    var c = Roo.apply({}, config);
+    delete c.listener;
     
     Roo.form.DateDisplay.superclass.constructor.call(this, config);
-    this.picker = new Roo.DatePicker( config );
+    
+    Roo.log(c);
+    
+    
+    this.picker = new Roo.DatePicker( c );
+    
+    this.addEvents({
+        /**
+	     * @event select
+	     * Fires when a date is selected
+	     * @param {DatePicker} this
+	     * @param {Date} date The selected date
+	     */
+        'select': true,
+        /**
+	     * @event monthchange
+	     * Fires when the displayed month changes 
+	     * @param {DatePicker} this
+	     * @param {Date} date The selected month
+	     */
+        'monthchange': true
+    });
+
+    
     this.picker.on('select', this.onSelect, this);
     
 };
 
-Roo.extend(Roo.form.DateDisplay , Roo.form.DateField ,  {
+Roo.extend(Roo.form.DateDisplay , Roo.form.TextField ,  {
     
     inputType  : 'hidden',
     
@@ -33,9 +59,11 @@ Roo.extend(Roo.form.DateDisplay , Roo.form.DateField ,  {
     },
     onSelect : function(sel) {
         
-        
-        
-     
+        if (this.picker.value) {
+            this.setValue(this.picker.value.format('Y-m-d'));
+            //this.fireEvent('select', this);
+        }
+         
     }
     
 });
\ No newline at end of file