title: Material-UI Textfield with specific date format
body: <p>I am new to Material UI and I am currently working on TextField display with datetime. I tested the code in <a href="https://material-ui.com/demos/pickers/" rel="nofollow noreferrer">https://material-ui.com/demos/pickers/</a> . That fits our needs.</p>
  
  <p>However, I would like to change the date format and I found that it is implemented by <code>&lt;input&gt;</code> element.<br>
  <a href="https://github.com/mui-org/material-ui/issues/10251" rel="nofollow noreferrer">https://github.com/mui-org/material-ui/issues/10251</a></p>
  
  <p>May I have some sample code to achieve this requirement?<br>
  The TextField display on my screen was in Chinese (as my regional setting is Hong Kong?), I would like to change it to display in English. Beside, the date format is DD/MM/YYYY HH:SS. I want to change it to "DD-MMM-YYYY HH:SS"</p>
  
  <p><a href="https://i.stack.imgur.com/FLeKD.png" rel="nofollow noreferrer">TextField with datetime-local on my PC</a></p>
  
  <p>Here below is the code:</p>
  
  <pre><code>    &lt;TextField
        id="datetime-local"
        label="From"
        type="datetime-local"
        defaultValue="2017-05-24T10:30"
        className={classes.textField}
        variant="outlined"
        InputLabelProps={{
          shrink: true,
        }}
      /&gt;
  
      &lt;TextField
        id="datetime-local"
        label="To"
        type="datetime-local"
        defaultValue="2017-05-24T10:30"
        className={classes.textField}
        variant="outlined"
        InputLabelProps={{
          shrink: true,
        }}
      /&gt;    
  </code></pre>
  
  <p>BTW, I have also tested material-ui-picker which is not fulfill the requirement from our BI.<br>
  Any advise on changing TextField datetime format is appreciated. </p>
  
  <p>Thank you very much.</p>