<p dir="auto">I'm trying to display placeholder value in a Select if value is not selected. When user selects value it should disappear and the value should replace placeholder. However label should be displayed all the time. I can achieve it in TextField but not in Select.</p>
<p dir="auto">Here is my try however it doesn't display anything in placeholder.</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="const errorObj = mapError(props);

    return (&lt;FormControl error={errorObj.error} fullWidth={props.fullWidth} margin={props.margin} required={props.required}&gt;
        &lt;InputLabel htmlFor={props.label} shrink&gt;{props.label}&lt;/InputLabel&gt;
        &lt;Select input={&lt;Input id={props.label} placeholder={props.placeholder} margin={props.margin} /&gt;} {...props as any} &gt;
            {props.children}
        &lt;/Select&gt;
        {errorObj.helperText &amp;&amp; &lt;FormHelperText&gt;{errorObj.helperText}&lt;/FormHelperText&gt;}
    &lt;/FormControl&gt;)"><pre class="notranslate"><code class="notranslate">const errorObj = mapError(props);

    return (&lt;FormControl error={errorObj.error} fullWidth={props.fullWidth} margin={props.margin} required={props.required}&gt;
        &lt;InputLabel htmlFor={props.label} shrink&gt;{props.label}&lt;/InputLabel&gt;
        &lt;Select input={&lt;Input id={props.label} placeholder={props.placeholder} margin={props.margin} /&gt;} {...props as any} &gt;
            {props.children}
        &lt;/Select&gt;
        {errorObj.helperText &amp;&amp; &lt;FormHelperText&gt;{errorObj.helperText}&lt;/FormHelperText&gt;}
    &lt;/FormControl&gt;)
</code></pre></div>
<p dir="auto">disabled is not being inherited by either Checkbox or Switch (or FormControlLabel actually) when used inside a FormControl.</p>
<p dir="auto">I tried this:<br>
FormControl (disabled) -&gt; checkbox (not inherited)<br>
FormControl (disabled) -&gt; FormControlLabel -&gt; checkbox (not inherited)<br>
FormControl -&gt; FormControlLabel (disabled) -&gt; checkbox (inherited)</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 setting a FormControl to disabled the inner controls (Checkbox and Switch) should be disabled as well, both if they are directly inside or wrapper around a FormControlLabel.</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">They don't get disabled, having to resort to also put the disabled property on them as a workaround.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<p dir="auto"><a href="https://codesandbox.io/s/w2zy4yqwml" rel="nofollow">https://codesandbox.io/s/w2zy4yqwml</a></p>
<h2 dir="auto">Context</h2>
    
<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>latest beta</td>
</tr>
<tr>
<td>React</td>
<td>16</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome 62</td>
</tr>
<tr>
<td>etc</td>
<td>TS 2.6-rc</td>
</tr>
</tbody>
</table>