Skip to content

feat(react-headless-components-preview): add headless TimePicker - #36814

Draft
Victor Genaev (mainframev) wants to merge 1 commit into
timepicker-preview/componentfrom
timepicker-preview/headless
Draft

Victor Genaev (mainframev) wants to merge 1 commit into
timepicker-preview/componentfrom
timepicker-preview/headless

Conversation

@mainframev

@mainframev Victor Genaev (mainframev) commented Sep 30, 2026 •

Copy link
Copy Markdown
Contributor

Stack: #36811 scaffold → #36812 time utilities → #36813 TimePicker → #36814 headless TimePicker

New Behavior

Adds @fluentui/react-headless-components-preview/time-picker. It composes useTimePickerSelection_unstable and useTimePickerComboboxState_unstable from react-timepicker-preview with the headless Combobox, generating options with the headless Option.

  • The root has the Combobox state attributes plus data-freeform.
  • verify-bundle-isolation is clean: no Tabster, Griffel or react-icons.
  • Includes unit and Cypress tests, and stories (Default, Controlled, Freeform) styled with CSS modules and tokens.

Important

Do not merge until react-timepicker-preview is released. This package is published and now depends on @fluentui/react-timepicker-preview, which is still private, so beachball check fails until the release follow-up lands

Adds `@fluentui/react-headless-components-preview/time-picker`. It composes the time logic from
react-timepicker-preview (`useTimePickerSelection_unstable`, `useTimePickerComboboxState_unstable`) with the headless
Combobox, so it stays free of Griffel, Tabster, react-icons and react-positioning.

On top of the Combobox state attributes, the root exposes `data-freeform`.
@github-actions

Copy link
Copy Markdown

Pull request demo site: URL

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment