How to integrate Date Picker with Date Reservation widget?

How can the Date Reservation widget be a range of dates? So if someone chooses dates 4/1/2025 thru 4/3/2025 on the Date Pickers, how can that be reflected on the Date Reservation? Currently Date Reservation can be ANY three dates the user wants to select, so even if they choose 4/1/2025 thru 4/3/2025 on the Date Pickers, they can select 8/5/2025, 9/9/2025, 12/16/2025.

Currently Date Picker does NOT block out dates that are already selected by another user. Think of it as an Airbnb listing. They block out a range of dates the user has chosen.

I have been trying to Frankenstein this with other support questions.

Thank you.

Hi Jason,

Thanks for reaching out to Jotform Support. I understand you're looking to integrate a date range selection from the Date Picker widget with the Date Reservation widget, ensuring that selected date ranges are blocked for other users, similar to an Airbnb listing. Unfortunately, the direct integration you're looking for between the Date Picker and Date Reservation widgets to automatically block out date ranges is currently not possible. The Date Reservation widget is designed to allow users to select individual, non-contiguous dates, which is why it doesn't inherently support blocking out a range of dates selected via the Date Picker.

However, you can use conditional logic to check if the selected date range overlaps with existing reservations. This would involve creating rules that, based on the selected dates in the Date Picker, show or hide certain options or fields, effectively preventing double bookings. This method requires a comprehensive setup of rules to cover all possible overlapping scenarios, which can become complex depending on the number of dates and the booking period.

Alternatively, you could manually update the Date Reservation widget based on the selections made in the Date Picker. This would involve regularly checking the form submissions and updating the available dates in the Date Reservation widget accordingly. While this approach gives you full control, it's also the most labor-intensive and prone to errors if not managed carefully.

While these solutions might require some manual effort or additional setup, they can help you manage date reservations more effectively.

Give it a try and let us know how it goes.

Thank you for the response. Sounds like it's more than its worth. Other than using Date Reservation and Date Picker, is there something else that can achieve the same thing?

Hi Jason,

Thanks for the follow-up. If I understand correctly, what you're trying to achieve is to let users select a date range, like from April 1 to April 3, and have those exact dates blocked from availability for the next user. You're currently using the Date Picker for selecting a range and the Date Reservation widget to block selected days, but the two aren't working together, and you're wondering if there's a better alternative.

As a workaround, you can use the Message option in the widget settings to add a clear instruction below the Date Reservation widget. For example, you can write something like, "Make sure to mark the dates from Request Start Date to Return Date to secure the dates" or “Request automatically declined if not marked properly.” Then, make the field required so users won’t be able to skip it. Take a look at the screenshot below.While this won’t enforce the selection logic automatically, it helps reduce errors by making your instructions more visible to the form fillers. I’ve noted that what you're looking for would be a valuable feature, so I’ll go ahead and raise this as a feature request to our developers.

While the feature you're looking for isn't available at Jotform right now, we've gone ahead and escalated your request to our developers. Exactly when or if it's developed depends on their workload, how viable it is, and how many other users also request it. If there are any updates, we’ll circle back to this thread and let you know.

Thanks for your patience and understanding, we appreciate it.