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

    <div class="md-form md-outline input-with-post-icon timepicker" twelvehour="true">

      <input type="text" id="light-version-examples" class="form-control disabled" placeholder="Select time">

      <label for="light-version-examples disabled">Light version, 12hours</label>

      <i class="fas fa-envelope input-prefix disabled"></i>

    </div>

  </div>

.disabled {

  pointer-events: none;

}

​