When selecting a range limit for an event it is not always clear what end date will be saved #20464
Description
Issue Summary
When setting a range for 'Limit Future Bookings' of an Event Type it's possible to only update the start date for the range. However it's not visually clear that the end date will not be updated in this situation.
When opening the date picker to edit the range, when you click on a single date a start date is set and the end date is no longer displayed. If you close the date picker and save at this point only the start date will be updated. Meaning the actual range in use for the event can be different than what was displayed on screen when selecting the range.
Steps to Reproduce
- Open the date picker for 'within a date range' under 'limit future bookings' with a date range already set (ex. April 2nd-9th).
- Click on a single day (ex. April 4th).
- Close date picker and click the save button.
- Refresh page.
- At this point we see the range is now April 4th - 9th for our example. Even though in step 2 it appeared as though the range was only going to be April 4th.
It's even possible to set date ranges where the start date is after the end date. For example if the current range is April 2nd-9th, if I then open the date picker and select only April 10th as a start date, after saving the range will be April 10th - April 9th.
Actual Results
- Visual representation of selected dates doesn't always match the range that will actually be saved.
Expected Results
- The first click on the date picker should visually update the start date.
- Unless the start date is after the existing end date, the end date value should remain the same and we should see this visually in the date picker calendar and in the button text.
- If the new start date is later then an existing end date, the end date should automatically be updated to match the start date.
- Selecting negative ranges should not be possible.
Technical details
- Network request showing only the start date receiving an update:
