feat(kumo): add DatePicker component built on react-day-picker v9#81
Open
mattrothenberg wants to merge 5 commits intocloudflare:mainfrom
Open
feat(kumo): add DatePicker component built on react-day-picker v9#81mattrothenberg wants to merge 5 commits intocloudflare:mainfrom
mattrothenberg wants to merge 5 commits intocloudflare:mainfrom
Conversation
commit: |
Contributor
Docs PreviewCommit: |
Contributor
Visual Regression Report4 screenshot(s) with visual changes: Button / Loading State
Select / Select
Select / Select.Option
Select (Open)
9 screenshot(s) unchanged
Generated by Kumo Visual Regression |
a6aabf6 to
4d73923
Compare
Brayden
approved these changes
Feb 12, 2026
- Support single, multiple, and range date selection modes - Full i18n support via locale prop, timezone via timeZone prop - Styled entirely with Kumo semantic tokens (no external CSS) - Forward all react-day-picker props for maximum flexibility - Add 8 demo examples including presets with active state - Add recommendation banner to DateRangePicker docs - Update lint rule to allow components without KUMO_*_VARIANTS exports
- Remove manual prop destructuring, just spread to DayPicker - Use DayPickerProps type directly from react-day-picker - Keep defaults: showOutsideDays, animate, Phosphor chevrons - Fix TypeScript error in preset demo
- Rebuild discriminated union types to preserve full type inference - onChange maps to react-day-picker's onSelect internally - Update all demos and docs to use onChange - Add docs note explaining the difference from react-day-picker
- Remove padding from day cells so range buttons connect seamlessly - Style range start/middle/end buttons with proper border-radius - Range start: rounded left, square right - Range middle: square on both sides - Range end: square left, rounded right - Add border-spacing: 0 to month grid
e04cc46 to
1588b8a
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Adds a new
DatePickercomponent to the Kumo component library, built on top ofreact-day-pickerv9.Untitled.mov
Features
localeprop (pass any date-fns locale)timeZonepropChanges
DatePickercomponent with full TypeScript typesDateRangePickerdocs suggesting the new componentKUMO_*_VARIANTSexportsScreenshots
Testing
pnpm --filter @cloudflare/kumo build✅pnpm typecheck✅pnpm lint✅ (0 errors)Notes
DateRangePickercomponentsizeorvariantpropsdate-fnsv4 (comes with react-day-picker v9)