title: materialui selectField does not work properly with Redux forms
body: <p>I am using materialUi with redux form i have following code</p>
  
  <p>NumbersSelector.js</p>
  
  <pre><code>import React from 'react';
  
  import SelectField from 'material-ui/SelectField';
  import MenuItem from 'material-ui/MenuItem';
  
  class NumbersSelector extends React.Component {
  
    constructor (props) {
      super (props);
      this.state = {
        value: 1
      }
    }
  
    _renderItems = input =&gt; {
  
      let items = [];
  
      for (let i = this.props.minValue; i &lt;= this.props.maxValue; i++ ) {
          i!==1
            ?items.push (&lt;MenuItem {...input} key={i} value={i} primaryText={i + ' ' + this.props.pluralText}/&gt;)
            :items.push (&lt;MenuItem {...input} key={i} value={i} primaryText={i + ' ' + this.props.singularText}/&gt;);
      }
  
      return items;
  
    }
  
    render () {
  
      const { input } = this.props;
      return (
        &lt;SelectField
          name={this.props.name}
          maxSearchResults={this.props.maxSearchResults}
          floatingLabelText={this.props.floatingLabelText}
          hintText={this.props.hintText}
  
          fullWidth={true}
          floatingLabelFixed={true}
  
          inputStyle={this.props.inputStyle}
          floatingLabelStyle={this.props.floatingLabelStyle}
          hintStyle={this.props.hintStyle}
  
          value={input.value}
          onChange={(event, value) =&gt; {console.log(value);input.onChange(value)}}
        &gt;
          {this._renderItems(input)}
        &lt;/SelectField&gt;
      );
    }
  
  }
  
  export default NumbersSelector;
  </code></pre>
  
  <p>I use above component as follows</p>
  
  <pre><code>&lt;Field
            component={NumbersSelector}
            name={'noOfNights'}
            floatingLabelText="No of Nights"
            hintText="Click to select"
            hintStyle={searchPanelHintStyles}
            inputStyle={searchPanelInputStyles}
            floatingLabelStyle={searchPanelFloatingLabelFixedStyles}
            floatingLabelFixed={true}
            fullWidth={true}
            minValue={1}
            maxValue={10}
            singularText="Night"
            pluralText="Nights"
         /&gt;
  </code></pre>
  
  <p>This creates a list with numbers. The issue is when i select one from the menu items, Instead of the clicked one it selects the above item from the clicked item.</p>
  
  <p>For example if the number 7 is clicked then number 6 get selected</p>
  
  <p>How do i fix this <strong><em>without using redux-form-material-ui</em></strong>.</p>
  
  <p><a href="http://www.webpackbin.com/EJZEl3nQM" rel="nofollow noreferrer">DEMO</a></p>