Skip to content

feat(react-headless-components-preview): add headless Calendar - #36630

Draft
Dmytro Kirpa (dmytrokirpa) wants to merge 1 commit into
calendar-preview-implfrom
headless-calendar
Draft

feat(react-headless-components-preview): add headless Calendar#36630
Dmytro Kirpa (dmytrokirpa) wants to merge 1 commit into
calendar-preview-implfrom
headless-calendar

Conversation

@dmytrokirpa

@dmytrokirpa Dmytro Kirpa (dmytrokirpa) commented Aug 25, 2026

Copy link
Copy Markdown
Contributor

Overview

This is PR 3 of 3 in a stack that splits up #36618 ("feat: add non-compat and headless versions for Calendar") into smaller, independently reviewable pieces:

  1. chore: scaffold react-calendar-preview package #36628 — scaffold the new @fluentui/react-calendar-preview package
  2. feat(react-calendar-preview): implement Calendar, month/year pickers, and day grid components #36629 — implement the Calendar component family in react-calendar-preview
  3. feat(react-headless-components-preview): add headless Calendar #36630 (this PR) — add a headless Calendar to react-headless-components-preview

Stack order: mastercalendar-preview-scaffoldcalendar-preview-implheadless-calendar. This PR is based on #36629 and only contains the diff on top of it (the headless module).

What's in this PR

A new calendar entry point (@fluentui/react-headless-components-preview/calendar) that re-exports the *Base_unstable/context-value hooks and types from @fluentui/react-calendar-preview (added in #36629), following the existing headless-components pattern used by other components in this package:

  • library/src/calendar.ts public entry point + library/src/components/Calendar/** re-exports
  • library/package.json — new @fluentui/react-calendar-preview dependency and ./calendar export map entry
  • Storybook stories for the headless usage
  • A beachball change file

Previous Behavior

N/A — new headless entry point, and react-calendar-preview (added in #36629) had no headless consumer yet.

New Behavior

Consumers can import unstyled Calendar base hooks from @fluentui/react-headless-components-preview/calendar to build a fully custom-styled calendar, matching the pattern of the other headless components in this package.

Related Issue(s)

Split from #36618.

@github-actions

Copy link
Copy Markdown

Pull request demo site: URL

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

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant