May 3, 2022 Release

We are pleased to announce that the datepicker and calendar packages have been released into RC! This update comes complete with new documentation for the DatePicker, DateRangePicker, DateField, TimeField, Calendar and RangeCalendar React Spectrum components and associated React-Aria hooks.

Other updates include bug and accessibility fixes for our existing components. Thank you to all who contributed to this release!

Fixes#


  • Fix useNumberField to propagate name/placeholder props - @MeowIng44 - PR
  • useSelect should call onFocusChange when focus is changed - @lishichengyan - PR
  • Adjust Dialog to better position footers, buttons, and headers - @ktabors - PR
  • Prevent focusedKey from scrolling into view on click/press - @LFDanLu - PR
  • Deprecate placeholder prop on most form components in React Spectrum - @reidbarber - PR
  • Manage focus when content changes using Breadcrumbs - @majornista - PR
  • Add try-catch to isRTL and fallback to en-US - @BartoszGamza - PR
  • Fix ts missing generic arg with SelectAria in useSelect - @fitiskin - PR

Documentation#


Under construction#


Pre-release versions of the following components have been released. Please feel free to try them out, and report any issues you encounter.

Released packages#


- @adobe/react-spectrum@3.17.0
- @internationalized/date@3.0.0-rc.0
- @internationalized/message@3.0.6
- @internationalized/number@3.1.0
- @react-aria/accordion@3.0.0-alpha.7
- @react-aria/actiongroup@3.2.6
- @react-aria/aria-modal-polyfill@3.4.4
- @react-aria/autocomplete@3.0.0-alpha.6
- @react-aria/breadcrumbs@3.1.10
- @react-aria/button@3.4.4
- @react-aria/calendar@3.0.0-rc.0
- @react-aria/checkbox@3.3.4
- @react-aria/color@3.0.0-beta.11
- @react-aria/combobox@3.2.6
- @react-aria/datepicker@3.0.0-rc.0
- @react-aria/dialog@3.1.9
- @react-aria/dnd@3.0.0-alpha.8
- @react-aria/focus@3.5.5
- @react-aria/grid@3.2.6
- @react-aria/i18n@3.3.9
- @react-aria/interactions@3.8.4
- @react-aria/label@3.2.5
- @react-aria/link@3.2.5
- @react-aria/listbox@3.4.5
- @react-aria/live-announcer@3.0.6
- @react-aria/menu@3.4.4
- @react-aria/meter@3.1.8
- @react-aria/numberfield@3.1.6
- @react-aria/overlays@3.8.2
- @react-aria/progress@3.1.8
- @react-aria/radio@3.1.11
- @react-aria/searchfield@3.2.7
- @react-aria/select@3.6.5
- @react-aria/selection@3.8.2
- @react-aria/separator@3.1.7
- @react-aria/slider@3.0.8
- @react-aria/spinbutton@3.0.6
- @react-aria/switch@3.1.8
- @react-aria/tabs@3.1.5
- @react-aria/tag@3.0.0-alpha.5
- @react-aria/textfield@3.5.5
- @react-aria/toggle@3.2.4
- @react-aria/tooltip@3.1.8
- @react-aria/utils@3.12.0
- @react-aria/virtualizer@3.3.10
- @react-aria/visually-hidden@3.2.8
- @react-spectrum/accordion@3.0.0-alpha.8
- @react-spectrum/actionbar@3.0.0-alpha.8
- @react-spectrum/actiongroup@3.4.4
- @react-spectrum/autocomplete@3.0.0-alpha.6
- @react-spectrum/avatar@3.0.0-alpha.5
- @react-spectrum/breadcrumbs@3.3.0
- @react-spectrum/button@3.7.4
- @react-spectrum/buttongroup@3.2.8
- @react-spectrum/calendar@3.0.0-rc.0
- @react-spectrum/card@3.0.0-alpha.7
- @react-spectrum/checkbox@3.3.4
- @react-spectrum/color@3.0.0-beta.11
- @react-spectrum/combobox@3.3.0
- @react-spectrum/contextualhelp@3.0.4
- @react-spectrum/datepicker@3.0.0-rc.0
- @react-spectrum/dialog@3.3.9
- @react-spectrum/divider@3.2.4
- @react-spectrum/dnd@3.0.0-alpha.2
- @react-spectrum/form@3.2.9
- @react-spectrum/icon@3.3.7
- @react-spectrum/illustratedmessage@3.1.9
- @react-spectrum/image@3.1.9
- @react-spectrum/label@3.5.0
- @react-spectrum/layout@3.2.6
- @react-spectrum/link@3.2.5
- @react-spectrum/list@3.0.0-alpha.10
- @react-spectrum/listbox@3.5.8
- @react-spectrum/menu@3.6.4
- @react-spectrum/meter@3.1.8
- @react-spectrum/numberfield@3.2.0
- @react-spectrum/overlays@3.5.0
- @react-spectrum/picker@3.5.5
- @react-spectrum/progress@3.1.8
- @react-spectrum/provider@3.3.4
- @react-spectrum/radio@3.1.10
- @react-spectrum/searchfield@3.3.0
- @react-spectrum/searchwithin@3.0.0-alpha.6
- @react-spectrum/slider@3.0.9
- @react-spectrum/statuslight@3.2.7
- @react-spectrum/switch@3.1.8
- @react-spectrum/tabs@3.1.6
- @react-spectrum/tag@3.0.0-alpha.5
- @react-spectrum/text@3.1.8
- @react-spectrum/textfield@3.4.0
- @react-spectrum/theme-dark@3.2.7
- @react-spectrum/theme-default@3.2.7
- @react-spectrum/theme-light@3.1.7
- @react-spectrum/tooltip@3.1.9
- @react-spectrum/utils@3.6.8
- @react-spectrum/view@3.1.8
- @react-spectrum/well@3.1.8
- @react-stately/calendar@3.0.0-rc.0
- @react-stately/checkbox@3.0.7
- @react-stately/collections@3.3.8
- @react-stately/color@3.0.0-beta.10
- @react-stately/combobox@3.0.5
- @react-stately/data@3.4.7
- @react-stately/datepicker@3.0.0-rc.0
- @react-stately/dnd@3.0.0-alpha.6
- @react-stately/grid@3.1.4
- @react-stately/list@3.4.5
- @react-stately/menu@3.2.7
- @react-stately/numberfield@3.0.7
- @react-stately/overlays@3.2.0
- @react-stately/radio@3.3.6
- @react-stately/searchfield@3.1.7
- @react-stately/select@3.1.7
- @react-stately/selection@3.9.4
- @react-stately/slider@3.0.8
- @react-stately/tabs@3.0.5
- @react-stately/toggle@3.2.7
- @react-stately/tooltip@3.0.9
- @react-stately/tree@3.2.4
- @react-stately/virtualizer@3.1.9
- @react-types/accordion@3.0.0-alpha.5
- @react-types/actionbar@3.0.0-alpha.5
- @react-types/actiongroup@3.2.5
- @react-types/autocomplete@3.0.0-alpha.4
- @react-types/avatar@3.0.0-alpha.4
- @react-types/breadcrumbs@3.3.0
- @react-types/button@3.4.5
- @react-types/buttongroup@3.1.6
- @react-types/calendar@3.0.0-rc.0
- @react-types/card@3.0.0-alpha.5
- @react-types/checkbox@3.2.7
- @react-types/color@3.0.0-beta.8
- @react-types/combobox@3.4.0
- @react-types/contextualhelp@3.0.3
- @react-types/datepicker@3.0.0-rc.0
- @react-types/dialog@3.3.5
- @react-types/divider@3.1.6
- @react-types/form@3.2.6
- @react-types/grid@3.0.4
- @react-types/illustratedmessage@3.1.6
- @react-types/image@3.1.7
- @react-types/label@3.5.4
- @react-types/layout@3.2.4
- @react-types/link@3.2.5
- @react-types/listbox@3.2.5
- @react-types/menu@3.5.3
- @react-types/meter@3.1.6
- @react-types/numberfield@3.2.0
- @react-types/overlays@3.5.5
- @react-types/progress@3.1.6
- @react-types/provider@3.4.3
- @react-types/radio@3.1.6
- @react-types/searchfield@3.2.0
- @react-types/searchwithin@3.0.0-alpha.4
- @react-types/select@3.5.5
- @react-types/shared@3.12.0
- @react-types/slider@3.0.6
- @react-types/statuslight@3.1.6
- @react-types/switch@3.1.6
- @react-types/tabs@3.0.5
- @react-types/tag@3.0.0-alpha.3
- @react-types/text@3.1.7
- @react-types/textfield@3.4.0
- @react-types/tooltip@3.1.6
- @react-types/view@3.1.6
- @react-types/well@3.1.6
- @spectrum-icons/color@3.3.6
- @spectrum-icons/ui@3.2.6
- @spectrum-icons/workflow@3.2.5
- react-aria@3.15.0
- react-stately@3.13.0