Skip to content

Timepicker Input Flag Open Picker or not #31398

Open
@Dominikg77

Description

@Dominikg77

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).

Image

Solve:

Create a custom directive that extends MyMatTimepickerInput and in its constructor calls the private method _cleanupClick to remove the default click handler.

Image

Image

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.

Metadata

Metadata

Assignees

Labels

P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentarea: material/timepickerfeatureThis issue represents a new feature or feature request rather than a bug or bug fix

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions