support direction

Author: chollier

src/DateTimeField.jsx

@@ -187,26 +187,20 @@ DateTimeField = React.createClass({
       scrollTop = (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;
       placePosition = this.props.direction === 'up' ? 'top' : this.props.direction === 'bottom' ? 'bottom' : this.props.direction === 'auto' ? offset.top + this.refs.widget.getDOMNode().offsetHeight > window.offsetHeight + scrollTop && this.refs.widget.offsetHeight + this.refs.datetimepicker.getDOMNode().offsetHeight > offset.top ? 'top' : 'bottom' : void 0;
       if (placePosition === 'top') {
-        offset.top -= this.refs.widget.getDOMNode().offsetHeight + this.refs.datetimepicker.getDOMNode().offsetHeight + 15;
+        offset.top = -this.refs.widget.getDOMNode().offsetHeight - this.getDOMNode().clientHeight - 2;
         classes["top"] = true;
         classes["bottom"] = false;
+        classes['pull-right'] = true;
       } else {
-        offset.top += 1;
+        offset.top = 40;
         classes["top"] = false;
         classes["bottom"] = true;
-      }
-      if (document.body.clientWidth < offset.left + this.refs.widget.getDOMNode().offsetWidth) {
-        offset.right = document.body.clientWidth - offset.left - this.refs.dtpbutton.getDOMNode().offsetWidth;
-        offset.left = "auto";
         classes['pull-right'] = true;
-      } else {
-        offset.right = "auto";
-        classes["pull-right"] = false;
       }
       styles = {
         display: 'block',
         position: 'absolute',
-        top: 40,
+        top: offset.top,
         left: 'auto',
         right: 40
       };

src/coffee/DateTimeField.jsx.coffee

@@ -145,31 +145,36 @@ DateTimeField = React.createClass(
             'bottom'
 
       if placePosition == 'top'
-        offset.top -= @refs.widget.getDOMNode().offsetHeight + @refs.datetimepicker.getDOMNode().offsetHeight + 15
+        # offset.top -= @refs.widget.getDOMNode().offsetHeight + @refs.datetimepicker.getDOMNode().offsetHeight + 15
+        offset.top = - @refs.widget.getDOMNode().offsetHeight-this.getDOMNode().clientHeight-2
         classes["top"] = true
         classes["bottom"] = false
+        classes['pull-right'] = true
       else
-        offset.top += 1
+        # offset.top += 1
+        offset.top = 40
         classes["top"] = false
         classes["bottom"] = true
+        classes['pull-right'] = true
+
 
       # if @props.orientation == 'left'
       #   classes["left-oriented"] = true
       #   offset.left = offset.left - @refs.widget.getDOMNode.
 
-      if document.body.clientWidth < offset.left + @refs.widget.getDOMNode().offsetWidth
-        offset.right = document.body.clientWidth - offset.left - @refs.dtpbutton.getDOMNode().offsetWidth
-        offset.left = "auto"
-        classes['pull-right'] = true
-      else
-        offset.right = "auto"
-        classes["pull-right"] = false
+      # if document.body.clientWidth < offset.left + @refs.widget.getDOMNode().offsetWidth
+      #   offset.right = document.body.clientWidth - offset.left - @refs.dtpbutton.getDOMNode().offsetWidth
+      #   offset.left = "auto"
+      #   classes['pull-right'] = true
+      # else
+      #   offset.right = "auto"
+      #   classes["pull-right"] = false
 
       styles =
         display: 'block'
         position: 'absolute'
-        # top: offset.top
-        top: 40
+        top: offset.top
+        # top: 40
         # left: offset.left
         # right: offset.right
         left: 'auto'