<div class="form-outline timepicker my-4 mx-2" data-mdb-with-icon="false"  

  data-mdb-min-time="09:00 AM"

  data-mdb-max-time="11:00 PM"

>

  <input type="text" class="form-control" id="form22" data-mdb-toggle="timepicker" />

  <label class="form-label" for="form22">12 Hrs Picker</label>

</div>

​

<div class="form-outline timepicker my-4 mx-2" data-mdb-with-icon="false"  

  data-mdb-min-time="09:00"

  data-mdb-max-time="23:00"

>

  <input type="text" class="form-control" id="form22" data-mdb-toggle="timepicker" />

  <label class="form-label" for="form22">24 Hrs Picker</label>

</div>