[useRangeCalendar] Should interacting outside RangeCalendar cancel ongoing selection instead of fulfill it?

[QzCurious]

Provide your feedback here.

It's convert from discussions #5702

Just like clicking outside a dialog would effectively close it. So should RangeCalendar, for UX of my.

If it works as design, I would like to know why. Thanks.

Screen.Recording.2024-01-16.at.10.47.17.PM.mov

The running code is an example from docs

And code of the behavior is here

react-spectrum/packages/@react-aria/calendar/src/useRangeCalendar.ts

Lines 66 to 71 in 4ae2831

	// Also stop range selection on blur, e.g. tabbing away from the calendar.
	res.calendarProps.onBlur = e => {
	if ((!e.relatedTarget || !ref.current.contains(e.relatedTarget)) && state.anchorDate) {
	state.selectFocusedDate();
	}
	};

BTW, I filed another discussion #5703 which might somehow related to this one.

🔦 Context

No response

💻 Code Sample

No response

Version

react-aria 3.31.0

What browsers are you seeing the problem on?

No response

If other, please specify

No response

What operating system are you using?

No response

[LFDanLu]

I believe the intended intent of the "select range on blur" was to essentially save/commit the range selection that the user made up to that point, with the assumption that said blur was intentional. In a similar vein to the discussion in #3738, perhaps we could enhance this behavior to ignore blur events that are triggered when interacting with stuff inside the calendar's modal if one exists. Might be a bit difficult for range calendars that aren't in a specific container of sorts, thinking if we should also let people disable this behavior via a prop

[QzCurious]

After reading #3738 and #3738 (comment), and with the behaviors I've listed out #5721. I would consider "select range on blur" not a right intent. Because we all try to bypass it. Or I'd say that the right intents to save/commit selection should only be explicitly:

1. Click on a CalendarCell if state.anchorDate is set
2. End dragging on a CalendarCell if state.anchorDate is set
3. Press enter or space on a focused CalendarCell if state.anchorDate is set

[QzCurious]

Close this as #5721 (comment) is closed.