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

No one assigned

    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