Merge pull request Hacker0x01#218 from rafeememon/bugfix/always-in-range

Read inRange from prop passed to Day

Author: martijnrusschen

src/day.jsx

@@ -22,7 +22,7 @@ var Day = React.createClass( {
     if ( this.props.day.sameDay( this.props.selected ) )
       classes.push( "datepicker__day--selected" );
 
-    if ( this.props.day.inRange )
+    if ( this.props.inRange )
       classes.push( "datepicker__day--in-range" );
 
     if ( this.props.day.sameDay( moment() ) )

test/day_test.js

@@ -0,0 +1,32 @@
+var React = require( "react" );
+var ReactDOM = require( "react-dom" );
+var TestUtils = require( "react-addons-test-utils" );
+var moment = require( "moment" );
+var DateUtil = require( "../src/util/date" );
+var Day = require( "../src/day.jsx" );
+
+describe( "Day", function() {
+  it( "should apply the in-range class if in range", function() {
+    var day = new DateUtil(moment());
+    var dayComponent = TestUtils.renderIntoDocument(
+      <Day
+        day={day}
+        selected={day}
+        inRange={true} />
+    );
+
+    expect( ReactDOM.findDOMNode( dayComponent ).className ).to.contain( "datepicker__day--in-range" );
+  } );
+
+  it( "should not apply the in-range class if not in range", function() {
+    var day = new DateUtil(moment());
+    var dayComponent = TestUtils.renderIntoDocument(
+      <Day
+        day={day}
+        selected={day}
+        inRange={false} />
+    );
+
+    expect( ReactDOM.findDOMNode( dayComponent ).className ).to.not.contain( "datepicker__day--in-range" );
+  } );
+} );