[BUG] - Timepicker hover section diverges when selecting time

[vmuresanu]

Steps to reproduce the behavior:

1. Go to Demo page
2. Open Timepicker
3. Hover over some hour / minute
4. Select the hour / minute

Expected behavior Selected hour has to be the same as the "preview / hover" hour.

Actual behavior Selected hour diverges from the "preview / hover" hour.

Screenshots

Versions

• ngx-mat-timepicker version 17.0.2
• @angular/core version 17.0.8
• @angular/material version 17.0.7
• typescript version 5.2.2

Additional context (optional) The selected hour after click coincides with user's mouse. Which means that the problem is in the preview / hover projection.

[tonysamperi]

You're welcome to create a PR if you think this can be managed. That depends on how CSS and Javascript work differently so there's actually no good way of managing the situation. But I think the hovering should be visible only for minutes which are actually printed (0-5-10-15 etc..). I'll do this quick change.

[vmuresanu]

Sorry, but this is the issue from v17.0.0, because in v16.0.0 there was no hovering placeholder. The problem is not in the hour or minute hovering but in the hovering placeholder itself, specifically the fact that it is not aligned and doesn't correspond with the "clicked / selected" value (Please refer to the attached gif in the issue) and furthermore the problem is specifically visible on the minutes counter, because after selecting the hour it immediately opens minute picker thus it's not visible (but still present).

[tonysamperi]

I decided to align the behaviour to the old versions, therefore removing the ripple (cause the old css stopped working after the v17 update, but was actually there).

Solved in v17.0.3.

Cheers