clock input should be fixed...

[roojs1] / Roo / bootstrap / TimeField.js

diff --git a/Roo/bootstrap/TimeField.js b/Roo/bootstrap/TimeField.js
index c2a9cae..59de8c5 100644 (file)
--- a/Roo/bootstrap/TimeField.js
+++ b/Roo/bootstrap/TimeField.js
@@ -22,7 +22,7 @@ Roo.bootstrap.TimeField = function(config){
             /**
              * @event show
              * Fires when this field show.
-             * @param {Roo.bootstrap.DateField} this
+             * @param {Roo.bootstrap.DateField} thisthis
              * @param {Mixed} date The date value
              */
             show : true,
@@ -51,7 +51,14 @@ Roo.extend(Roo.bootstrap.TimeField, Roo.bootstrap.Input,  {
      * valid according to {@link Date#parseDate} (defaults to 'H:i').
      */
     format : "H:i",
-       
+
+    getAutoCreate : function()
+    {
+        this.after = '<i class="fa far fa-clock"></i>';
+        Roo.bootstrap.TimeField.superclass.getAutoCreate.call(this);
+
+         
+    },
     onRender: function(ct, position)
     {
         
@@ -62,7 +69,7 @@ Roo.extend(Roo.bootstrap.TimeField, Roo.bootstrap.Input,  {
         this.picker().setVisibilityMode(Roo.Element.DISPLAY).originalDisplay = 'block';
         
         this.pop = this.picker().select('>.datepicker-time',true).first();
-        this.pop.setVisibilityMode(Roo.Element.DISPLAY).originalDisplay = 'block' 
+        this.pop.setVisibilityMode(Roo.Element.DISPLAY).originalDisplay = 'block';
         
         this.picker().on('mousedown', this.onMousedown, this);
         this.picker().on('click', this.onClick, this);
@@ -83,8 +90,9 @@ Roo.extend(Roo.bootstrap.TimeField, Roo.bootstrap.Input,  {
     
     fireKey: function(e){
         if (!this.picker().isVisible()){
-            if (e.keyCode == 27) // allow escape to hide and re-show picker
+            if (e.keyCode == 27) { // allow escape to hide and re-show picker
                 this.show();
+            }
             return;
         }
 
@@ -315,15 +323,6 @@ Roo.extend(Roo.bootstrap.TimeField, Roo.bootstrap.Input,  {
         
         var cls = ['bottom'];
         
-        Roo.log('run!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1');
-        Roo.log(Roo.lib.Dom.getViewWidth());
-        Roo.log(Roo.get(document.body).getScroll());
-        Roo.log(this.inputEl().getLeft());
-        Roo.log(this.picker().getWidth());
-        Roo.log(this.el);
-        Roo.log(this.el.getLeft());
-        Roo.log(this.inputEl());
-        Roo.log(this.inputEl().getLeft());
         if((Roo.lib.Dom.getViewHeight() + Roo.get(document.body).getScroll().top) - (this.inputEl().getBottom() + this.picker().getHeight()) < 0){ // top
             cls.pop();
             cls.push('top');
@@ -336,7 +335,7 @@ Roo.extend(Roo.bootstrap.TimeField, Roo.bootstrap.Input,  {
             cls.push('left');
         }
         
-        this.picker().addClass('top');
+        this.picker().addClass(cls.join('-'));
         
         var _this = this;
         
@@ -360,8 +359,6 @@ Roo.extend(Roo.bootstrap.TimeField, Roo.bootstrap.Input,  {
             }
         });
         
-//        this.picker().setTop(0 - this.picker().getHeight()).setLeft(this.inputEl().getLeft() - this.el.getLeft());
-//        this.picker().setTop(this.inputEl().getHeight()).setLeft(this.inputEl().getLeft() - this.el.getLeft());
     },
   
     onFocus : function()