Dear @Azmat ullah

I can't reproduce your problem, here is my example and everything seems to work fine:

<div class="row">
    <div class="col-md-12 mx-auto my-5">
      <div class="md-form">
        <mdb-time-picker
          [buttonLabel]="'Done'"
          [twelvehour]="true"
          [darktheme]="true"
          [placeholder]="'Selected time'"
          [label]="'Dark version, 24hours'"
          [ngModel]="darkClock"
          [outlineInput]="true"
        ></mdb-time-picker>
      </div>
    </div>
  </div>

Please show me more of your code (or maybe some demo app), on which I will be able to check if you have configured everything correctly.

You are right about clear button, we will try to fix it as soon as possible.

Best Regards, Bartosz.