feat: TimeField component

[xbinaryx]

This PR adds a new TimeField component.

Closes #317

[netlify]

✅ Deploy Preview for kobalte ready!

Name	Link
🔨 Latest commit	50941a9
🔍 Latest deploy log	https://app.netlify.com/sites/kobalte/deploys/673c006910349a00088b9b21
😎 Deploy Preview	https://deploy-preview-529--kobalte.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 68 (🔴 down 15 from production) Accessibility: 100 (no change from production) Best Practices: 100 (no change from production) SEO: 82 (no change from production) PWA: 60 (no change from production) View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[xbinaryx]

I dont see how the failed tests are related to this PR. Looks like a flaky test. It passes now.

[jer3m01]

Thanks for the PR, mostly looks good!

Small changes required;

The time zone segment shouldn't be interactive since we can change it.

AM should be the last highlighted item when you move right.

For arrow interaction the min and max should probably not inc/decrement when out of bounds. The warning should only appear if an invalid time is manually typed.

Placeholder doesn't seem to work (W11 FF 132.0.2):

Lastly the hidden input should follow changes to it, this is done to allow browser form autofill and cache. More info below.

[xbinaryx]

Hey Jeremy, thanks for the review!

Placeholder doesn't seem to work (W11 FF 132.0.2):

When you increment the hour, it doesn’t start at 9?

[jer3m01]

When you increment the hour, it doesn’t start at 9?

Yeah it does, I still think it would be good to also make it display the placeholder in gray (and become a value on first interact).

[jer3m01]

Looks great, thanks for the changes!