Spread attributes to container.

This would allow us to pass event listeners and all sort
of things. See gpbl#122.

src/DayPicker.js

@@ -437,7 +437,7 @@ export default class DayPicker extends Component {
   }
 
   render() {
-    const { numberOfMonths, locale, style, tabIndex, canChangeMonth } = this.props;
+    const { numberOfMonths, locale, style, tabIndex, canChangeMonth, ...attributes } = this.props;
     const { currentMonth } = this.state;
     let className = `DayPicker DayPicker--${locale}`;
 
@@ -460,7 +460,8 @@ export default class DayPicker extends Component {
         style={ style }
         role="widget"
         tabIndex={ canChangeMonth && tabIndex }
-        onKeyDown={ canChangeMonth && ::this.handleKeyDown }>
+        onKeyDown={ canChangeMonth && ::this.handleKeyDown }
+        {...attributes}>
         { canChangeMonth && this.renderNavBar() }
         { months }
       </div>

test/DayPicker.js

@@ -65,6 +65,24 @@ describe("DayPicker", () => {
     expect(dayPicker.props.tabIndex).to.equal(10);
   });
 
+  it("should spread the rest of the props to the container", () => {
+    const focus = sinon.spy();
+    const blur = sinon.spy();
+    const dayPicker = TestUtils.renderIntoDocument(<DayPicker
+      style={{ color: 'red' }}
+      onFocus={focus}
+      onBlur={blur} />);
+    const node = ReactDOM.findDOMNode(dayPicker);
+
+    TestUtils.Simulate.focus(node);
+    expect(focus.calledOnce).to.be.true;
+
+    TestUtils.Simulate.blur(node);
+    expect(blur.calledOnce).to.be.true;
+
+    expect(node.style.color).to.equal("red");
+  });
+
   it("does not contain a interactionEnabled modifier", () => {
     const shallowRenderer = TestUtils.createRenderer();
     shallowRenderer.render(<DayPicker interactionEnabled={false} />);