react-day-picker 9.4.4 → 9.5.0

package/dist/esm/helpers/getYearOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"getYearOptions.js","sourceRoot":"","sources":["../../../src/helpers/getYearOptions.ts"],"names":[],"mappings":"AAIA,gDAAgD;AAChD,MAAM,UAAU,cAAc,CAC5B,QAA0B,EAC1B,MAAwB,EACxB,UAAkD,EAClD,OAAgB;IAEhB,IAAI,CAAC,QAAQ;QAAE,OAAO,SAAS,CAAC;IAChC,IAAI,CAAC,MAAM;QAAE,OAAO,SAAS,CAAC;IAC9B,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;IAC3E,MAAM,YAAY,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC3C,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IACtC,MAAM,KAAK,GAAa,EAAE,CAAC;IAE3B,IAAI,IAAI,GAAG,YAAY,CAAC;IACxB,OAAO,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC,IAAI,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE,CAAC;QACpE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;QAC/B,IAAI,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAC3B,CAAC;IAED,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACzB,MAAM,KAAK,GAAG,UAAU,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;QACnD,OAAO;YACL,KAAK;YACL,KAAK;YACL,QAAQ,EAAE,KAAK;SAChB,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"getYearOptions.js","sourceRoot":"","sources":["../../../src/helpers/getYearOptions.ts"],"names":[],"mappings":"AAIA,gDAAgD;AAChD,MAAM,UAAU,cAAc,CAC5B,QAA0B,EAC1B,MAAwB,EACxB,UAAkD,EAClD,OAAgB;IAEhB,IAAI,CAAC,QAAQ;QAAE,OAAO,SAAS,CAAC;IAChC,IAAI,CAAC,MAAM;QAAE,OAAO,SAAS,CAAC;IAC9B,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,GACvE,OAAO,CAAC;IACV,MAAM,YAAY,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC3C,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IACtC,MAAM,KAAK,GAAW,EAAE,CAAC;IAEzB,IAAI,IAAI,GAAG,YAAY,CAAC;IACxB,OAAO,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC,IAAI,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE,CAAC;QACpE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAC3B,CAAC;IAED,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACxB,MAAM,KAAK,GAAG,UAAU,CAAC,kBAAkB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAC3D,OAAO;YACL,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC;YACpB,KAAK;YACL,QAAQ,EAAE,KAAK;SAChB,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/esm/jalali.d.ts

@@ -1,3 +1,2 @@
-import React from "react";
-import { type DayPickerProps } from "./index.js";
-export declare function DayPicker(props: DayPickerProps): React.JSX.Element;
+/** @deprecated Import from `react-day-picker/persian` instead. */
+export * from "./persian.js";

package/dist/esm/jalali.js

@@ -1,18 +1,3 @@
-import React from "react";
-import * as jalaliDateLib from "date-fns-jalali";
-import { faIR } from "date-fns-jalali/locale";
-import { DayPicker as DayPickerComponent } from "./index.js";
-export function DayPicker(props) {
-    return (React.createElement(DayPickerComponent
-    // @ts-expect-error The type definitions for the date-fns-jalali library
-    //     are not compatible with the date-fns 4.0 types. The `addDays`
-    //     function's return type is causing a type mismatch. (This casting should
-    //     be not needed when date-fns-jalali upgrades to date-fns@4)
-    , { 
-        // @ts-expect-error The type definitions for the date-fns-jalali library
-        //     are not compatible with the date-fns 4.0 types. The `addDays`
-        //     function's return type is causing a type mismatch. (This casting should
-        //     be not needed when date-fns-jalali upgrades to date-fns@4)
-        dateLib: jalaliDateLib, locale: faIR, dir: "rtl", ...props }));
-}
+/** @deprecated Import from `react-day-picker/persian` instead. */
+export * from "./persian.js";
 //# sourceMappingURL=jalali.js.map

package/dist/esm/jalali.js.map

