<p dir="auto">The <code class="notranslate">DatePickerDialog</code> is a very nice date picker component. Currently, it's only available to be used internally in the <code class="notranslate">DatePicker</code> component. It would be nice to have it as a component that can be used by consumers of <code class="notranslate">material-ui</code>, not just internally.</p>
<p dir="auto">I also think that the <code class="notranslate">open</code> state should be controlled via a prop. It's pretty nasty to have the component only be able to opened / closed via instance methods.</p>
<p dir="auto">How can I add a custom attribute and get its value within <code class="notranslate">onCheck</code> handler?</p>
<p dir="auto">Example:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;Checkbox
    label={this.props.label}
    onCheck={this.onCheck}
    checked={this.props.checked}
    labelStyle={{width: 'initial'}}
    data-my-custom-attribute=&quot;FOO&quot; // the attribute
/&gt;

onCheck(e, checked) {

    //  How to get the attribute here?
    let foo = e.target.getAttribute('data-my-custom-attribute'); // foo === &quot;FOO&quot;
}"><pre class="notranslate"><code class="notranslate">&lt;Checkbox
    label={this.props.label}
    onCheck={this.onCheck}
    checked={this.props.checked}
    labelStyle={{width: 'initial'}}
    data-my-custom-attribute="FOO" // the attribute
/&gt;

onCheck(e, checked) {

    //  How to get the attribute here?
    let foo = e.target.getAttribute('data-my-custom-attribute'); // foo === "FOO"
}
</code></pre></div>