title: DateTimePicker with date, hours, minutes and seconds
body: <p>I am working on a system where I am asked to set an exact time point with this format dd/MM/yyyy HH:mm:ss, the problem is that I can't find a way to add a datetimepicker that contains all that at once, The component MUI's DateTimePicker is very ugly, and I like the native datepicker (it's the one I'd like to use) but I've only been able to choose the full date, hours, minutes but not seconds. Is there a way to do it? So far my code is like this (I also attach an image of the result):</p>
  <pre><code>&lt;TextField
   id=&quot;datetime-local&quot;
   label=&quot;Next appointment&quot;
   type=&quot;datetime-local&quot;
   defaultValue={ new Date() }
   InputLabelProps={{shrink: true,}}
  /&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/gkqES.png" rel="nofollow noreferrer">This is what I have so far</a></p>