TimeInput needs improvements (12-hour / 24-hour, AM / PM, custom date ranges)

[atumas-bananamilk]

We know for <TimeInput /> component you used input[type="time"] but to be honest it's hard to change things using it, and I see a lot of frustrated people by this decision (#4213 (comment)) which prevents from easy management.

For example, our customers need:

• 12-hour / 24-hour switch
• AM / PM support
• Custom date "steps" (e.g. 30-min ranges) -> TimeInput custom ranges for hours and minutes #5943
• Native blue color is quite random, inconsistent with our platform
  

I know it's a lot of work to rebuild it without input[type="time"] but it's super hard to change things using it.
We could write our own wrapper using <Select /> but if this feature could address those problems above it would be super appreciated.

[atumas-bananamilk]

Something like this, called "step" would solve "custom date ranges":
https://hilla.dev/docs/react/components/time-picker#step

[atumas-bananamilk]

👋

[rtivital]

It will be added in 8.0 next year

[martijnheinisarchitechts]

Not having the option to use 12-hr format or 24-hr format is kind of a deal breaker at the moment for our projects using Mantine. So yeah, happy with the announcement about the adding 👍