feat(deps) - upgrade react-day-picker from v8 to v9 with improved styling#903
feat(deps) - upgrade react-day-picker from v8 to v9 with improved styling#903gabrielseco merged 2 commits intomainfrom
Conversation
Update react-day-picker to v9.14.0 with breaking changes: - Update Calendar component classNames to v9 API (caption -> month_caption, nav_button -> button_previous/button_next, table -> month_grid, head_row -> weekdays, head_cell -> weekday, row -> week, cell -> day, day -> day_button, day_* modifiers updated) - Replace IconLeft/IconRight with Chevron component - Update DatePickerFieldDefault to use controlled Popover state instead of PopoverClose wrapper - All tests passing, CI checks successful Fixes issue reported by Cursor Bugbot regarding v8 to v9 classNames incompatibility Made-with: Cursor
Calendar UI improvements: - Add bordered navigation buttons with hover effects - Position nav buttons at far left/right with centered title - Reduce chevron icon size for cleaner look - Style weekday headers with uppercase, better spacing, and letter-spacing - Add proper spacing to calendar caption Technical changes: - Simplify calendar component by removing button variants - Update date-fns from 3.6.0 to 4.1.0 - Clean up CSS selectors for react-day-picker v9 compatibility - Use absolute positioning for proper button layout Made-with: Cursor
📦 Bundle Size Report
Size Limits
Largest Files (Top 5)
View All Files (311 total)
✅ Bundle size check passed |
|
Deploy preview for remote-flows-example-app ready! ✅ Preview Built with commit bd49af9. |
|
Deploy preview for remote-flows ready! ✅ Preview Built with commit bd49af9. |
📊 Coverage Report✅ Coverage increased! 🎉
Detailed BreakdownLines Coverage
Statements Coverage
Functions Coverage
Branches Coverage
✅ Coverage check passed |
There was a problem hiding this comment.
Cursor Bugbot has reviewed your changes and found 1 potential issue.
❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, have a team admin enable autofix in the Cursor dashboard.
Reviewed by Cursor Bugbot for commit bd49af9. Configure here.

Summary
Changes
react-day-picker v9 Upgrade
Calendar UI Improvements
Dependencies
Visual Changes
The calendar now has:
Test plan
Note
Medium Risk
Moderate risk due to major
react-day-pickerupgrade (v8→v9) anddate-fnsv4 bump, which can subtly change calendar behavior, styling, and date handling.Overview
Upgrades the calendar stack by bumping
react-day-pickerfrom v8 to v9 anddate-fnsto v4, updating the lockfile with new transitive deps.Refactors the shared
Calendarwrapper to the v9 API (newclassNameskeys andChevroncomponent) and moves most visual treatment to new global.rdp-*CSS rules for navigation, weekdays, hover/selected/disabled states, and layout.Updates
DatePickerFieldDefaultto explicitly control popover open state and to close the popover immediately on day click (replacing the priorPopoverClose-wrapped day content).Reviewed by Cursor Bugbot for commit bd49af9. Bugbot is set up for automated code reviews on this repo. Configure here.