I am using the timepicker class as follows:

<div class="form-outline timepicker mb-3" data-mdb-toggle-button="true" data-mdb-with-icon="true" data-mdb-format24="true"> 
    <input type="text" class="form-control" id="myTP"  data-mdb-toggle="timepicker" /> 
    <label class="form-label" for="myTP">Select a time</label> 
</div>

When the user clicks "Clear" I would like the timepicker prompt to close.

This can either be via an option (if available) or by handling an event (if available).

I am having difficulty finding such option and event.

Can you please assist?