Material UI: How to use DatePickerDialog outside of DatePicker?
<p>Is it possible to use the <code>DatePickerDialog</code> without the <code>DatePicker</code>? The reason I want to do this is that I want more control over how the existing data is formatted than the <code>TextField</code> in the <code>DatePicker</code> allows.</p>

<p>I tried and this is what I got, all the dates are garbled: <a href="https://i.stack.imgur.com/gBMLT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gBMLT.png" alt="all the dates are garbled"></a></p>

<p>Here's my code:</p>

<pre><code>  &lt;MuiThemeProvider&gt;
    &lt;div&gt;
      &lt;span onClick={this.handleClick}&gt;Open&lt;/span&gt;
      &lt;DatePickerDialog
        ref="dialogWindow"
        container="inline"
        mode="landscape"
      /&gt;
    &lt;/div&gt;
  &lt;/MuiThemeProvider&gt;
</code></pre>

<p>Just a note that I am embedding this into an already existing app that is not react so that's why I have put the <code>MuiThemeProvider</code> there.</p>

<p>Another consideration is being able to build a derivative, <code>DateTimePicker</code> that would incorporate parts of both date and time pickers into a seamless experience.</p>

<p>Any thoughts on how use the DatePickerDialog without the DatePicker?</p>