Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

bug(Timepicker): Timepicker design against Material 3 specifications #30058

Open
1 task
marcelMaier opened this issue Nov 21, 2024 · 2 comments
Open
1 task
Labels
needs triage This issue needs to be triaged by the team

Comments

@marcelMaier
Copy link

marcelMaier commented Nov 21, 2024

Is this a regression?

  • Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

The Timepicker we got with @angular/material 19 doesn't look like it should be according to the Material 3 specifications.

Reproduction

Right now it's more like a select list with different times: https://material.angular.io/components/timepicker/overview
But this is far away from the Material specifications and I don't think it's a good UI/UX experience either.

Expected Behavior

The Timepicker should work, look and feel like described in the official material specifications over here: https://m3.material.io/components/time-pickers/overview.

Image

I also found this open source example which I would expect it to be: https://dev.to/dhutaryan/a-new-material-timepicker-component-51aj

Actual Behavior

It doesn't look like in the specifications, and I think this is not the UI quality most of us expect from the material components.

Environment

  • Angular: 19.0.0
  • CDK/Material: 19.0.0
  • Browser(s): Every Browser
  • Operating System (e.g. Windows, macOS, Ubuntu): Every operating system
@marcelMaier marcelMaier added the needs triage This issue needs to be triaged by the team label Nov 21, 2024
@mc-paula
Copy link

highly support this issue! i would love to get a proper timepicker. The current one is a joke.

@Schmanner
Copy link

would love to have a nice timepicker instead of a select list!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
needs triage This issue needs to be triaged by the team
Projects
None yet
Development

No branches or pull requests

3 participants