Calender where client can block out days she's unavailable?

Design help Ecommerce
1

I’m struggling to find a basic solution to this without moving outside of Webflow.

My client would like to add a calender to either the ordering or checkout page where she can block out certain days that she’ll be unavailable thus preventing customers from selecting those dates for order pickup.

I’m currently attempting to use FlatPikr with some JavaScript as a work-around since the checkout page has certain limitations. However I’m currently failing to attach the chosen pickup date to the final checkout form.

Any suggestions would be greatly appreciated! I’m open to any third party options or if I should switch to a Shopify button instead

Read-Only link is below.

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

If you’re trying to schedule times, the best approach is a booking solution that’s backed with a Google Calendar. That way your client can easily block out her busy times on her regular calendar, and see bookings that are made.

Calendly is popular but costs a bit. There is a free plan for one event type, which might be encough for this purpose.

Cal.com is cheaper, and more capable in some ways, and I think may have even a better free plan.

Google calendar also has a booking feature built in, which is entirely free, but you’ll need to find some videos to set it up, and it doesn’t have quite the same nice simple “book 30 mins” kind of UX for your end users. Very capable though.