fix(ui): update dependency react-day-picker to v9

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
react-day-picker (source)	8.10.1 -> 9.1.2

---

Warning

Some dependencies could not be looked up. Check the Dependency Dashboard for more information.

---

Release Notes

gpbl/react-day-picker (react-day-picker)

v9.1.2

Compare Source

What's Changed

• fix: validate HTML output by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2475
• fix: use of dateLib to work when mocking dates by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2481
• fix(types): Improve DayPickerContext type by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2479
• build(deps): update @​date-fs/tz package by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2480

Full Changelog: gpbl/react-day-picker@v9.1.1...v9.1.2

v9.1.1

Compare Source

This release improves reliability for controlled mode and adds experimental support for time zones.

Time Zone Support

By integrating the @​date-fns/tz utilities for handling time zones, we have added a new experimental timeZone prop. Please see the updated docs for more details.

import { DayPicker, TZDate } from 'react-day-picker';
<DayPicker 
    timeZone="Europe/Athens"  // set the time zone
    disabled={TZDate.tz("Europe/Athens")}  // make sure you use `TZDate` to initialize dates
/> 

[!NOTE]
If you were using the experimental react-day-picker/utc module, you can skip now it. Remove the @date-fns/utc package and just pass timeZone="UTC" to <DayPicker />.

What's Changed

• fix: make sure internal state is not updated in controlled mode by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2473
• feat: new timeZone prop (experimental) by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2467
• feat: export locales from react-day-picker/locale by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2474

Full Changelog: gpbl/react-day-picker@v9.1.0...v9.1.1

v9.1.0

Compare Source

Thank you for using and helping improve DayPicker. Here are the notable changes in this release:

• Updated to date-fns v4.
  • Please update @date-fns/utc if you are using react-day-picker/utc.
• Introduced new custom components for dropdowns and navigation buttons.
• Fixed issues with controlled vs. uncontrolled selections not working as expected.

What's Changed

• build: update to date-fns@4 by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2466
• feat: add PreviousMonthButton and NextMonthButton to custom components by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2437
• feat: add MonthsDropdown and YearsDropdown custom components by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2454
• feat(types): remove restrictions on components and classNames prop types by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2452
• feat(types): add OnSelectHandler type by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2436
• fix: controlled vs. uncontrolled selections by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2462
• fix: use correct month to disable Chevron of NextMonthButton by @​qgadrian in https://github.com/gpbl/react-day-picker/pull/2449
• fix(types): add missing ClassNames types for dropdowns by @​hsnaydd in https://github.com/gpbl/react-day-picker/pull/2441
• chore: remove unnecessary labelOptions from labelNext and labelPrevious by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2434
• chore: move Nav to its own component by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2435
• chore(types): deprecate Button in CustomComponents by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2439

New Contributors

• @​qgadrian made their first contribution in https://github.com/gpbl/react-day-picker/pull/2449

Full Changelog: gpbl/react-day-picker@v9.0.9...v9.1.0

v9.0.9

Compare Source

This release fixes a regression causing the calendar to reset when selecting the days, improves compatibility with the previous version and fixes some other bugs.

What's Changed

• feat: added back more properties to the value returned by useDayPicker by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2427
• fix: calendar is reset after selecting a day by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2429
• fix(style): remove unnecessary styles to buttons in footer in DayPicker by @​hsnaydd in https://github.com/gpbl/react-day-picker/pull/2383
• fix(style): missing class names for months and years dropdowns @​hsnaydd in https://github.com/gpbl/react-day-picker/pull/2394
• fix(utilities): dateMatchModifiers to use defaultDateLib by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2413
• fix(types): add formatWeekNumberHeader to Formatters by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2412
• fix(types): add missing ChevronProps export by @​rishabh-ink in https://github.com/gpbl/react-day-picker/pull/2363

New Contributors

• @​mahata made their first contribution in https://github.com/gpbl/react-day-picker/pull/2388
• @​1eeminhyeong made their first contribution in https://github.com/gpbl/react-day-picker/pull/2391
• @​hsnaydd made their first contribution in https://github.com/gpbl/react-day-picker/pull/2383

Full Changelog: gpbl/react-day-picker@v9.0.8...v9.0.9

v9.0.8

Compare Source

This release fixes a regression in v9.0.7 affecting range mode.

What's Changed

• fix: update the displayed month only if start/end month change by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2358

Full Changelog: gpbl/react-day-picker@v9.0.7...v9.0.8

v9.0.7

Compare Source

This release improves compatibility with v8 and fix an issue with the calendar navigation.

What's Changed

• fix: update calendar state when startMonth or endMonth change by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2343
• feat: allow partial locales, export defaultLocale by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2348
• feat: allow undefined as initially selected value, as it was in v8 by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2341
• docs: changed class name calendar to root in the examples by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2347
• docs: replaced deprecated props by @​josephmarkus in https://github.com/gpbl/react-day-picker/pull/2336*

New Contributors

• @​josephmarkus made their first contribution in https://github.com/gpbl/react-day-picker/pull/2336

Full Changelog: gpbl/react-day-picker@v9.0.6...v9.0.7

v9.0.6

Compare Source

This release addresses the failed import of the common-js module for some app builder and add new data- attributes to help the integration with Tailwind. Thanks for your feedback!