@@ -1 +1 @@
-{"version":3,"file":"jalali.js","sourceRoot":"","sources":["../../src/jalali.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EACL,SAAS,IAAI,kBAAkB,EAEhC,MAAM,YAAY,CAAC;AAEpB,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,OAAO,CACL,oBAAC,kBAAkB;IACjB,wEAAwE;IACxE,oEAAoE;IACpE,8EAA8E;IAC9E,iEAAiE;;QAHjE,wEAAwE;QACxE,oEAAoE;QACpE,8EAA8E;QAC9E,iEAAiE;QACjE,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,IAAI,EACZ,GAAG,EAAC,KAAK,KACL,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"jalali.js","sourceRoot":"","sources":["../../src/jalali.tsx"],"names":[],"mappings":"AAAA,kEAAkE;AAClE,cAAc,cAAc,CAAC"}

package/dist/esm/persian.d.ts

@@ -0,0 +1,54 @@
+import React from "react";
+import * as dateFnsJalali from "date-fns-jalali";
+import { Locale } from "date-fns-jalali";
+import { DateLib, DateLibOptions } from "./index.js";
+import type { DayPickerProps } from "./types/props.js";
+export declare const faIR: dateFnsJalali.Locale;
+export declare const enUS: dateFnsJalali.Locale;
+/**
+ * Render the Persian Calendar.
+ *
+ * @see https://daypicker.dev/docs/localization#persian-calendar
+ */
+export declare function DayPicker(props: DayPickerProps & {
+    /**
+     * The locale to use in the calendar.
+     *
+     * @default `faIR`
+     */
+    locale?: Locale;
+    /**
+     * The direction of the text in the calendar.
+     *
+     * @default `rtl`
+     */
+    dir?: DayPickerProps["dir"];
+    /**
+     * The date library to use in the calendar.
+     *
+     * @default `jalaliDateLib` from `date-fns-jalali`
+     */
+    dateLib?: DayPickerProps["dateLib"];
+    /**
+     * The numeral system to use when formatting dates.
+     *
+     * - `latn`: Latin (Western Arabic)
+     * - `arab`: Arabic-Indic
+     * - `arabext`: Eastern Arabic-Indic (Persian)
+     * - `deva`: Devanagari
+     * - `beng`: Bengali
+     * - `guru`: Gurmukhi
+     * - `gujr`: Gujarati
+     * - `orya`: Oriya
+     * - `tamldec`: Tamil
+     * - `telu`: Telugu
+     * - `knda`: Kannada
+     * - `mlym`: Malayalam
+     *
+     * @defaultValue `arabext` Eastern Arabic-Indic (Persian)
+     * @see https://daypicker.dev/docs/translation#numeral-systems
+     */
+    numerals?: DayPickerProps["numerals"];
+}): React.JSX.Element;
+/** Returns the date library used in the calendar. */
+export declare const getDateLib: (options?: DateLibOptions) => DateLib;

package/dist/esm/persian.js

@@ -0,0 +1,27 @@
+import React from "react";
+import * as dateFnsJalali from "date-fns-jalali";
+import * as locales from "date-fns-jalali/locale";
+import { DateLib, DayPicker as DayPickerComponent } from "./index.js";
+export const faIR = locales.faIR;
+export const enUS = locales.enUS;
+/**
+ * Render the Persian Calendar.
+ *
+ * @see https://daypicker.dev/docs/localization#persian-calendar
+ */
+export function DayPicker(props) {
+    const dateLib = getDateLib({
+        locale: props.locale,
+        weekStartsOn: props.broadcastCalendar ? 1 : props.weekStartsOn,
+        firstWeekContainsDate: props.firstWeekContainsDate,
+        useAdditionalWeekYearTokens: props.useAdditionalWeekYearTokens,
+        useAdditionalDayOfYearTokens: props.useAdditionalDayOfYearTokens,
+        timeZone: props.timeZone
+    });
+    return (React.createElement(DayPickerComponent, { ...props, locale: props.locale ?? faIR, numerals: props.numerals ?? "arabext", dir: props.dir ?? "rtl", dateLib: dateLib }));
+}
+/** Returns the date library used in the calendar. */
+export const getDateLib = (options) => {
+    return new DateLib(options, dateFnsJalali);
+};
+//# sourceMappingURL=persian.js.map

package/dist/esm/persian.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"persian.js","sourceRoot":"","sources":["../../src/persian.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AAEjD,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAC;AAElD,OAAO,EACL,OAAO,EAEP,SAAS,IAAI,kBAAkB,EAChC,MAAM,YAAY,CAAC;AAGpB,MAAM,CAAC,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;AACjC,MAAM,CAAC,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;AAEjC;;;;GAIG;AACH,MAAM,UAAU,SAAS,CACvB,KAuCC;IAED,MAAM,OAAO,GAAG,UAAU,CAAC;QACzB,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY;QAC9D,qBAAqB,EAAE,KAAK,CAAC,qBAAqB;QAClD,2BAA2B,EAAE,KAAK,CAAC,2BAA2B;QAC9D,4BAA4B,EAAE,KAAK,CAAC,4BAA4B;QAChE,QAAQ,EAAE,KAAK,CAAC,QAAQ;KACzB,CAAC,CAAC;IACH,OAAO,CACL,oBAAC,kBAAkB,OACb,KAAK,EACT,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,IAAI,EAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS,EACrC,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,KAAK,EACvB,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AACJ,CAAC;AAED,qDAAqD;AACrD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,OAAwB,EAAE,EAAE;IACrD,OAAO,IAAI,OAAO,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;AAC7C,CAAC,CAAC"}

package/dist/esm/types/props.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import type { DeprecatedUI } from "../UI.js";
 import type { Locale, DateLib } from "../classes/DateLib.js";
-import type { ClassNames, ModifiersClassNames, Styles, ModifiersStyles, CustomComponents, Matcher, Labels, Formatters, MonthChangeEventHandler, DayEventHandler, Modifiers, DateRange, Mode } from "./shared.js";
+import type { ClassNames, ModifiersClassNames, Styles, ModifiersStyles, CustomComponents, Matcher, Labels, Formatters, MonthChangeEventHandler, DayEventHandler, Modifiers, DateRange, Mode, Numerals } from "./shared.js";
 /**
  * The props for the `<DayPicker />` component.
  *
@@ -204,7 +204,8 @@ export interface PropsBase {
     /**
      * Show the outside days (days falling in the next or the previous month).
      *
-     * **Note:** when {@link broadcastCalendar} is set, this prop defaults to true.
+     * **Note:** when a broadcast {@link calendar} is set, this prop defaults to
+     * true.
      *
      * @see https://daypicker.dev/docs/customization#outside-days
      */
@@ -213,9 +214,6 @@ export interface PropsBase {
      * Show the week numbers column. Weeks are numbered according to the local
      * week index.
      *
-     * - To use ISO week numbering, use the `ISOWeek` prop.
-     * - To change how the week numbers are displayed, use the `formatters` prop.
-     *
      * @see https://daypicker.dev/docs/customization#showweeknumber
      */
     showWeekNumber?: boolean;
@@ -365,6 +363,26 @@ export interface PropsBase {
      * @see https://github.com/date-fns/date-fns/tree/main/src/locale for a list of the supported locales
      */
     locale?: Partial<Locale> | undefined;
+    /**
+     * The numeral system to use when formatting dates.
+     *
+     * - `latn`: Latin (Western Arabic)
+     * - `arab`: Arabic-Indic
+     * - `arabext`: Eastern Arabic-Indic (Persian)
+     * - `deva`: Devanagari
+     * - `beng`: Bengali
+     * - `guru`: Gurmukhi
+     * - `gujr`: Gujarati
+     * - `orya`: Oriya
+     * - `tamldec`: Tamil
+     * - `telu`: Telugu
+     * - `knda`: Kannada
+     * - `mlym`: Malayalam
+     *
+     * @defaultValue `latn` Latin (Western Arabic)
+     * @see https://daypicker.dev/docs/translation#numeral-systems
+     */
+    numerals?: Numerals | undefined;
     /**
      * The index of the first day of the week (0 - Sunday). Overrides the locale's
      * one.
@@ -488,7 +506,6 @@ export interface PropsBase {
  * @param {Date} triggerDate - The date when the event was triggered.
  * @param {Modifiers} modifiers - The modifiers associated with the event.
  * @param {React.MouseEvent | React.KeyboardEvent} e - The event object.
- * @group DayPicker
  */
 export type OnSelectHandler<T> = (selected: T, triggerDate: Date, modifiers: Modifiers, e: React.MouseEvent | React.KeyboardEvent) => void;
 /**

package/dist/esm/types/shared.d.ts

@@ -358,3 +358,22 @@ export type V9DeprecatedProps =
 export type MoveFocusDir = "after" | "before";
 /** The temporal unit to move the focus by. */
 export type MoveFocusBy = "day" | "week" | "startOfWeek" | "endOfWeek" | "month" | "year";
+/**
+ * The numbering system supported by DayPicker.
+ *
+ * - `latn`: Latin (Western Arabic)
+ * - `arab`: Arabic-Indic
+ * - `arabext`: Eastern Arabic-Indic (Persian)
+ * - `deva`: Devanagari
+ * - `beng`: Bengali
+ * - `guru`: Gurmukhi
+ * - `gujr`: Gujarati
+ * - `orya`: Oriya
+ * - `tamldec`: Tamil
+ * - `telu`: Telugu
+ * - `knda`: Kannada
+ * - `mlym`: Malayalam
+ *
+ * @see https://daypicker.dev/docs/translation#numeral-systems
+ */
+export type Numerals = "latn" | "arab" | "arabext" | "deva" | "beng" | "guru" | "gujr" | "orya" | "tamldec" | "telu" | "knda" | "mlym";

package/dist/esm/useGetModifiers.js

@@ -1,4 +1,3 @@
-import { TZDate } from "@date-fns/tz";
 import { DayFlag } from "./UI.js";
 import { dateMatchModifiers } from "./utils/dateMatchModifiers.js";
 /**
@@ -33,12 +32,7 @@ export function useGetModifiers(days, props, dateLib) {
             // Broadcast calendar will show outside days as default
             (!broadcastCalendar && !showOutsideDays && isOutside) ||
             (broadcastCalendar && showOutsideDays === false && isOutside);
-        const isToday = isSameDay(date, today ??
-            (props.timeZone
-                ? TZDate.tz(props.timeZone)
-                : dateLib.Date
-                    ? new dateLib.Date()
-                    : new Date()));
+        const isToday = isSameDay(date, today ?? dateLib.today());
         if (isOutside)
             internalModifiersMap.outside.push(day);
         if (isDisabled)

package/dist/esm/useGetModifiers.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetModifiers.js","sourceRoot":"","sources":["../../src/useGetModifiers.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"useGetModifiers.js","sourceRoot":"","sources":["../../src/useGetModifiers.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAGlC,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAEnE;;;;;;GAMG;AACH,MAAM,UAAU,eAAe,CAC7B,IAAmB,EACnB,KAAqB,EACrB,OAAgB;IAEhB,MAAM,EACJ,QAAQ,EACR,MAAM,EACN,SAAS,EACT,eAAe,EACf,iBAAiB,EACjB,KAAK,EACN,GAAG,KAAK,CAAC;IAEV,MAAM,EACJ,SAAS,EACT,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,OAAO,EACR,GAAG,OAAO,CAAC;IAEZ,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IACtE,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE9D,MAAM,oBAAoB,GAAmC;QAC3D,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,EAAE;QACrB,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,EAAE;QACrB,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,EAAE;QACtB,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,EAAE;QACpB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE;KACpB,CAAC;IAEF,MAAM,kBAAkB,GAAkC,EAAE,CAAC;IAE7D,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,GAAG,CAAC;QAEnC,MAAM,SAAS,GAAG,OAAO,CAAC,YAAY,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;QAE5E,MAAM,kBAAkB,GAAG,OAAO,CAChC,UAAU,IAAI,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC,CACzC,CAAC;QAEF,MAAM,eAAe,GAAG,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;QAErE,MAAM,UAAU,GAAG,OAAO,CACxB,QAAQ,IAAI,kBAAkB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CACxD,CAAC;QAEF,MAAM,QAAQ,GACZ,OAAO,CAAC,MAAM,IAAI,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;YAC5D,kBAAkB;YAClB,eAAe;YACf,uDAAuD;YACvD,CAAC,CAAC,iBAAiB,IAAI,CAAC,eAAe,IAAI,SAAS,CAAC;YACrD,CAAC,iBAAiB,IAAI,eAAe,KAAK,KAAK,IAAI,SAAS,CAAC,CAAC;QAEhE,MAAM,OAAO,GAAG,SAAS,CAAC,IAAI,EAAE,KAAK,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;QAE1D,IAAI,SAAS;YAAE,oBAAoB,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACtD,IAAI,UAAU;YAAE,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACxD,IAAI,QAAQ;YAAE,oBAAoB,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACpD,IAAI,OAAO;YAAE,oBAAoB,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAElD,uBAAuB;QACvB,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBACtC,MAAM,aAAa,GAAG,SAAS,EAAE,CAAC,IAAI,CAAC,CAAC;gBACxC,MAAM,OAAO,GAAG,aAAa;oBAC3B,CAAC,CAAC,kBAAkB,CAAC,IAAI,EAAE,aAAa,EAAE,OAAO,CAAC;oBAClD,CAAC,CAAC,KAAK,CAAC;gBACV,IAAI,CAAC,OAAO;oBAAE,OAAO;gBACrB,IAAI,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC;oBAC7B,kBAAkB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBACrC,CAAC;qBAAM,CAAC;oBACN,kBAAkB,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;gBACnC,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED,OAAO,CAAC,GAAgB,EAAa,EAAE;QACrC,wCAAwC;QACxC,MAAM,QAAQ,GAA6B;YACzC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,KAAK;YACxB,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,KAAK;YACzB,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,KAAK;YACvB,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,KAAK;YACxB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,KAAK;SACvB,CAAC;QACF,MAAM,eAAe,GAAc,EAAE,CAAC;QAEtC,uCAAuC;QACvC,KAAK,MAAM,IAAI,IAAI,oBAAoB,EAAE,CAAC;YACxC,MAAM,IAAI,GAAG,oBAAoB,CAAC,IAAe,CAAC,CAAC;YACnD,QAAQ,CAAC,IAAe,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC;QAC1D,CAAC;QACD,KAAK,MAAM,IAAI,IAAI,kBAAkB,EAAE,CAAC;YACtC,eAAe,CAAC,IAAI,CAAC,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC;QAC1E,CAAC;QAED,OAAO;YACL,GAAG,QAAQ;YACX,yDAAyD;YACzD,GAAG,eAAe;SACnB,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC"}

package/examples/DropdownMonths.test.tsx

@@ -0,0 +1,26 @@
+import React from "react";
+
+import { grid, monthDropdown, nextButton } from "@/test/elements";
+import { render } from "@/test/render";
+import { user } from "@/test/user";
+
+import { DropdownMonths } from "./DropdownMonths";
+
+const today = new Date(2015, 11, 1);
+
+beforeAll(() => jest.setSystemTime(today));
+afterAll(() => jest.useRealTimers());
+
+beforeEach(() => {
+  render(<DropdownMonths />);
+});
+
+test("should display the month dropdown", () => {
+  expect(monthDropdown()).toBeInTheDocument();
+});
+
+test("should allow all months", async () => {
+  expect(grid()).toHaveAccessibleName(`December 2015`);
+  await user.click(nextButton());
+  expect(grid()).toHaveAccessibleName(`January 2016`);
+});

package/examples/DropdownMonths.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+import { DayPicker } from "react-day-picker";
+
+export function DropdownMonths() {
+  return <DayPicker captionLayout="dropdown-months" />;
+}

package/examples/Numerals.test.tsx

@@ -0,0 +1,18 @@
+import React from "react";
+
+import { render } from "@testing-library/react";
+
+import { grid } from "@/test/elements";
+
+import { Numerals } from "./Numerals";
+
+const today = new Date(2025, 10, 25);
+
+beforeAll(() => jest.setSystemTime(today));
+afterAll(() => jest.useRealTimers());
+
+test("should use Devanagari numerals", () => {
+  render(<Numerals />);
+
+  expect(grid()).toHaveTextContent("२५");
+});

package/examples/Numerals.tsx

@@ -0,0 +1,8 @@
+import React from "react";
+
+import { hi } from "date-fns/locale/hi";
+import { DayPicker } from "react-day-picker";
+
+export function Numerals() {
+  return <DayPicker numerals="deva" locale={hi} />;
+}

package/examples/Persian.test.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+
+import { grid } from "@/test/elements";
+import { render } from "@/test/render";
+
+import { Persian } from "./Persian";
+
+const today = new Date(2024, 11, 22);
+
+beforeAll(() => jest.setSystemTime(today));
+afterAll(() => jest.useRealTimers());
+
+test("should render دی 1403", () => {
+  render(<Persian />);
+  expect(grid("دی ۱۴۰۳")).toBeInTheDocument();
+});

package/examples/Persian.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+import { DayPicker } from "react-day-picker/persian";
+
+export function Persian() {
+  return <DayPicker mode="single" />;
+}

package/examples/PersianEn.tsx

@@ -0,0 +1,19 @@
+import React from "react";
+
+import { DayPicker, getDateLib, enUS } from "react-day-picker/persian";
+
+export function PersianEn() {
+  const [selected, setSelected] = React.useState(new Date());
+  const dateLib = getDateLib({ locale: enUS });
+  return (
+    <DayPicker
+      locale={enUS}
+      mode="single"
+      selected={selected}
+      required
+      onSelect={setSelected}
+      numerals="latn"
+      footer={`Selected: ${dateLib.format(selected, "d MMM yyyy")}`}
+    />
+  );
+}

package/examples/PersianFormatted.test.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+
+import { grid } from "@/test/elements";
+import { render } from "@/test/render";
+
+import { PersianFormatted } from "./PersianFormatted";
+
+const today = new Date(2024, 11, 22);
+
+beforeAll(() => jest.setSystemTime(today));
+afterAll(() => jest.useRealTimers());
+
+test("should render دی 1403", () => {
+  render(<PersianFormatted />);
+  expect(grid("دی ۱۴۰۳")).toBeInTheDocument();
+});

package/examples/PersianFormatted.tsx

@@ -0,0 +1,20 @@
+import React from "react";
+
+import { DayPicker, faIR, getDateLib } from "react-day-picker/persian";
+
+export function PersianFormatted() {
+  const [selected, setSelected] = React.useState(new Date());
+  const dateLib = getDateLib({
+    locale: faIR,
+    numerals: "arabext"
+  });
+  return (
+    <DayPicker
+      mode="single"
+      selected={selected}
+      required
+      onSelect={setSelected}
+      footer={`انتخاب شده: ${dateLib.format(selected, "yyyy/MM/dd")}`}
+    />
+  );
+}

package/examples/index.ts

@@ -16,6 +16,7 @@ export * from "./Dialog";
 export * from "./Disabled";
 export * from "./DisableNavigation";
 export * from "./Dropdown";
+export * from "./DropdownMonths";
 export * from "./DropdownMultipleMonths";
 export * from "./Fixedweeks";
 export * from "./FocusRecursive";
@@ -29,7 +30,6 @@ export * from "./InputRange";
 export * from "./InputTime";
 export * from "./ItalianLabels";
 export * from "./ItalianLabels";
-export * from "./Jalali";
 export * from "./Keyboard";
 export * from "./ModifiersClassnames";
 export * from "./ModifiersCustom";
@@ -43,9 +43,12 @@ export * from "./MultipleMinMax";
 export * from "./MultipleRequired";
 export * from "./MultipleMonths";
 export * from "./MultipleMonthsPaged";
-export * from "./NumberingSystem";
+export * from "./Numerals";
 export * from "./OutsideDays";
 export * from "./PastDatesDisabled";
+export * from "./Persian";
+export * from "./PersianFormatted";
+export * from "./PersianEn";
 export * from "./Range";
 export * from "./RangeExcludeDisabled";
 export * from "./RangeLong";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-day-picker",
-  "version": "9.4.4",
+  "version": "9.5.0",
   "description": "Customizable Date Picker for React",
   "author": "Giampaolo Bellavite <io@gpbl.dev>",
   "homepage": "https://daypicker.dev",
@@ -42,6 +42,16 @@
         "default": "./dist/cjs/jalali.js"
       }
     },
+    "./persian": {
+      "import": {
+        "types": "./dist/esm/persian.d.ts",
+        "default": "./dist/esm/persian.js"
+      },
+      "require": {
+        "types": "./dist/cjs/persian.d.ts",
+        "default": "./dist/cjs/persian.js"
+      }
+    },
     "./locale": {
       "import": {
         "types": "./dist/esm/locale.d.ts",
@@ -153,7 +163,8 @@
     "build:esm": "tsc --project tsconfig-esm.json",
     "build:css": "./scripts/build-css.sh ./src/style.css ./src/style.module.css",
     "lint": "eslint .",
-    "test": "jest",
+    "test": "jest --selectProjects examples --selectProjects src",
+    "test:build": "jest --selectProjects examples/built",
     "test-watch": "jest --watch",
     "typecheck": "tsc --project ./tsconfig.json --noEmit",
     "typecheck-watch": "tsc --project ./tsconfig.json --noEmit --watch"
@@ -174,7 +185,8 @@
   ],
   "dependencies": {
     "@date-fns/tz": "^1.2.0",
-    "date-fns": "^4.1.0"
+    "date-fns": "^4.1.0",
+    "date-fns-jalali": "^4.1.0-0"
   },
   "devDependencies": {
     "@jest/types": "^29.6.3",
@@ -187,24 +199,24 @@
     "@trivago/prettier-plugin-sort-imports": "^5.2.0",
     "@types/jest": "^29.5.14",
     "@types/node": "^22.10.2",
-    "@types/react": "^19.0.1",
+    "@types/react": "^19.0.2",
     "@types/react-dom": "^19.0.2",
-    "@typescript-eslint/eslint-plugin": "^8.18.0",
-    "@typescript-eslint/parser": "^8.18.0",
-    "date-fns-jalali": "^3.6.0-1",
+    "@typescript-eslint/eslint-plugin": "^8.18.2",
+    "@typescript-eslint/parser": "^8.18.2",
     "eslint": "^8.57.1",
     "eslint-config-prettier": "^9.1.0",
     "eslint-import-resolver-typescript": "^3.7.0",
     "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-jest": "^28.9.0",
+    "eslint-plugin-jest": "^28.10.0",
     "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-react": "^7.37.3",
     "eslint-plugin-react-hooks": "^5.1.0",
     "eslint-plugin-require-extensions": "^0.1.3",
     "eslint-plugin-testing-library": "^6.5.0",
-    "html-validate": "^8.27.0",
+    "html-validate": "^8.29.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
+    "jest-transform-css": "^6.0.1",
     "mockdate": "^3.0.5",
     "prettier": "^3.4.2",
     "prettier-plugin-jsdoc": "^1.3.0",

package/src/DayPicker.test.tsx

@@ -1,7 +1,6 @@
 import React from "react";
 
 import { startOfDay, startOfMonth } from "date-fns";
-import { defaultLocale } from "react-day-picker";
 
 import {
   activeElement,
@@ -14,6 +13,7 @@ import { fireEvent, render, screen } from "@/test/render";
 import { user } from "@/test/user";
 
 import { DayPicker } from "./DayPicker";
+import { defaultLocale } from "./classes/DateLib";
 import { MonthProps } from "./components/Month";
 import { MonthsProps } from "./components/Months";
 

package/src/DayPicker.tsx

@@ -47,7 +47,9 @@ export function DayPicker(props: DayPickerProps) {
           weekStartsOn: props.broadcastCalendar ? 1 : props.weekStartsOn,
           firstWeekContainsDate: props.firstWeekContainsDate,
           useAdditionalWeekYearTokens: props.useAdditionalWeekYearTokens,
-          useAdditionalDayOfYearTokens: props.useAdditionalDayOfYearTokens
+          useAdditionalDayOfYearTokens: props.useAdditionalDayOfYearTokens,
+          timeZone: props.timeZone,
+          numerals: props.numerals
         },
         props.dateLib
       );
@@ -61,17 +63,19 @@ export function DayPicker(props: DayPickerProps) {
         classNames: { ...getDefaultClassNames(), ...props.classNames }
       };
     }, [
-      props.classNames,
-      props.components,
-      props.dateLib,
+      props.locale,
+      props.broadcastCalendar,
+      props.weekStartsOn,
       props.firstWeekContainsDate,
+      props.useAdditionalWeekYearTokens,
+      props.useAdditionalDayOfYearTokens,
+      props.timeZone,
+      props.numerals,
+      props.dateLib,
+      props.components,
       props.formatters,
       props.labels,
-      props.locale,
-      props.useAdditionalDayOfYearTokens,
-      props.useAdditionalWeekYearTokens,
-      props.weekStartsOn,
-      props.broadcastCalendar
+      props.classNames
     ]);
 
   const {
@@ -140,8 +144,8 @@ export function DayPicker(props: DayPickerProps) {
   } = labels;
 
   const weekdays = useMemo(
-    () => getWeekdays(dateLib, props.ISOWeek, props.timeZone),
-    [dateLib, props.ISOWeek, props.timeZone]
+    () => getWeekdays(dateLib, props.ISOWeek),
+    [dateLib, props.ISOWeek]
   );
 
   const isInteractive = mode !== undefined || onDayClick !== undefined;
@@ -344,14 +348,11 @@ export function DayPicker(props: DayPickerProps) {
                           onChange={handleMonthChange(calendarMonth.date)}
                           options={dropdownMonths}
                           style={styles?.[UI.Dropdown]}
-                          value={calendarMonth.date.getMonth()}
+                          value={dateLib.getMonth(calendarMonth.date)}
                         />
                       ) : (
                         <span role="status" aria-live="polite">
-                          {formatMonthDropdown(
-                            calendarMonth.date.getMonth(),
-                            locale
-                          )}
+                          {formatMonthDropdown(calendarMonth.date, dateLib)}
                         </span>
                       )}
                       {captionLayout === "dropdown" ||
@@ -365,11 +366,11 @@ export function DayPicker(props: DayPickerProps) {
                           onChange={handleYearChange(calendarMonth.date)}
                           options={dropdownYears}
                           style={styles?.[UI.Dropdown]}
-                          value={calendarMonth.date.getFullYear()}
+                          value={dateLib.getYear(calendarMonth.date)}
                         />
                       ) : (
                         <span role="status" aria-live="polite">
-                          {formatYearDropdown(calendarMonth.date.getFullYear())}
+                          {formatYearDropdown(calendarMonth.date, dateLib)}
                         </span>
                       )}
                     </components.DropdownNav>