Skip to content

Conversation

@renejfc
Copy link
Member

@renejfc renejfc commented Aug 25, 2025

What

Refactor Calendar component from react-aria-components to react-day-picker with enhanced selection modes and improved styling

Why

This refactoring migrates from react-aria-components to react-day-picker, which provides better flexibility and more intuitive APIs for calendar functionality. The change enables support for multiple selection modes and improves the overall user experience.

How

  • Migrated Calendar component from react-aria-components to react-day-picker
  • Added support for multiple selection types: single, range, and multiple selection modes
  • Enhanced styling system with improved data attributes for better CSS targeting:
    • Added data-selected-single for single day selection
    • Added data-selected-multiple for multiple day selection
  • Enhanced range selection styling with proper border radius handling
  • Improved component architecture:
    • Created custom CalendarDayButton component with proper focus management
    • Added proper date formatting with date-fns
    • Implemented custom chevron components using existing Wave icons
  • Updated Storybook stories to demonstrate new functionality including multiple selection mode
  • Maintained API compatibility while extending functionality with new selection types

Breaking?

The refactor includes minor visual and ux changes, not necessarily breaking or "worse", i just thought that i should clear this out.

@pkg-pr-new
Copy link

pkg-pr-new bot commented Aug 25, 2025

Open in StackBlitz

npm i https://pkg.pr.new/@freenow/wave@558

commit: fdc45fa

@renejfc renejfc self-assigned this Aug 25, 2025
@AlanFnz AlanFnz self-assigned this Oct 15, 2025
@AlanFnz AlanFnz merged commit 6bf1acf into main Oct 30, 2025
8 checks passed
@AlanFnz AlanFnz deleted the feat/calendar-multiple-choices branch October 30, 2025 08:52
github-actions bot pushed a commit that referenced this pull request Oct 30, 2025
## [2.48.0](v2.47.1...v2.48.0) (2025-10-30)

### Features

* calendar refactor and multiple choices ([#558](#558)) ([6bf1acf](6bf1acf))
@github-actions
Copy link
Contributor

🎉 This PR is included in version 2.48.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

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

Labels

Development

Successfully merging this pull request may close these issues.

5 participants