Download Latest Version v10.0.0 source code.tar.gz (2.4 MB)
Email in envelope

Get an email when there's a new version of React DayPicker

Home / v10.0.0
Name Modified Size InfoDownloads / Week
Parent folder
README.md 2026-05-08 3.9 kB
0
v10.0.0 source code.tar.gz 2026-05-08 2.4 MB
0
v10.0.0 source code.zip 2026-05-08 3.1 MB
0
Totals: 3 Items   5.5 MB 0

DayPicker v10 removes the public APIs deprecated in v9 and introduces a new @daypicker/react package name. Non-Gregorian calendars are now published as standalone @daypicker/* packages.

If your app already uses the current v9 API, the upgrade should be relatively small. If your app still relies on deprecated v9 APIs, those usages should be updated before upgrading.

See the full upgrade guide: https://daypicker.dev/upgrading

Install

:::bash
npm install react-day-picker@latest

For new projects, prefer the scoped package name:

:::bash
npm install @daypicker/react@latest

:::tsx
import { DayPicker } from "@daypicker/react";
import "@daypicker/react/style.css";

The react-day-picker package remains available in v10 for compatibility.

Breaking Changes

Deprecated navigation props removed

Removed prop Use instead
fromMonth startMonth
fromYear startMonth={new Date(year, 0)}
toMonth endMonth
toYear endMonth={new Date(year, 11)}
fromDate hidden={{ before: date }} and optionally startMonth
toDate hidden={{ after: date }} and optionally endMonth

Deprecated focus and event props removed

Removed prop Use instead
initialFocus autoFocus
onWeekNumberClick A custom WeekNumber component
onDayKeyUp A custom DayButton component
onDayKeyPress A custom DayButton component
onDayPointerEnter A custom DayButton component
onDayPointerLeave A custom DayButton component
onDayTouchCancel A custom DayButton component
onDayTouchEnd A custom DayButton component
onDayTouchMove A custom DayButton component
onDayTouchStart A custom DayButton component

Deprecated aliases removed

Removed API Use instead
formatMonthCaption formatCaption
formatYearCaption formatYearDropdown
labelDay labelDayButton
labelCaption labelGrid
isMatch dateMatchModifiers
isDateInRange rangeIncludesDate

Other removed compatibility APIs

  • Removed deprecated type exports from types/deprecated.
  • Removed the deprecated components.Button customization entry. Use PreviousMonthButton and NextMonthButton.
  • Removed deprecated DeprecatedUI compatibility typing for classNames and styles.
  • Removed deprecated DateLib exports: FormatOptions, LabelOptions, dateLib, and DateLib.Date.
  • Removed the deprecated react-day-picker/jalali subpath. Use the Persian calendar package instead.

Calendar Package Changes

Non-Gregorian calendars are now published as standalone packages under the @daypicker/* scope:

:::bash
npm install @daypicker/react @daypicker/persian
npm install @daypicker/react @daypicker/hebrew
npm install @daypicker/react @daypicker/buddhist
npm install @daypicker/react @daypicker/ethiopic
npm install @daypicker/react @daypicker/hijri

The amET locale export moved to @daypicker/ethiopic.

Fixes

  • Fixed dropdown navigation in multi-month calendars so changing month or year shows the expected month.

What's Changed

  • feat!: remove deprecated public APIs by @gpbl in [#2920]
  • feat!: extract @daypicker/hijri and @daypicker/persian by @gpbl in [#2938]
  • feat!: extract @daypicker/buddhist, @daypicker/ethiopic, and @daypicker/hebrew by @gpbl in [#2939]
  • feat: add @daypicker/react as the preferred package name by @gpbl in [#2970]
  • fix: move the amET locale export to @daypicker/ethiopic by @gpbl in [#2968]
  • fix: show the expected month after dropdown changes in multi-month calendars by @hackgray47-eng in [#2977]

Full Changelog: https://github.com/gpbl/react-day-picker/compare/v9.14.0...v10.0.0

Source: README.md, updated 2026-05-08