<p>

  This date picker does not allow user to type any text. Expected behaviour.

</p>

<div class="md-form">

  <input type="date" id="input" class="form-control" mdbInput>

  <label for="input">Choose your date</label>

</div>

​

<p>

  This date picker allow user to type any text in the input, i need to block user from typing any text in the input. <br/>

  But if the user types any date, it should accept. The above date picker works perfect, the UI is bit old.<br/>

  Please solve the issue in the below date picker.

</p>

<div class="form-outline datepicker">

  <input type="text" class="form-control" id="exampleDatepicker11"  />

  <label for="exampleDatepicker11" class="form-label">Select a date</label>

</div>