timedropper provides simple and versatile methods to control and customize the behavior of your time picker. These methods can be applied to any element where timedropper has been initialized.
show
Opens the time picker for the selected trigger. This method allows you to trigger the time picker programmatically, giving you control over when it should be displayed.
EXAMPLE
document.querySelector('.myInput').timedropper('show');hide
Closes the time picker if it is currently open. This method lets you manage when the time picker should be hidden, such as in response to user interactions or specific events.
EXAMPLE
document.querySelector('.myInput').timedropper('hide');set
Updates or modifies the options of the time picker after it has been initialized. Use this method to adjust settings dynamically, ensuring the time picker adapts to your application’s needs.
EXAMPLE
document.querySelector('.myInput').timedropper('set',{ overlay: true });