please note that the CSS variables --rdp-day-height, --rdp-day-width, --rdp-day-button-height, --rdp-day-button-width have been updated to pixel values (44px for day cells and 42px for day buttons).
This release adds the dayPickerProps to the values returned by useDayPicker, enabling access to these props from custom components.
Thanks to the work by @rodgobbi, we could enhance the performance when selecting a range of days.
We’ve also updated the default style to preserve the font-family inherited from the parent element. To restore the previous behavior, update the .rdp-root CSS class to include font-family: system-ui.
This release includes important updates related to accessibility, styles and localization. See the updated docs at https://daypicker.dev and the Upgrading Guide for more details.
Install the Latest Version
npm install react-day-picker@latest
What’s New
Moved date-fns from peer dependencies to dependencies.
Improved typings and props for better compatibility in TypeScript strict mode.
Breaking Changes
While we tried to keep the API as stable as possible, some breaking changes were necessary to improve the library:
The updated ARIA labels could require new translations or updated unit tests selectors.
Custom CSS styles will likely break, due to the updated CSS classes and simplified styles.
Custom Components have new API and may break.
Some typings have been renamed or deprecated.
The useInput hook has been removed. See Input fields guide for more details.
onWeekNumberClick has been removed. Use a custom component to handle week number clicks.
Some of the onDay* events, like onDayTouchStart or onDayDoubleClick have been removed. To reimplement them, use a custom DayButton component (example).
The updated build system to ESM and CommonJS could break some custom bundler.
Upgrading Guide
We prepared a Upgrading guide for help upgrading your app to v9.
We welcome feedback about the upgrade process, to ensure it's smooth for everyone.
Get Support and Report Issues
Please report any issues or provide feedback on the GitHub repository.
Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.
Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
- `@dependabot rebase` will rebase this PR
- `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it
- `@dependabot merge` will merge this PR after your CI passes on it
- `@dependabot squash and merge` will squash and merge this PR after your CI passes on it
- `@dependabot cancel merge` will cancel a previously requested merge and block automerging
- `@dependabot reopen` will reopen this PR if it is closed
- `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
- `@dependabot show ignore conditions` will show all of the ignore conditions of the specified dependency
- `@dependabot ignore this major version` will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
- `@dependabot ignore this minor version` will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
- `@dependabot ignore this dependency` will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
Bumps react-day-picker from 7.4.10 to 9.4.0.
Release notes
Sourced from react-day-picker's releases.
... (truncated)
Changelog
Sourced from react-day-picker's changelog.
... (truncated)
Commits
Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot show