[MichalBryxi]

Summary

Adds time entry to DateInput and DatePicker, as proposed in #616.

• @granularity: 'day' (the default, unchanged), 'hour' or 'minute'. The time segments come from Intl.DateTimeFormat.formatToParts, like the date ones, so their order and separators follow the locale.
• @hourCycle: 12 | 24, defaulting to the locale. The hour segment's bounds follow the cycle Intl resolves (h11/h12/h23/h24). A 12-hour cycle adds an AM/PM segment (dayPeriod) with the locale's labels. It's typed by its first letter, stepped with the arrows, and announced by name through aria-valuetext.
• Value: still a Date, now with the time. The hidden input submits the local yyyy-MM-ddTHH:mm (the datetime-local shape), and @value / parseDate accept it, so a value round-trips through form data with no time-zone conversion. toWire takes the granularity.
• Calendar: a day picked in the calendar keeps the time the field shows (typed before or after the day), or starts at midnight. Each end of a range keeps its own time. Footer presets still set their value as given.
• Button trigger: defaults to { dateStyle: 'medium', timeStyle: 'short' } when there's a time.
• Paste: ISO date-times (T or a space), AM/PM read from the text (PM, a.m.), and a 24-hour time pasted into a 12-hour field lands on the right side of noon. An ISO date alone still fills the date and leaves the time.
• Test support: fillDate / fillDateRange accept yyyy-MM-ddTHH:mm and type the time. The hour goes in on the field's own clock, read from the spinbutton bounds, and AM/PM is set by stepping, so the helpers don't depend on the locale's labels.
• Docs: a Time section on both pages, plus the anatomy, accessibility, forms and testing sections.

The exported segment helpers keep their signatures: buildParts and emptySegment gain optional parameters, and seedFrom was internal.

Closes #616.

Out of scope

Seconds, and time zones: the value is a local wall-clock time, like datetime-local's.

Test plan

• New unit tests (date-input-time-test.ts): segment order per locale, hour bounds per cycle, @hourCycle overrides, typing, AM/PM by letter and by arrow, round-trips including noon and midnight, paste, parseDate / toWire.
• New integration tests (date-time-test.gts): DateInput and DatePicker with a time, AM/PM typing, a 24-hour locale, Form round-trips for a single field and a range, calendar picks keeping the typed time or starting at midnight, and the button trigger's default format.
• Full suite: 2,219 pass, 3 skipped, 0 failures.
• eslint, prettier, ember-template-lint and ember-tsc on the package pass. lint:anatomy reports two orphan parts in segment-group.gts, which main reports too.
• Not yet checked by eye in the docs site (segment widths, the AM/PM segment's look).

🤖 Generated with Claude Code

https://claude.ai/code/session_01R3mA4zgRstPD9uLyJut5Nn

[netlify]

✅ Deploy Preview for frontile-next ready!

Name	Link
🔨 Latest commit	92ca635
🔍 Latest deploy log	https://app.netlify.com/projects/frontile-next/deploys/6acf0408c7a4d8c40a73ac7b
😎 Deploy Preview	https://deploy-preview-617--frontile-next.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

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

[josemarluedke]

This is looking good. I would just remove the comma between the date and the time, as that is not usual.

[MichalBryxi]

Done in 92ca635: the literal between the date and the time drops the comma (01/20/2026 09:05 PM, 20/01/2026 21:05), keeping the rest of what the locale puts there. Copy-to-clipboard follows what's shown. Also rebased on main.