React-big-calendar: How can I restrict the time ranges when a user can create an event?

[moshebeeri]

I think it is a feature unless there is a documentation bug
Missing feature of restricting the event selection to certain time ranges
The expected behavior is to create a calendar with a list of allow ranges to select from
<Calendar selectRanges = [ {start:{...}, end:{...}} {start:{...}, end:{...}}, {start:{...}, end:{...}} ] />
If this feature is not supported I'll be happy if you can share some high level instructions of how to implement it.
Thanks,

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[KhaledMohamedP]

@moshebeeri I don't think this is supported at the moment. I would actually like something like this too 👍

My current solution for this is to add an event with custom styling (grey background) & hide the text.

If you want to avoid users from selecting a range on top of these grey events, you can use the
onSelecting callback doc and return false ...

[moshebeeri]

@KhaledMohamedP Thanks for sharing - Your solution will work, but its not elegant as I expect the calendar to support it directly.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.