Custom Calendar component with disabled days support

🤝 Community Show & Tell
1

Hey Retool Community! :wave:

We at PlatformVisions ran into a common challenge: the default Calendar component doesn't support disabling specific days. After searching for workarounds and coming up empty, we decided to build our own solution.

What we built: A custom calendar module that allows you to:

  • Displays weeknumbers
  • Disable specific custom dates
  • Disable weekends by default (or any recurring pattern)
  • Disable previous dates
  • Still returns the selected date just like the standard component

We know we're not the only ones who've needed this functionality, so we wanted to share it with the community.

Would this be useful for your projects? We're curious to hear if others have encountered this limitation and whether a solution like this would help your workflows. Happy to discuss implementation details or potential improvements!

5 Likes
Disabling dates in Date / Calendar components
2

How do I obtain the cool calendar component?

1 Like
3

@swaggerutah

If you could send me a DM with your e-mail, i’ll make sure to forward it to you!

4

Really cool! Thanks for sharing!

I’ve been considering a custom component myself, just curios, which library are you using for the calendar?

5

It would be sweet to give it an alternate list of ALLOWED dates.

1 Like
6

We just added some JS code ourself that uses the moment library!

1 Like
7

Hi @RetoolPV, this is exactly what I’m currently looking for. I just found out that the standard Retool calendar doesn’t allow black-out dates. So if you’re sharing this code, I would love love to use it!

8

Welcome to the community, @Stacey! I'm not sure if this particular component has been shared in our gallery, but it's worth checking. :+1: