Topic: TimePicker validation message does not push content down

ITOPS free asked 3 years ago

If someone types letters into the time picker field, a validation message appears. A few questions:

  1. Is it possible to have that validation message push the content below it down? In the code snippet provided, the error message overlaps the label below it. We would rather not have to space out the form elements more just to leave room for this message if possible

  2. Is it possible to turn off this validation if we wanted to?

Resources (screenshots, code snippets etc.)

Michał Duszak staff answered 3 years ago

2) It's also available thanks to enableValidation option.

        <div class="form-outline timepicker" data-mdb-enable-validation="false">
        <input type="text" class="form-control" id="start-time-input" />

Michał Duszak staff answered 3 years ago

1) It is. Add some margin-bottom for .is-invalid class of Time Picker.

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: MDB5 3.5.1
  • Device: Desktop
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes