<p dir="auto">When I make use of the built-in <code class="notranslate">withStyles</code> HOC I don't get the automatic vendor prefixing despite the following pieces of documentation claiming otherwise:</p>
<ul dir="auto">
<li><a href="https://material-ui-next.com/getting-started/frequently-asked-questions/#when-should-i-use-inline-style-vs-withstyles-" rel="nofollow">When should I use inline-style vs withStyles()?</a> it says that we can make use of <code class="notranslate">withStyles</code> in order to gain the benefit of vendor prefixing.</li>
<li><a href="https://material-ui-next.com/customization/css-in-js/#jss" rel="nofollow">CSS-in-JS</a> states that Material UI uses JSS at its core with the <code class="notranslate">jss-preset-default</code> which includes the <code class="notranslate">jss-vendor-prefixer</code> plugin.</li>
</ul>

<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/mui-org/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">Vendor prefixes should be generated for certain style rules like <code class="notranslate">display: 'flex'</code> or <code class="notranslate">transform: 'translateX(100px)'</code></p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">No vendor prefixes are generated</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto"><a href="https://codesandbox.io/s/985r6o933w" rel="nofollow">https://codesandbox.io/s/985r6o933w</a></p>
<ol dir="auto">
<li>Inspect the element <code class="notranslate">Test</code></li>
<li>Notice that no vendor prefixes are generated when looking at the class <code class="notranslate">.ExampleContainer-root-1</code></li>
</ol>
<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>1.0.0 beta 21</td>
</tr>
<tr>
<td>React</td>
<td>16.1.1</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome 62</td>
</tr>
</tbody>
</table>
<p dir="auto">I am using the DatePicker to filter my results by date. However I need the ability to remove this filter setting if desired. The current DatePicker does not seem to have a way to do this - once a date is selected it is always there. Is there a way to do this?</p>
<p dir="auto"><strong>Examples</strong></p>
<ol dir="auto">
<li>Native <code class="notranslate">&lt;input type="date" /&gt;</code> on Chrome</li>
<li><a href="https://eternicode.github.io/bootstrap-datepicker" rel="nofollow">Bootstrap DatePicker</a> - has an optional clear button, also the input text can be simply deleted.</li>
</ol>