add adjustOrientOnCalendarOverflow

HISTORY.md

@@ -1,5 +1,10 @@
 # History
 ----
+
+## 3.10.1 / 2015-07-02
+
+add adjustOrientOnCalendarOverflow prop for picker
+
 ## 3.10.0 / 2015-07-01
 
 `new` support picker animation [#39](https://github.com/react-component/calendar/issues/39)

README.md

@@ -193,6 +193,12 @@ http://react-component.github.io/calendar/examples/index.html
           <td></td>
           <td></td>
         </tr>
+        <tr>
+          <td>adjustOrientOnCalendarOverflow</td>
+          <td>Boolean</td>
+          <td>true</td>
+          <td>whether adjust calendar orient if there is not enough space to show. better false if animation is 'slide-up'</td>
+        </tr>
         <tr>
           <td>animation</td>
           <td>String</td>

examples/ant-design-picker.js

@@ -80,6 +80,7 @@ var Test = React.createClass({
         marginBottom: 22
       }}>
         <DatePicker
+          adjustOrientOnCalendarOverflow={false}
           animation="slide-up"
           trigger={<span className="rc-calendar-picker-icon" />}
           formatter={this.props.formatter} calendar={calendar}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "rc-calendar",
-  "version": "3.10.0",
+  "version": "3.10.1",
   "description": "calendar ui component for react",
   "keywords": [
     "react",

src/Picker.jsx

@@ -148,13 +148,13 @@ class Picker extends React.Component {
       points = ['br', 'tr'];
       offset = [0, -5];
     }
-
+    var adjustOrientOnCalendarOverflow = this.props.adjustOrientOnCalendarOverflow;
     var align = domAlign(React.findDOMNode(this.calendarInstance), React.findDOMNode(this.inputInstance), {
       points: points,
       offset: offset,
       overflow: {
-        adjustX: 1,
-        adjustY: 1
+        adjustX: adjustOrientOnCalendarOverflow,
+        adjustY: adjustOrientOnCalendarOverflow
       }
     });
     points = align.points;
@@ -327,11 +327,13 @@ function prevent(e) {
 
 Picker.propTypes = {
   onChange: React.PropTypes.func,
-  renderCalendarToBody: React.PropTypes.bool
+  renderCalendarToBody: React.PropTypes.bool,
+  adjustOrientOnCalendarOverflow: React.PropTypes.bool
 };
 
 Picker.defaultProps = {
   prefixCls: 'rc-calendar-picker',
+  adjustOrientOnCalendarOverflow: true,
   renderCalendarToBody: false,
   onChange() {
   },