Use MDB custom Timepicker component to select time. See the examples.
Detailed documentation and more examples you can find in our Bootstrap Timepicker Docs
Basic example
MDB allows us to automatically initialize a Timepicker when the page is loaded. You have to
have a class timepicker in your picker wrapper.
Custom Icon
You can set your custom icon to input. If you will add the icon, the main icon from the input
will be replaced with yours. You have to add class
timepicker-toggle-button to your element with data-mdb-toggle and
timepicker-icon to your icon.