<div class="d-flex align-items-center justify-content-center min-vh-100">

  <div class="col-md-6">

    <div class="form-outline" id="datetimepicker-timeOptions" data-mdb-input-init>

      <input type="text" class="form-control" value="22/12/2020, 14:12:56" id="datetimepickerExample" />

      <label for="datetimepickerExample" class="form-label">Select Date and Time</label>

    </div>

  </div>

</div>

​