<p dir="auto">Slider does not update self state value if min, max, value props are changed together, so slider gets out of the page layout.<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/19636070/33079030-8d53c3cc-cee5-11e7-990b-fb9cb107b95d.png"><img src="https://user-images.githubusercontent.com/19636070/33079030-8d53c3cc-cee5-11e7-990b-fb9cb107b95d.png" alt="2017-11-21 17 57 58" style="max-width: 100%;"></a></p>


<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/callemall/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>

<p dir="auto">When I change the slider props, I believe that the slider accepts new props, updates its state and re renders properly.</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">If I change min, max, value props together, slider does not update value.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/19636070/33079999-0cd3799c-cee8-11e7-9b11-2b1c99f77901.png"><img src="https://user-images.githubusercontent.com/19636070/33079999-0cd3799c-cee8-11e7-9b11-2b1c99f77901.png" alt="2017-11-21 17 51 01" style="max-width: 100%;"></a></p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<p dir="auto">Bug demo: <a href="https://codesandbox.io/s/xrl2j6936o" rel="nofollow">https://codesandbox.io/s/xrl2j6936o</a> (Press "Do a bug" button)</p>
<ol dir="auto">
<li>Set slider props - value: 5, minValue: 1, maxValue: 10, step: 1</li>
<li>Change slider props to - minValue: 25, maxValue: 30, value: 27</li>
<li>See that slider's value did not change</li>
</ol>
<h2 dir="auto">Context</h2>
    
<p dir="auto">I've got slider as a part of big component, that present a service calculator. User can switch different mode, so the slider must change it props.</p>
<h2 dir="auto">Your Environment</h2>

<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>0.19.4</td>
</tr>
<tr>
<td>React</td>
<td>tried with 15.4.0 and 16.0.0</td>
</tr>
<tr>
<td>browser</td>
<td>Google Chrome 62.0.3202.94, Firefox 57, IE11, EDGE and others</td>
</tr>
</tbody>
</table>
<p dir="auto">Below you can see two problems with SelectField - one is the wrong position and the second is that hintText is present even if the value is selected.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/4790217/8746480/145a329e-2c8a-11e5-9996-714235dd6453.png"><img src="https://cloud.githubusercontent.com/assets/4790217/8746480/145a329e-2c8a-11e5-9996-714235dd6453.png" alt="hint" style="max-width: 100%;"></a><br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/4790217/8746481/146247d6-2c8a-11e5-9d3e-eecc02ef9dc7.png"><img src="https://cloud.githubusercontent.com/assets/4790217/8746481/146247d6-2c8a-11e5-9d3e-eecc02ef9dc7.png" alt="position" style="max-width: 100%;"></a></p>
<p dir="auto">also I think that SelectField needs some more methods: getValue() setValue() clearValue()</p>