Open
Description
Feature Description
Problem
When using the Angular Material Timepicker, the picker dialog automatically opens whenever the associated input gains focus. This behavior is undesirable in certain applications, especially when the user only wants to manually open the picker (e.g., via an icon button or another dedicated action).
Solve:
Create a custom directive that extends MyMatTimepickerInput
and in its constructor calls the private method _cleanupClick
to remove the default click handler.
Use Case
Use Case
- Forms where users might want to type a time value directly without the picker opening.
- Custom UI/UX designs where the picker should only open via a button.
- Accessibility: Avoid interfering with keyboard navigation or assistive technologies by preventing unexpected popups.