React
Two packages: @taqwim/react for behaviour and accessibility with no styles, and
@taqwim/react-styled for a calendar that already looks like one.
Both are thin bindings to @taqwim/calendar-core.
The state machine does the work; this package translates it into React.
Rendered by @taqwim/react-styled on this page — not a recording, and not a
different framework wearing this one’s name.
nothing yetTab into the grid, then use the arrow keys, Home/End, PageUp/PageDown (with Shift for years) and Enter to select. Under dir="rtl" the horizontal keys mirror.
nothing yetWith editable on, the input accepts 1446-09-01 or 01/09/1446. Text it cannot parse reverts to the last good value rather than clearing the selection. The trigger is a combobox: Enter opens the popup, Escape closes it and returns focus.
Full reference
Section titled “Full reference”The package README is the reference for this adapter and is kept next to the code so the two cannot drift:
packages/react/README.md— the headless primitives, every prop, the keyboard modelpackages/react-styled/README.md— the themed components
Common ground
Section titled “Common ground”Whatever the framework, the rendered DOM is the same. See Data attributes for the contract, and Theming for how one stylesheet covers all five.
The option names are the same too — see Calendar options. Porting an example between frameworks is a matter of syntax, not of behaviour.