title: How to show empty date picker in Material UI- REACT?
body: <h3>CURRENT IMPLEMENTATION</h3>
  <pre><code>&lt;MuiPickersUtilsProvider utils={DateFnsUtils}&gt;
       &lt;DatePicker
        fullWidth
        value={dob}
        label=&quot;Date of Birth&quot;
        format=&quot;dd / MM / yyyy&quot;
        margin=&quot;normal&quot;
        maxDate={new Date()}
        InputProps={{ className: css.datepicker }}
        &gt;&lt;/DatePicker&gt;
  &lt;/MuiPickersUtilsProvider&gt;
  </code></pre>
  <h3>CSS Code</h3>
  <pre><code>.datepicker {
    margin: 2px 0px 2px 0px;
    height: 60px;
    width: fit-content;
    padding: 20px 15px 10px;
    border-bottom: 2px solid $lightGrey;
    background-color: #fff;
    color: #2c2c2c;
    width: 300px;
    font-weight: 600;
  }
  </code></pre>
  <h3>Current Behaviour when empty</h3>
  <p><a href="https://i.stack.imgur.com/QAaVV.png" rel="noreferrer"><img src="https://i.stack.imgur.com/QAaVV.png" alt="Current Implementation" /></a></p>
  <h3>Expected Behaviour when empty</h3>
  <p><a href="https://i.stack.imgur.com/Mf1nI.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Mf1nI.png" alt="Expected Behaviour" /></a></p>
  <p>Is it possible to style the Material UI date picker in my expected way of look as the image attached?</p>