Adding a Reset Button to Date Ranges

In some installs, store owners want to allow customers to reset the booking form. This is especially useful when a maximum stay is enforced.

For example, if the maximum stay is set to 14 days and a customer selects both a start and finish date, then later decides to change the start date, they may be unable to select a new date range beyond the original two-week window. This can cause confusion and prevent the customer from completing their booking.

To resolve this, you can add a Reset button to the booking form. This button clears the selected start and finish dates, allowing the customer to begin their selection again.

Adding the Reset Button

To add this functionality:

1. Open the booking-form.snippet file in your theme.

2. Add the reset button markup and supporting JavaScript to this file.

Key sections in the snippet:

• Line 18: Defines the Reset button.

• Lines 28–43: Contain the additional JavaScript that clears the start and finish date fields when the button is clicked.

Once added, customers will be able to reset the booking form and reselect their desired date range without running into maximum-stay restrictions.