title: Input onChange() event is not called
body: <ul>
  <li><p>I'm rendering an <code>Input</code> of <code>type='number'</code>. </p></li>
  <li><p>The <strong>Input</strong> has the value of <code>this.state.value</code>.</p></li>
  <li><p>The Input and all the UI Components are generated via <strong>Semantic-UI</strong>, but I think that's not of a significant importance info.</p></li>
  <li><p>I also have a <strong>custom arrow menu</strong> for this input instead of the original one. <strong><em>[input of type number has two arrows to decrease/increase the value]</em></strong></p></li>
  </ul>
  
  <hr>
  
  <h3>Render()</h3>
  
  <pre><code>render() {
      // Custom Menu
      const arrowsMenu = (
      &lt;Menu compact size='tiny'&gt;
        &lt;Menu.Item as='a' onClick={ this.decreaseNumber.bind(this) }&gt;
          &lt;Icon name='chevron left' size='small' /&gt;
        &lt;/Menu.Item&gt;
        &lt;Menu.Item as='a' onClick={ this.increaseNumber.bind(this) }&gt;
          &lt;Icon name='chevron right' size='small' /&gt;
        &lt;/Menu.Item&gt;
      &lt;/Menu&gt;
      );
  
      return (
        &lt;Input value={ this.state.value } type="number" label={ arrowsMenu } placeholder="Raplece ma" onChange={ this.onChange.bind(this) } /&gt;
        );
    }
  </code></pre>
  
  <hr>
  
  <p><strong>The Custom Menu uses these two functions:</strong></p>
  
  <pre><code>decreaseNumber(e) {
      this.setState({
        value: this.state.value - 1
      });
    }
  
    increaseNumber(e) {
      this.setState({
        value: this.state.value + 1
      });
    }
  </code></pre>
  
  <hr>
  
  <h3>onChange</h3>
  
  <p>You can place anything.</p>
  
  <pre><code>onChange(e) {
      console.log('====================================');
      console.log('Hello pals');
      console.log('====================================');
    }
  </code></pre>
  
  <hr>
  
  <h2>The problem is</h2>
  
  <p>That whenever I <strong>push an Arrow</strong> from the <code>Menu</code>, the <code>onChange()</code> event of the <code>Input</code> is <strong>not triggered</strong>. But the <strong>value</strong> of the <strong>input</strong> is <strong>changed</strong>. </p>
  
  <p>(Of course, because the <code>this.state.value</code> variable is changed in the state)</p>
  
  <p>If I do the same with the original arrows, of course, the value is changed as it should.</p>
  
  <p><strong>Why is that and how can I fix it?</strong></p>