react-day-picker 9.13.0 → 9.13.2

package/README.md

@@ -18,7 +18,7 @@ See **[daypicker.dev](https://daypicker.dev)** for guides, examples and API refe
 - 🎨 Minimal design that can be [easily styled](https://daypicker.dev/docs/styling) with CSS or any CSS framework.
 - 📅 Supports [selections](https://daypicker.dev/docs/selection-modes) of single days, multiple days, ranges of days, or [custom selections](https://daypicker.dev/guides/custom-selections).
 - 🌍 Can be [localized](https://daypicker.dev/docs/localization) into any language and [time zones](https://daypicker.dev/docs/time-zone).
-- 🌐 Support for [ISO 8601](https://daypicker.dev/docs/localization#iso-week-dates), [Persian](https://daypicker.dev/docs/localization#persian-calendar), [Buddhist (Thai)](https://daypicker.dev/docs/localization#buddhist-thai-calendar), [Ethiopic](https://daypicker.dev/docs/localization#ethiopic-calendar), [Hebrew](https://daypicker.dev/docs/localization#hebrew-calendar) and [broadcast](https://daypicker.dev/docs/localization#broadcast-calendar) calendar.
+- 🌐 Support for [ISO 8601](http://daypicker.dev/localization/iso-and-broadcast#iso-8601-calendar), [Persian](http://daypicker.dev/localization/persian), [Buddhist (Thai)](http://daypicker.dev/localization/buddhist), [Ethiopic](http://daypicker.dev/localization/ethiopic), [Hebrew](http://daypicker.dev/localization/hebrew) and [broadcast](http://daypicker.dev/localization/iso-and-broadcast#broadcast-calendar) calendar.
 - 🦮 Complies with WCAG 2.1 AA requirements for [accessibility](https://daypicker.dev/guides/accessibility).
 - ⚙️ [Customizable components](https://daypicker.dev/guides/custom-components) to extend the rendered elements.
 - 🔤 Easy integration [with input fields](https://daypicker.dev/guides/input-fields).

package/dist/cjs/UI.d.ts

@@ -66,7 +66,7 @@ export declare enum UI {
     /** The dropdown with the years. */
     YearsDropdown = "years_dropdown"
 }
-/** Enum representing flags for the {@link UI.Day} element. */
+/** Enum representing flags for the {@link UI | UI.Day} element. */
 export declare enum DayFlag {
     /** The day is disabled. */
     disabled = "disabled",
@@ -80,7 +80,7 @@ export declare enum DayFlag {
     today = "today"
 }
 /**
- * Enum representing selection states that can be applied to the {@link UI.Day}
+ * Enum representing selection states that can be applied to the {@link UI | UI.Day}
  * element in selection mode.
  */
 export declare enum SelectionState {
@@ -131,40 +131,40 @@ export declare enum Animation {
 export type DeprecatedUI<T extends CSSProperties | string> = {
     /**
      * This element was applied to the style of any button in DayPicker and it is
-     * replaced by {@link UI.PreviousMonthButton} and {@link UI.NextMonthButton}.
+     * replaced by {@link UI | UI.PreviousMonthButton} and {@link UI | UI.NextMonthButton}.
      *
      * @deprecated
      */
     button: T;
     /**
      * This element was resetting the style of any button in DayPicker and it is
-     * replaced by {@link UI.PreviousMonthButton} and {@link UI.NextMonthButton}.
+     * replaced by {@link UI | UI.PreviousMonthButton} and {@link UI | UI.NextMonthButton}.
      *
      * @deprecated
      */
     button_reset: T;
     /**
-     * This element has been renamed to {@link UI.MonthCaption}.
+     * This element has been renamed to {@link UI | UI.MonthCaption}.
      *
      * @deprecated
      */
     caption: T;
     /**
      * This element has been removed. Captions are styled via
-     * {@link UI.MonthCaption}.
+     * {@link UI | UI.MonthCaption}.
      *
      * @deprecated
      */
     caption_between: T;
     /**
-     * This element has been renamed to {@link UI.Dropdowns}.
+     * This element has been renamed to {@link UI | UI.Dropdowns}.
      *
      * @deprecated
      */
     caption_dropdowns: T;
     /**
      * This element has been removed. Captions are styled via
-     * {@link UI.MonthCaption}.
+     * {@link UI | UI.MonthCaption}.
      *
      * @deprecated
      */
@@ -176,74 +176,74 @@ export type DeprecatedUI<T extends CSSProperties | string> = {
      */
     caption_start: T;
     /**
-     * This element has been renamed to {@link UI.Day}.
+     * This element has been renamed to {@link UI | UI.Day}.
      *
      * @deprecated
      */
     cell: T;
     /**
-     * This element has been renamed to {@link DayFlag.disabled}.
+     * This element has been renamed to {@link DayFlag | DayFlag.disabled}.
      *
      * @deprecated
      */
     day_disabled: T;
     /**
-     * This element has been renamed to {@link DayFlag.hidden}.
+     * This element has been renamed to {@link DayFlag | DayFlag.hidden}.
      *
      * @deprecated
      */
     day_hidden: T;
     /**
-     * This element has been renamed to {@link DayFlag.outside}.
+     * This element has been renamed to {@link DayFlag | DayFlag.outside}.
      *
      * @deprecated
      */
     day_outside: T;
     /**
-     * This element has been renamed to {@link SelectionState.range_end}.
+     * This element has been renamed to {@link SelectionState | SelectionState.range_end}.
      *
      * @deprecated
      */
     day_range_end: T;
     /**
-     * This element has been renamed to {@link SelectionState.range_middle}.
+     * This element has been renamed to {@link SelectionState | SelectionState.range_middle}.
      *
      * @deprecated
      */
     day_range_middle: T;
     /**
-     * This element has been renamed to {@link SelectionState.range_start}.
+     * This element has been renamed to {@link SelectionState | SelectionState.range_start}.
      *
      * @deprecated
      */
     day_range_start: T;
     /**
-     * This element has been renamed to {@link SelectionState.selected}.
+     * This element has been renamed to {@link SelectionState | SelectionState.selected}.
      *
      * @deprecated
      */
     day_selected: T;
     /**
-     * This element has been renamed to {@link DayFlag.today}.
+     * This element has been renamed to {@link DayFlag | DayFlag.today}.
      *
      * @deprecated
      */
     day_today: T;
     /**
-     * This element has been removed. The dropdown icon is now {@link UI.Chevron}
-     * inside a {@link UI.CaptionLabel}.
+     * This element has been removed. The dropdown icon is now {@link UI | UI.Chevron}
+     * inside a {@link UI | UI.CaptionLabel}.
      *
      * @deprecated
      */
     dropdown_icon: T;
     /**
-     * This element has been renamed to {@link UI.MonthsDropdown}.
+     * This element has been renamed to {@link UI | UI.MonthsDropdown}.
      *
      * @deprecated
      */
     dropdown_month: T;
     /**
-     * This element has been renamed to {@link UI.YearsDropdown}.
+     * This element has been renamed to {@link UI | UI.YearsDropdown}.
      *
      * @deprecated
      */
@@ -255,13 +255,13 @@ export type DeprecatedUI<T extends CSSProperties | string> = {
      */
     head: T;
     /**
-     * This element has been renamed to {@link UI.Weekday}.
+     * This element has been renamed to {@link UI | UI.Weekday}.
      *
      * @deprecated
      */
     head_cell: T;
     /**
-     * This element has been renamed to {@link UI.Weekdays}.
+     * This element has been renamed to {@link UI | UI.Weekdays}.
      *
      * @deprecated
      */
@@ -275,50 +275,50 @@ export type DeprecatedUI<T extends CSSProperties | string> = {
     multiple_months: T;
     /**
      * This element has been removed. To style the navigation buttons, use
-     * {@link UI.PreviousMonthButton} and {@link UI.NextMonthButton}.
+     * {@link UI | UI.PreviousMonthButton} and {@link UI | UI.NextMonthButton}.
      *
      * @deprecated
      */
     nav_button: T;
     /**
-     * This element has been renamed to {@link UI.NextMonthButton}.
+     * This element has been renamed to {@link UI | UI.NextMonthButton}.
      *
      * @deprecated
      */
     nav_button_next: T;
     /**
-     * This element has been renamed to {@link UI.PreviousMonthButton}.
+     * This element has been renamed to {@link UI | UI.PreviousMonthButton}.
      *
      * @deprecated
      */
     nav_button_previous: T;
     /**
-     * This element has been removed. The dropdown icon is now {@link UI.Chevron}
-     * inside a {@link UI.NextMonthButton} or a {@link UI.PreviousMonthButton}.
+     * This element has been removed. The dropdown icon is now {@link UI | UI.Chevron}
+     * inside a {@link UI | UI.NextMonthButton} or a {@link UI | UI.PreviousMonthButton}.
      *
      * @deprecated
      */
     nav_icon: T;
     /**
-     * This element has been renamed to {@link UI.Week}.
+     * This element has been renamed to {@link UI | UI.Week}.
      *
      * @deprecated
      */
     row: T;
     /**
-     * This element has been renamed to {@link UI.MonthGrid}.
+     * This element has been renamed to {@link UI | UI.MonthGrid}.
      *
      * @deprecated
      */
     table: T;
     /**
-     * This element has been renamed to {@link UI.Weeks}.
+     * This element has been renamed to {@link UI | UI.Weeks}.
      *
      * @deprecated
      */
     tbody: T;
     /**
-     * This element has been removed. The {@link UI.Footer} is now a single element
+     * This element has been removed. The {@link UI | UI.Footer} is now a single element
      * below the months.
      *
      * @deprecated
@@ -332,7 +332,7 @@ export type DeprecatedUI<T extends CSSProperties | string> = {
      */
     vhidden: T;
     /**
-     * This element has been renamed. Use {@link UI.WeekNumber} instead.
+     * This element has been renamed. Use {@link UI | UI.WeekNumber} instead.
      *
      * @deprecated
      */

package/dist/cjs/UI.js

@@ -69,7 +69,7 @@ var UI;
     /** The dropdown with the years. */
     UI["YearsDropdown"] = "years_dropdown";
 })(UI || (exports.UI = UI = {}));
-/** Enum representing flags for the {@link UI.Day} element. */
+/** Enum representing flags for the {@link UI | UI.Day} element. */
 var DayFlag;
 (function (DayFlag) {
     /** The day is disabled. */
@@ -84,7 +84,7 @@ var DayFlag;
     DayFlag["today"] = "today";
 })(DayFlag || (exports.DayFlag = DayFlag = {}));
 /**
- * Enum representing selection states that can be applied to the {@link UI.Day}
+ * Enum representing selection states that can be applied to the {@link UI | UI.Day}
  * element in selection mode.
  */
 var SelectionState;

package/dist/cjs/locale/ja-Hira.js

@@ -30,7 +30,7 @@ exports.jaHira = {
             }
             return label;
         },
-        labelNav: "ナビゲーションバー",
+        labelNav: "なびげえしょんばあ",
         labelWeekNumberHeader: "しゅうばんごう",
         labelWeekday: (date, options, dateLib) => (dateLib ?? new DateLib_js_1.DateLib(options)).format(date, "cccc"),
     },

package/dist/cjs/locale/se.js

@@ -11,7 +11,7 @@ exports.se = {
             const lib = dateLib ?? new DateLib_js_1.DateLib(options);
             let label = lib.format(date, "PPPP");
             if (modifiers.today)
-                label = `Ođđaid, ${label}`;
+                label = `Odne, ${label}`;
             if (modifiers.selected)
                 label = `${label}, válljejuvvon`;
             return label;
@@ -26,7 +26,7 @@ exports.se = {
             const lib = dateLib ?? new DateLib_js_1.DateLib(options);
             let label = lib.format(date, "PPPP");
             if (modifiers?.today) {
-                label = `Ođđaid, ${label}`;
+                label = `Odne, ${label}`;
             }
             return label;
         },

package/dist/cjs/persian.js

@@ -74,7 +74,15 @@ function DayPicker(props) {
         noonSafe,
         overrides: dateLibProp,
     });
-    return (react_1.default.createElement(index_js_1.DayPicker, { ...restProps, locale: localeProp ?? exports.faIR, numerals: numerals ?? "arabext", dir: dir ?? "rtl", dateLib: dateLib }));
+    const locale = localeProp ?? exports.faIR;
+    return (react_1.default.createElement(index_js_1.DayPicker, { ...restProps, locale: locale, numerals: numerals ?? "arabext", dir: dir ?? "rtl", dateLib: dateLib, formatters: {
+            formatWeekdayName: (date, _options, lib) => {
+                const activeLib = lib ?? dateLib;
+                const isPersian = activeLib.options.locale?.code?.startsWith("fa");
+                return activeLib.format(date, isPersian ? "ccccc" : "cccccc");
+            },
+            ...props.formatters,
+        } }));
 }
 /**
  * Returns the date library used in the Persian calendar.

package/dist/esm/UI.d.ts

@@ -66,7 +66,7 @@ export declare enum UI {
     /** The dropdown with the years. */
     YearsDropdown = "years_dropdown"
 }
-/** Enum representing flags for the {@link UI.Day} element. */
+/** Enum representing flags for the {@link UI | UI.Day} element. */
 export declare enum DayFlag {
     /** The day is disabled. */
     disabled = "disabled",
@@ -80,7 +80,7 @@ export declare enum DayFlag {
     today = "today"
 }
 /**
- * Enum representing selection states that can be applied to the {@link UI.Day}
+ * Enum representing selection states that can be applied to the {@link UI | UI.Day}
  * element in selection mode.
  */
 export declare enum SelectionState {
@@ -131,40 +131,40 @@ export declare enum Animation {
 export type DeprecatedUI<T extends CSSProperties | string> = {
     /**
      * This element was applied to the style of any button in DayPicker and it is
-     * replaced by {@link UI.PreviousMonthButton} and {@link UI.NextMonthButton}.
+     * replaced by {@link UI | UI.PreviousMonthButton} and {@link UI | UI.NextMonthButton}.
      *
      * @deprecated
      */
     button: T;
     /**
      * This element was resetting the style of any button in DayPicker and it is
-     * replaced by {@link UI.PreviousMonthButton} and {@link UI.NextMonthButton}.
+     * replaced by {@link UI | UI.PreviousMonthButton} and {@link UI | UI.NextMonthButton}.
      *
      * @deprecated
      */
     button_reset: T;
     /**
-     * This element has been renamed to {@link UI.MonthCaption}.
+     * This element has been renamed to {@link UI | UI.MonthCaption}.
      *
      * @deprecated
      */
     caption: T;
     /**
      * This element has been removed. Captions are styled via
-     * {@link UI.MonthCaption}.
+     * {@link UI | UI.MonthCaption}.
      *
      * @deprecated
      */
     caption_between: T;
     /**
-     * This element has been renamed to {@link UI.Dropdowns}.
+     * This element has been renamed to {@link UI | UI.Dropdowns}.
      *
      * @deprecated
      */
     caption_dropdowns: T;
     /**
      * This element has been removed. Captions are styled via
-     * {@link UI.MonthCaption}.
+     * {@link UI | UI.MonthCaption}.
      *
      * @deprecated
      */
@@ -176,74 +176,74 @@ export type DeprecatedUI<T extends CSSProperties | string> = {
      */
     caption_start: T;
     /**
-     * This element has been renamed to {@link UI.Day}.
+     * This element has been renamed to {@link UI | UI.Day}.
      *
      * @deprecated
      */
     cell: T;
     /**
-     * This element has been renamed to {@link DayFlag.disabled}.
+     * This element has been renamed to {@link DayFlag | DayFlag.disabled}.
      *
      * @deprecated
      */
     day_disabled: T;
     /**
-     * This element has been renamed to {@link DayFlag.hidden}.
+     * This element has been renamed to {@link DayFlag | DayFlag.hidden}.
      *
      * @deprecated
      */
     day_hidden: T;
     /**
-     * This element has been renamed to {@link DayFlag.outside}.
+     * This element has been renamed to {@link DayFlag | DayFlag.outside}.
      *
      * @deprecated
      */
     day_outside: T;
     /**
-     * This element has been renamed to {@link SelectionState.range_end}.
+     * This element has been renamed to {@link SelectionState | SelectionState.range_end}.
      *
      * @deprecated
      */
     day_range_end: T;
     /**
-     * This element has been renamed to {@link SelectionState.range_middle}.
+     * This element has been renamed to {@link SelectionState | SelectionState.range_middle}.
      *
      * @deprecated
      */
     day_range_middle: T;
     /**
-     * This element has been renamed to {@link SelectionState.range_start}.
+     * This element has been renamed to {@link SelectionState | SelectionState.range_start}.
      *
      * @deprecated
      */
     day_range_start: T;
     /**
-     * This element has been renamed to {@link SelectionState.selected}.
+     * This element has been renamed to {@link SelectionState | SelectionState.selected}.
      *
      * @deprecated
      */
     day_selected: T;
     /**
-     * This element has been renamed to {@link DayFlag.today}.
+     * This element has been renamed to {@link DayFlag | DayFlag.today}.
      *
      * @deprecated
      */
     day_today: T;
     /**
-     * This element has been removed. The dropdown icon is now {@link UI.Chevron}
-     * inside a {@link UI.CaptionLabel}.
+     * This element has been removed. The dropdown icon is now {@link UI | UI.Chevron}
+     * inside a {@link UI | UI.CaptionLabel}.
      *
      * @deprecated
      */
     dropdown_icon: T;
     /**
-     * This element has been renamed to {@link UI.MonthsDropdown}.
+     * This element has been renamed to {@link UI | UI.MonthsDropdown}.
      *
      * @deprecated
      */
     dropdown_month: T;
     /**
-     * This element has been renamed to {@link UI.YearsDropdown}.
+     * This element has been renamed to {@link UI | UI.YearsDropdown}.
      *
      * @deprecated
      */
@@ -255,13 +255,13 @@ export type DeprecatedUI<T extends CSSProperties | string> = {
      */
     head: T;
     /**
-     * This element has been renamed to {@link UI.Weekday}.
+     * This element has been renamed to {@link UI | UI.Weekday}.
      *
      * @deprecated
      */
     head_cell: T;
     /**
-     * This element has been renamed to {@link UI.Weekdays}.
+     * This element has been renamed to {@link UI | UI.Weekdays}.
      *
      * @deprecated
      */
@@ -275,50 +275,50 @@ export type DeprecatedUI<T extends CSSProperties | string> = {
     multiple_months: T;
     /**
      * This element has been removed. To style the navigation buttons, use
-     * {@link UI.PreviousMonthButton} and {@link UI.NextMonthButton}.
+     * {@link UI | UI.PreviousMonthButton} and {@link UI | UI.NextMonthButton}.
      *
      * @deprecated
      */
     nav_button: T;
     /**
-     * This element has been renamed to {@link UI.NextMonthButton}.
+     * This element has been renamed to {@link UI | UI.NextMonthButton}.
      *
      * @deprecated
      */
     nav_button_next: T;
     /**
-     * This element has been renamed to {@link UI.PreviousMonthButton}.
+     * This element has been renamed to {@link UI | UI.PreviousMonthButton}.
      *
      * @deprecated
      */
     nav_button_previous: T;
     /**
-     * This element has been removed. The dropdown icon is now {@link UI.Chevron}
-     * inside a {@link UI.NextMonthButton} or a {@link UI.PreviousMonthButton}.
+     * This element has been removed. The dropdown icon is now {@link UI | UI.Chevron}
+     * inside a {@link UI | UI.NextMonthButton} or a {@link UI | UI.PreviousMonthButton}.
      *
      * @deprecated
      */
     nav_icon: T;
     /**
-     * This element has been renamed to {@link UI.Week}.
+     * This element has been renamed to {@link UI | UI.Week}.
      *
      * @deprecated
      */
     row: T;
     /**
-     * This element has been renamed to {@link UI.MonthGrid}.
+     * This element has been renamed to {@link UI | UI.MonthGrid}.
      *
      * @deprecated
      */
     table: T;
     /**
-     * This element has been renamed to {@link UI.Weeks}.
+     * This element has been renamed to {@link UI | UI.Weeks}.
      *
      * @deprecated
      */
     tbody: T;
     /**
-     * This element has been removed. The {@link UI.Footer} is now a single element
+     * This element has been removed. The {@link UI | UI.Footer} is now a single element
      * below the months.
      *
      * @deprecated
@@ -332,7 +332,7 @@ export type DeprecatedUI<T extends CSSProperties | string> = {
      */
     vhidden: T;
     /**
-     * This element has been renamed. Use {@link UI.WeekNumber} instead.
+     * This element has been renamed. Use {@link UI | UI.WeekNumber} instead.
      *
      * @deprecated
      */

package/dist/esm/UI.js

@@ -66,7 +66,7 @@ export var UI;
     /** The dropdown with the years. */
     UI["YearsDropdown"] = "years_dropdown";
 })(UI || (UI = {}));
-/** Enum representing flags for the {@link UI.Day} element. */
+/** Enum representing flags for the {@link UI | UI.Day} element. */
 export var DayFlag;
 (function (DayFlag) {
     /** The day is disabled. */
@@ -81,7 +81,7 @@ export var DayFlag;
     DayFlag["today"] = "today";
 })(DayFlag || (DayFlag = {}));
 /**
- * Enum representing selection states that can be applied to the {@link UI.Day}
+ * Enum representing selection states that can be applied to the {@link UI | UI.Day}
  * element in selection mode.
  */
 export var SelectionState;

package/dist/esm/locale/ja-Hira.js

@@ -27,7 +27,7 @@ export const jaHira = {
             }
             return label;
         },
-        labelNav: "ナビゲーションバー",
+        labelNav: "なびげえしょんばあ",
         labelWeekNumberHeader: "しゅうばんごう",
         labelWeekday: (date, options, dateLib) => (dateLib ?? new DateLib(options)).format(date, "cccc"),
     },

package/dist/esm/locale/se.js

@@ -8,7 +8,7 @@ export const se = {
             const lib = dateLib ?? new DateLib(options);
             let label = lib.format(date, "PPPP");
             if (modifiers.today)
-                label = `Ođđaid, ${label}`;
+                label = `Odne, ${label}`;
             if (modifiers.selected)
                 label = `${label}, válljejuvvon`;
             return label;
@@ -23,7 +23,7 @@ export const se = {
             const lib = dateLib ?? new DateLib(options);
             let label = lib.format(date, "PPPP");
             if (modifiers?.today) {
-                label = `Ođđaid, ${label}`;
+                label = `Odne, ${label}`;
             }
             return label;
         },

package/dist/esm/persian.js

@@ -34,7 +34,15 @@ export function DayPicker(props) {
         noonSafe,
         overrides: dateLibProp,
     });
-    return (React.createElement(DayPickerComponent, { ...restProps, locale: localeProp ?? faIR, numerals: numerals ?? "arabext", dir: dir ?? "rtl", dateLib: dateLib }));
+    const locale = localeProp ?? faIR;
+    return (React.createElement(DayPickerComponent, { ...restProps, locale: locale, numerals: numerals ?? "arabext", dir: dir ?? "rtl", dateLib: dateLib, formatters: {
+            formatWeekdayName: (date, _options, lib) => {
+                const activeLib = lib ?? dateLib;
+                const isPersian = activeLib.options.locale?.code?.startsWith("fa");
+                return activeLib.format(date, isPersian ? "ccccc" : "cccccc");
+            },
+            ...props.formatters,
+        } }));
 }
 /**
  * Returns the date library used in the Persian calendar.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-day-picker",
-  "version": "9.13.0",
+  "version": "9.13.2",
   "description": "Customizable Date Picker for React",
   "author": "Giampaolo Bellavite <io@gpbl.dev>",
   "homepage": "https://daypicker.dev",
@@ -93,11 +93,11 @@
         "default": "./src/style.css"
       },
       "import": {
-        "types": "./src/style.module.css.d.ts",
+        "types": "./src/style.css.d.ts",
         "default": "./src/style.css"
       },
       "require": {
-        "types": "./src/style.module.css.d.ts",
+        "types": "./src/style.css.d.ts",
         "default": "./src/style.css"
       }
     },

package/src/style.css.d.ts

@@ -0,0 +1,3 @@
+declare const styles: string;
+
+export default styles;