April 11, 2025 Release

In today’s release, we are excited to announce custom calendar support across all React Spectrum libraries! This feature allows you to create your own calendar that implements custom business logic, such as a 4-5-4 fiscal calendar, either by extending an existing Calendar implementation or building from scratch. Please see the React Spectrum docs for an example implementation. A special shout out to @ToyWalrus for all the hard work that went into this contribution!

This release also includes several updates for collections in React Aria Components. These include enhanced support for React Suspense and optimizations for large collections. These changes should result in much more performant collections when fetching and rendering large amounts of data.

We have also reduced the bundle sizes of our libraries by moving some console warnings to development only, and removing old browser fallbacks for pointer events. For example, @react-aria/interactions, which powers most of our components, is now 22% smaller!

Lastly, we have decided to handle onClick as an alias for onPress. This improves interoperability with other dependencies that use onClick events. Please note that onPress is still preferred over onClick as it standardizes behavior across a variety of platforms.

A huge thank you once again to everyone in the community for all of your feedback and contributions!

Enhancements#

  • Calendar
  • Collections
    • Add escapeKeyBehavior to GridList/ListBox/Menu/Table/Tree - @LFDanLu - PR
  • Toast
    • Pass data attributes through on Toast - @lukpsaxo - PR
  • Miscellaneous

Fixes#

Docs#

Under Construction#