What's Changed

• fix(build): add package.json to dist/cjs module by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2330
• feat: add new data-attributes to the day cells by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2331

New Contributors

• @​lesleh made their first contribution in https://github.com/gpbl/react-day-picker/pull/2329

Full Changelog: gpbl/react-day-picker@v9.0.5...v9.0.6

v9.0.5

Compare Source

This release improves the range mode behavior (see the updated docs) and address some styling issues.

What's Changed

• fix: improved range mode to work with min / required props by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2326
• fix(style): typo in css rdp-hidden module css breaking CSS builds by @​ayuhito in https://github.com/gpbl/react-day-picker/pull/2307
• fix(style): borders grid are not collapsed by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2323
• fix(style): week numbers are now centered by @​gpbl in gpbl/react-day-picker@c919ad8

New Contributors

• @​ayuhito made their first contribution in https://github.com/gpbl/react-day-picker/pull/2307
• @​rishabh-ink made their first contribution in https://github.com/gpbl/react-day-picker/pull/2311

Full Changelog: gpbl/react-day-picker@v9.0.4...v9.0.5

v9.0.4

Compare Source

This release fixes some bugs and improves compatibility with v8.10. Thanks for your feedback and patience! 🤖

What's Changed

• fix(css): typo in .rdp-range_end by @​AlessioDP in https://github.com/gpbl/react-day-picker/pull/2298
• fix(css): dropdown is transparent in Windows OS by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2300
• fix: endMonth date not working as expected by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2301
• feat: added back onDayMouseEnter and onDayMouseLeave by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2304

New Contributors

• @​AlessioDP made their first contribution in https://github.com/gpbl/react-day-picker/pull/2298

Full Changelog: gpbl/react-day-picker@v9.0.3...v9.0.4

v9.0.3

Compare Source

This release fixes two issues found with the grid style and the range mode.

What's Changed

• fix: alignment of grid elements by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2294
• fix: range mode not updating when selected prop changes by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2295

Full Changelog: gpbl/react-day-picker@v9.0.2...v9.0.3

v9.0.2

Compare Source

This update improves backward compatibility with v8.10.1 for range selection mode.

What's Changed

• feat: add excludeDisabled prop for range mode by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2290

Full Changelog: gpbl/react-day-picker@v9.0.1...v9.0.2

v9.0.1

Compare Source

This update improves backward compatibility with v8.10.1.

What's Changed

• fix: prop types not being correctly interpreted by TS by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2283
• feat: add DeprecatedUI enum by @​gpbl in https://github.com/gpbl/react-day-picker/pull/2284

Full Changelog: gpbl/react-day-picker@v9.0.0...v9.0.1

v9.0.0

Compare Source

DayPicker v9 is a major release including significant updates related to accessibility, customization 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.
• Added support for UTC dates and Jalali Calendar.
• Enhanced accessibility to better comply with WCAG 2.1 recommendations.
• Simplified styles and new CSS variables for easier customization.
• Improved selection logic for range mode.
• New dropdown-years and dropdown-months caption layouts.
• New hideWeekdayRow and hideNavigation props.
• Updated for a complete custom components support.
• 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.
• 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.

Compatibility

DayPicker v9 is compatible with React 16.8+.

Get Support and Report Issues

Get support, report issues, and provide feedback on the Discussion forums. Thanks.

New Contributors

• @​grzegorzpokorski made their first contribution in https://github.com/gpbl/react-day-picker/pull/2124
• @​zaaakher made their first contribution in https://github.com/gpbl/react-day-picker/pull/2137
• @​ArthurGoupil made their first contribution in https://github.com/gpbl/react-day-picker/pull/2230
• @​johnnysedh3lllo made their first contribution in https://github.com/gpbl/react-day-picker/pull/2252
• @​xardit made their first contribution in https://github.com/gpbl/react-day-picker/pull/2254
• @​dave-meyer made their first contribution in https://github.com/gpbl/react-day-picker/pull/2231
• @​benasher44 made their first contribution in https://github.com/gpbl/react-day-picker/pull/2249
• @​RyanCavanaugh made their first contribution in https://github.com/gpbl/react-day-picker/pull/2275
• @​kesoji made their first contribution in https://github.com/gpbl/react-day-picker/pull/2281

---

Configuration

📅 Schedule: Branch creation - "on the 1st day of the month" in timezone America/New_York, Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR is behind base branch, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

---

• If you want to rebase/retry this PR, check this box

---

This PR was generated by Mend Renovate. View the repository job log.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
reti	❌ Failed (Inspect)			Sep 28, 2024 2:43am

[drichar]

Closing for now, more work is needed before the shadcn/ui Calendar component is ready for react-day-picker@9. There are multiple PRs open but none have been merged yet: https://github.com/search?q=repo%3Ashadcn-ui%2Fui+Calendar+react-day-picker&type=pullrequests

[renovate]

Renovate Ignore Notification

Because you closed this PR without merging, Renovate will ignore this update. You will not get PRs for any future 9.x releases. But if you manually upgrade to 9.x then Renovate will re-enable minor and patch updates automatically.

If you accidentally closed this PR, or if you changed your mind: rename this PR to get a fresh replacement PR.