<p dir="auto">I think we need to listen the event of DatePicker's cancel and ok button.</p>
<p dir="auto">Just run handler props in _handleCancelTouchTap and _handleOKTouchTap, that is it!</p>
<p dir="auto">Isn't it simple and distinct? Why we didn't do it.</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 picking an option from <code class="notranslate">Select</code> and then clicking outside the select container, <code class="notranslate">Select</code> looses focus.</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">When picking an option from <code class="notranslate">Select</code> and then clicking outside the select container, <code class="notranslate">Select</code> stays focused.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<p dir="auto"><a href="https://codesandbox.io/s/m3xknnr4m8" rel="nofollow">https://codesandbox.io/s/m3xknnr4m8</a></p>
<ol dir="auto">
<li>Pick an option from Select</li>
<li>Click outside the select container.</li>
<li>Notice, that Select stays in focused state</li>
</ol>
<h2 dir="auto">Context</h2>
    
<p dir="auto">Problem appears, when <code class="notranslate">Select</code> without <code class="notranslate">native</code> option is inside of a <code class="notranslate">Popover</code> or other component, which uses <code class="notranslate">Popover</code>  under the hood (e.g. <code class="notranslate">Dialog</code>).</p>
<p dir="auto">I'm pretty sure, that's because <code class="notranslate">Select</code> renders its own <code class="notranslate">Popover</code> for options list (it uses <code class="notranslate">Menu</code>, which uses <code class="notranslate">Popover</code> under the hood) and <code class="notranslate">Dialog</code> also has its own <code class="notranslate">Popover</code>.</p>
<p dir="auto">This explains, why <code class="notranslate">Select</code> works fine outside a <code class="notranslate">Popover</code>, and why <code class="notranslate">Select</code> with <code class="notranslate">native</code> option also <a href="https://codesandbox.io/s/v3rk31mlx5" rel="nofollow">works fine</a> (in both cases there's only on <code class="notranslate">Popover</code> visible at the same time).</p>
<p dir="auto">Any thoughts on that? I tried to debug that, but at some point I stuck. I would appreciate any help or a feedback.</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>1.0.0-beta.9</td>
</tr>
<tr>
<td>React</td>
<td>15.5.3</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome</td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>