<p dir="auto">I'm pretty sure this is a bug. When you set itRtl in your theme and create a <code class="notranslate">TimePicker</code> instance, clock digits are started from left which is wrong.<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/13661520/18238106/972b9936-734e-11e6-8131-57e2911b4489.png"><img src="https://cloud.githubusercontent.com/assets/13661520/18238106/972b9936-734e-11e6-8131-57e2911b4489.png" alt="screencapture-localhost-3000-admin-panel-collections-new-1473052978457" style="max-width: 100%;"></a></p>
<p dir="auto">react: 15.3.1<br>
material-ui: "^0.15.4"</p>
<h3 dir="auto">Problem description</h3>
<p dir="auto">TimePicker displays incorrect with RTL direction</p>
<h3 dir="auto">Versions</h3>
<ul dir="auto">
<li>Material-UI: 0.15.4</li>
<li>React: 15.2.0</li>
<li>Browser: any browser</li>
</ul>
<h3 dir="auto">Images &amp; references</h3>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/6669339/17780534/18fe04d0-6585-11e6-8582-85936d805815.png"><img src="https://cloud.githubusercontent.com/assets/6669339/17780534/18fe04d0-6585-11e6-8582-85936d805815.png" alt="time-picker" style="max-width: 100%;"></a></p>
<p dir="auto">--&gt;</p>