Calendar calendar state context set value can not set null value

[psywalker]

Closes #6006

✅ Pull Request Checklist:

• Included link to corresponding React Spectrum GitHub Issue.
• Added/updated unit tests and storybook for this change (for new code or code which already has tests).
• Filled out test instructions.
• Updated documentation (if it already exists for this component).
• Looked at the Accessibility Practices for this feature - Aria Practices

📝 Test Instructions:

1. Open the calendar page where the Footer component is inserted (Story link)
2. Select an arbitrary date in the calendar.
3. Click the "Reset value" button in the Footer component.
4. Make sure that after clicking the button, the selected date is reset, and no date is displayed in the calendar as selected.
5. Check that pressing the "Reset value" button again after selecting a new date resets the selection again.

Monosnap.screencast.2024-03-09.15-39-42.mp4

[LFDanLu]

GET_BUILD

[rspbot]

Build successful! 🎉

• View the storybook
• View the storybook-17
• View the storybook-16
• View the documentation

[rspbot]

## API Changes

unknown top level export { type: 'any' }
unknown top level export { type: 'any' }
unknown top level export { type: 'any' }
unknown top level export { type: 'any' }
unknown top level export { type: 'any', access: 'private' }
unknown top level export { type: 'any', access: 'private' }
unknown top level export { type: 'any' }
unknown top level export { type: 'any' }
unknown top level export { type: 'any' }
unknown top level export { type: 'any' }
unknown top level export { type: 'any' }
unknown top level export { type: 'any' }
unknown top level export { type: 'identifier', name: 'Column' }
unknown top level export { type: 'identifier', name: 'Column' }
unknown type { type: 'link' }
unknown type { type: 'link' }
unknown type { type: 'link' }
unknown type { type: 'link' }
unknown type { type: 'link' }
unknown type { type: 'link' }
unknown top level export { type: 'any' }
unknown top level export { type: 'any' }
unknown top level export { type: 'any' }
unknown top level export { type: 'any' }
unknown top level export { type: 'any' }
unknown top level export { type: 'any' }

@react-stately/calendar

CalendarState

 CalendarState {
   focusNextDay: () => void
   focusNextPage: () => void
   focusNextRow: () => void
   focusNextSection: (boolean) => void
   focusPreviousDay: () => void
   focusPreviousPage: () => void
   focusPreviousRow: () => void
   focusPreviousSection: (boolean) => void
   focusSectionEnd: () => void
   focusSectionStart: () => void
   focusedDate: CalendarDate
   getDatesInWeek: (number, CalendarDate) => Array<CalendarDate | null>
   isCellDisabled: (CalendarDate) => boolean
   isCellFocused: (CalendarDate) => boolean
   isCellUnavailable: (CalendarDate) => boolean
   isDisabled: boolean
   isFocused: boolean
   isInvalid: (CalendarDate) => boolean
   isNextVisibleRangeInvalid: () => boolean
   isPreviousVisibleRangeInvalid: () => boolean
   isReadOnly: boolean
   isSelected: (CalendarDate) => boolean
   isValueInvalid: boolean
   maxValue?: DateValue
   minValue?: DateValue
   selectDate: (CalendarDate) => void
   selectFocusedDate: () => void
   setFocused: (boolean) => void
   setFocusedDate: (CalendarDate) => void
-  setValue: (CalendarDate) => void
+  setValue: (CalendarDate | null) => void
   timeZone: string
-  value: CalendarDate
+  value: CalendarDate | null
   visibleRange: RangeValue<CalendarDate>
 }

---

[LFDanLu]

LGTM, thanks for the PR!

[snowystinger]

Looks really good, just a couple small things and then I think it's good to go :)

[psywalker]

@LFDanLu, Hello! Has everything stopped here? :(

[dannify]

hey @psywalker
It looks like there are some left over review suggestions that need to be incorporated into the PR. After those are cleaned up, we can pick this up again. Thanks!

[andredewaard]

Can we also add this to the date range picker?

[LFDanLu]

@andredewaard mind expanding a bit on the ask here? DateRangePicker should already support something like this via its own context: https://react-spectrum.adobe.com/react-aria/DateRangePicker.html#state