Methods guide of timedropper JS

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
• hide
• set

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 });