v9.14.0

This release introduces a new resetOnSelect prop and adds support for the Hijri calendar.

Resetting Selections in Range Mode

When in range selection mode, use the new resetOnSelect prop to start a new range when a full range is already selected.

Hijri Calendar

To use the Hijri (Umm al-Qura) calendar, import DayPicker from react-day-picker/hijri:

import { DayPicker } from "react-day-picker/hijri";

export function HijriCalendar() {
  return <DayPicker />;
}

Read more in the documentation and play with it in playground.

What's Changed

• feat: Add Hijri calendar support (Umm al-Qura) by @ws-rush in #2904
• feat: New resetOnSelect prop to reset date range when selecting date with completed range by @rodgobbi in #2906
• feat: add default lang prop to DayPicker root element by @gpbl in #2907

New Contributors

• @ws-rush made their first contribution in #2904

Full Changelog: v9.13.2...v9.14.0

v9.13.2

What's Changed

• fix(build): add correct type declaration for style.css export by @NotNestor in #2897
• fix(locale): correct Northern Sami (se) and Japanese Hiragana (ja-Hira) labels by @gpbl in #2898

New Contributors

• @NotNestor made their first contribution in #2897

Full Changelog: v9.13.1...v9.13.2

v9.13.1

Persian calendar improvements.

What's Changed

• feat: add narrow weekday format for Persian calendar by @rezaaa in #2895

New Contributors

• @rezaaa made their first contribution in #2895

Full Changelog: v9.13.0...v9.13.1

v9.13.0

This release introduces an experimental noonSafe prop to help deal with historical time zones with second offsets. See https://daypicker.dev/localization/setting-time-zone#noonsafe for more details.

What's Changed

• feat: add experimental noonSafe prop for timezone offsets by @gpbl in #2879

Full Changelog: v9.12.0...v9.13.0

v9.12.0

This release adds translated labels to built-in locales and fixes issues with array modifiers and the Hebrew calendar.

Translated Locales

DayPicker locales now ship with localized labels (e.g., “Go to next month”, “Today”), so you no longer need to supply them via labels. To use a locale:

import { es } from "react-day-picker/locale";
<DayPicker locale={es} /> // Use Spanish locale, now with translated labels.

If you previously set the labels prop for translations, you can remove it. For details on switching locales, see https://daypicker.dev/localization/changing-locale.

What's Changed

• feat: add locale-aware labels and translated locale wrappers by @gpbl in #2861
• fix: match Date[] modifiers by day by @gpbl in #2865
• fix: correct Hebrew date conversion timezone handling by @gpbl in #2870

Full Changelog: v9.11.3...v9.12.0

v9.11.3

Rendered HTML now includes empty cells in grids when endMonth is set, and fixes the v9.11.2 regression where JSDOM tests could fail when focusing disabled days.

Possible low impact breaking change: The grid markup changed, so brittle snapshot tests or custom CSS that depended on the old structure may need updates. Adjust snapshots/CSS accordingly.

What's Changed

• fix: ensure final week renders when endMonth clips the calendar by @gpbl in #2856
• fix: prevent selecting disabled focused days by @gpbl in #2860

Full Changelog: v9.11.2...v9.11.3

v9.11.2

What's Changed

• fix: ensure modifiers honor the timeZone prop by @gpbl in #2849
• fix: allow focused disabled days to remain focusable by @gpbl in #2851
• chore(performance): cache resolved today across helpers for better performance by @gpbl in #2848
• chore(performance): memoize calendar and reuse ISO date ids in day rendering by @gpbl in #2850

Full Changelog: v9.11.1...v9.11.2

v9.11.1

What's Changed

• fix: duplicated years in dropdown for some timezones by @gpbl in #2836
• fix: prevent focus navigation past disabled bounds by @gpbl in #2839

Full Changelog: v9.11.0...v9.11.1

v9.11.0

This release adds support for Buddhist and Hebrew calendars, introduces new Southeast Asian numeral systems, adds the aria-labelledby prop, and improves month/year formatting for specific locales. It also includes fixes for the recently added Ethiopic calendar.

Buddhist Calendar

To use the Buddhist calendar, import DayPicker from react-day-picker/buddhist.

import { DayPicker } from "react-day-picker/buddhist";

export function BuddhistCalendar() {
  return <DayPicker />;
}

Read more in the documentation and play with it in playground.

Hebrew Calendar

To switch to the Hebrew calendar, import DayPicker from react-day-picker/hebrew.

import { DayPicker } from "react-day-picker/hebrew";

export function HebrewCalendar() {
  return <DayPicker />;
}

Read more in the documentation and play with it in playground.

What's Changed

• feat: Buddhist calendar by @gpbl in #2825
• feat: Hebrew calendar by @gpbl in #2827
• feat: align month/year caption and dropdown with locale by @gpbl in #2830
• feat: add aria-labelledby prop by @gpbl in #2828
• feat: add Southeast Asian numeral systems by @gpbl in #2832
• fix: ethiopic calendar may crash with dropdown layout by @gpbl in #2831
• fix: years are not correctly formatted in ethiopic calendar by @gpbl in #2831

Full Changelog: v9.10.0...v9.11.0

v9.10.0

This release adds support for the Ethiopic calendar.

Ethiopic calendar

To use the Ethiopic calendar, import DayPicker from react-day-picker/ethiopic.

import { DayPicker } from "react-day-picker/ethiopic";

export function EthiopicCalendar() {
  return <DayPicker />;
}

Read more in the documentation and play with it in playground.

What's Changed

• feat: ethiopic calendar by @temesgen-mulugeta in #2658

Full Changelog: v9.9.0...v9.10.0