Skip to content

Multi-date support in the Calendar component #9171

@ccrutchley-ih

Description

@ccrutchley-ih

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions