react-spectrum icon indicating copy to clipboard operation
react-spectrum copied to clipboard

Multi-date support in the Calendar component

Open ccrutchley-ih opened this issue 4 weeks ago โ€ข 2 comments

Provide a general summary of the feature here

It would be amazing to have multiple-dates "selected" in a calendar to support something like what we've hacked together here:

Image

https://playfulprogramming.com/events

๐Ÿค” Expected Behavior?

Ideally, the API might look something like:

<Calendar aria-label="Events" values={[date]} readonly />

๐Ÿ˜ฏ Current Behavior

As far as I can tell, multi-date selection is not possible.

๐Ÿ’ Possible Solution

We've implemented a very hacky workaround here:

https://github.com/playfulprogramming/playfulprogramming/blob/acc4f8347e4b539e89ac388f3e195d96430a5af7/src/views/events/components/calendar/calendar.tsx

๐Ÿ”ฆ Context

For context, we're trying to use the Calendar component to display events coming up in our calendar page on our website.

๐Ÿ’ป Examples

No response

๐Ÿงข Your Company/Team

Playful Programming

๐Ÿ•ท Tracking Issue

No response

ccrutchley-ih avatar Nov 12 '25 07:11 ccrutchley-ih