Released packages#

 - @adobe/react-spectrum@3.41.0
 - @internationalized/date@3.8.0
 - @internationalized/message@3.1.7
 - @internationalized/number@3.6.1
 - @internationalized/string@3.2.6
 - @react-aria/actiongroup@3.7.15
 - @react-aria/autocomplete@3.0.0-beta.2
 - @react-aria/breadcrumbs@3.5.23
 - @react-aria/button@3.13.0
 - @react-aria/calendar@3.8.0
 - @react-aria/checkbox@3.15.4
 - @react-aria/collections@3.0.0-rc.0
 - @react-aria/color@3.0.6
 - @react-aria/combobox@3.12.2
 - @react-aria/datepicker@3.14.2
 - @react-aria/dialog@3.5.24
 - @react-aria/disclosure@3.0.4
 - @react-aria/dnd@3.9.2
 - @react-aria/focus@3.20.2
 - @react-aria/form@3.0.15
 - @react-aria/grid@3.13.0
 - @react-aria/gridlist@3.12.0
 - @react-aria/i18n@3.12.8
 - @react-aria/interactions@3.25.0
 - @react-aria/label@3.7.17
 - @react-aria/landmark@3.0.2
 - @react-aria/link@3.8.0
 - @react-aria/listbox@3.14.3
 - @react-aria/live-announcer@3.4.2
 - @react-aria/menu@3.18.2
 - @react-aria/meter@3.4.22
 - @react-aria/numberfield@3.11.13
 - @react-aria/overlays@3.27.0
 - @react-aria/progress@3.4.22
 - @react-aria/radio@3.11.2
 - @react-aria/searchfield@3.8.3
 - @react-aria/select@3.15.4
 - @react-aria/selection@3.24.0
 - @react-aria/separator@3.4.8
 - @react-aria/slider@3.7.18
 - @react-aria/spinbutton@3.6.14
 - @react-aria/ssr@3.9.8
 - @react-aria/steplist@3.0.0-alpha.16
 - @react-aria/switch@3.7.2
 - @react-aria/table@3.17.2
 - @react-aria/tabs@3.10.2
 - @react-aria/tag@3.5.2
 - @react-aria/test-utils@1.0.0-alpha.6
 - @react-aria/textfield@3.17.2
 - @react-aria/toast@3.0.2
 - @react-aria/toggle@3.11.2
 - @react-aria/toolbar@3.0.0-beta.15
 - @react-aria/tooltip@3.8.2
 - @react-aria/tree@3.0.2
 - @react-aria/utils@3.28.2
 - @react-aria/virtualizer@4.1.4
 - @react-aria/visually-hidden@3.8.22
 - @react-spectrum/accordion@3.0.5
 - @react-spectrum/actionbar@3.6.6
 - @react-spectrum/actiongroup@3.10.14
 - @react-spectrum/autocomplete@3.0.0-alpha.42
 - @react-spectrum/avatar@3.0.21
 - @react-spectrum/badge@3.1.22
 - @react-spectrum/breadcrumbs@3.9.16
 - @react-spectrum/button@3.16.13
 - @react-spectrum/buttongroup@3.6.21
 - @react-spectrum/calendar@3.7.0
 - @react-spectrum/card@3.0.0-alpha.42
 - @react-spectrum/checkbox@3.9.15
 - @react-spectrum/color@3.0.6
 - @react-spectrum/combobox@3.15.2
 - @react-spectrum/contextualhelp@3.6.20
 - @react-spectrum/datepicker@3.14.0
 - @react-spectrum/dialog@3.8.20
 - @react-spectrum/divider@3.5.22
 - @react-spectrum/dnd@3.5.4
 - @react-spectrum/dropzone@3.0.10
 - @react-spectrum/filetrigger@3.0.10
 - @react-spectrum/form@3.7.14
 - @react-spectrum/icon@3.8.4
 - @react-spectrum/illustratedmessage@3.5.9
 - @react-spectrum/image@3.5.10
 - @react-spectrum/inlinealert@3.2.14
 - @react-spectrum/label@3.16.14
 - @react-spectrum/labeledvalue@3.2.2
 - @react-spectrum/layout@3.6.14
 - @react-spectrum/link@3.6.16
 - @react-spectrum/list@3.10.0
 - @react-spectrum/listbox@3.15.0
 - @react-spectrum/menu@3.22.0
 - @react-spectrum/meter@3.5.9
 - @react-spectrum/numberfield@3.9.12
 - @react-spectrum/overlays@5.7.4
 - @react-spectrum/picker@3.15.8
 - @react-spectrum/progress@3.7.15
 - @react-spectrum/provider@3.10.4
 - @react-spectrum/radio@3.7.15
 - @react-spectrum/s2@0.8.0
 - @react-spectrum/searchfield@3.8.15
 - @react-spectrum/slider@3.7.4
 - @react-spectrum/statuslight@3.5.21
 - @react-spectrum/steplist@3.0.0-alpha.14
 - @react-spectrum/style-macro-s1@3.0.0-alpha.4
 - @react-spectrum/switch@3.6.0
 - @react-spectrum/table@3.17.0
 - @react-spectrum/tabs@3.8.19
 - @react-spectrum/tag@3.2.15
 - @react-spectrum/test-utils@1.0.0-alpha.6
 - @react-spectrum/text@3.5.14
 - @react-spectrum/textfield@3.13.2
 - @react-spectrum/theme-dark@3.5.17
 - @react-spectrum/theme-default@3.5.17
 - @react-spectrum/theme-express@3.0.0-alpha.19
 - @react-spectrum/theme-light@3.4.17
 - @react-spectrum/toast@3.0.2
 - @react-spectrum/tooltip@3.7.4
 - @react-spectrum/tree@3.1.0
 - @react-spectrum/utils@3.12.4
 - @react-spectrum/view@3.6.18
 - @react-spectrum/well@3.4.22
 - @react-stately/autocomplete@3.0.0-beta.1
 - @react-stately/calendar@3.8.0
 - @react-stately/checkbox@3.6.13
 - @react-stately/collections@3.12.3
 - @react-stately/color@3.8.4
 - @react-stately/combobox@3.10.4
 - @react-stately/data@3.12.3
 - @react-stately/datepicker@3.14.0
 - @react-stately/disclosure@3.0.3
 - @react-stately/dnd@3.5.3
 - @react-stately/flags@3.1.1
 - @react-stately/form@3.1.3
 - @react-stately/grid@3.11.1
 - @react-stately/layout@4.2.2
 - @react-stately/list@3.12.1
 - @react-stately/menu@3.9.3
 - @react-stately/numberfield@3.9.11
 - @react-stately/overlays@3.6.15
 - @react-stately/radio@3.10.12
 - @react-stately/searchfield@3.5.11
 - @react-stately/select@3.6.12
 - @react-stately/selection@3.20.1
 - @react-stately/slider@3.6.3
 - @react-stately/steplist@3.0.0-alpha.13
 - @react-stately/table@3.14.1
 - @react-stately/tabs@3.8.1
 - @react-stately/toast@3.1.0
 - @react-stately/toggle@3.8.3
 - @react-stately/tooltip@3.5.3
 - @react-stately/tree@3.8.9
 - @react-stately/utils@3.10.6
 - @react-stately/virtualizer@4.3.2
 - @react-types/actionbar@3.1.14
 - @react-types/actiongroup@3.4.16
 - @react-types/autocomplete@3.0.0-alpha.30
 - @react-types/avatar@3.0.14
 - @react-types/badge@3.1.16
 - @react-types/breadcrumbs@3.7.12
 - @react-types/button@3.12.0
 - @react-types/buttongroup@3.3.16
 - @react-types/calendar@3.7.0
 - @react-types/card@3.0.0-alpha.35
 - @react-types/checkbox@3.9.3
 - @react-types/color@3.0.4
 - @react-types/combobox@3.13.4
 - @react-types/contextualhelp@3.2.17
 - @react-types/datepicker@3.12.0
 - @react-types/dialog@3.5.17
 - @react-types/divider@3.3.16
 - @react-types/form@3.7.11
 - @react-types/grid@3.3.1
 - @react-types/illustratedmessage@3.3.16
 - @react-types/image@3.4.8
 - @react-types/label@3.9.10
 - @react-types/layout@3.3.22
 - @react-types/link@3.6.0
 - @react-types/list@3.2.26
 - @react-types/listbox@3.6.0
 - @react-types/menu@3.10.0
 - @react-types/meter@3.4.8
 - @react-types/numberfield@3.8.10
 - @react-types/overlays@3.8.14
 - @react-types/progress@3.5.11
 - @react-types/provider@3.8.8
 - @react-types/radio@3.8.8
 - @react-types/searchfield@3.6.1
 - @react-types/select@3.9.11
 - @react-types/shared@3.29.0
 - @react-types/slider@3.7.10
 - @react-types/statuslight@3.3.16
 - @react-types/switch@3.5.10
 - @react-types/table@3.12.0
 - @react-types/tabs@3.3.14
 - @react-types/text@3.3.16
 - @react-types/textfield@3.12.1
 - @react-types/tooltip@3.4.16
 - @react-types/view@3.4.16
 - @react-types/well@3.3.16
 - @spectrum-icons/color@3.5.21
 - @spectrum-icons/express@3.0.0-alpha.25
 - @spectrum-icons/illustrations@3.6.21
 - @spectrum-icons/ui@3.6.15
 - @spectrum-icons/workflow@4.2.20
 - @react-spectrum/codemods@0.5.2
 - @react-aria/parcel-resolver-optimize-locales@1.2.1
 - @react-spectrum/s2-icon-builder@0.2.3
 - react-aria@3.39.0
 - react-aria-components@1.8.0
 - react-stately@3.37.0