react-day-picker 9.11.2 → 9.12.0

package/README.md

@@ -76,14 +76,12 @@ Thank you to everyone supporting DayPicker - your sponsorship keeps this project
 
 <p>
   <a href="https://github.com/CHECK24" title="CHECK24"><img src="https://github.com/CHECK24.png?size=64" alt="CHECK24" width="48" height="48" style="border-radius:50%; margin: 4px;" /></a>
-  <a href="https://github.com/oluwatunmiisheii" title="oluwatunmiisheii"><img src="https://github.com/oluwatunmiisheii.png?size=64" alt="oluwatunmiisheii" width="48" height="48" style="border-radius:50%; margin: 4px;" /></a>
+  <a href="https://github.com/wilsonadenuga" title="wilsonadenuga"><img src="https://github.com/wilsonadenuga.png?size=64" alt="wilsonadenuga" width="48" height="48" style="border-radius:50%; margin: 4px;" /></a>
   <a href="https://github.com/severinlandolt" title="severinlandolt"><img src="https://github.com/severinlandolt.png?size=64" alt="severinlandolt" width="48" height="48" style="border-radius:50%; margin: 4px;" /></a>
   <a href="https://github.com/syntaxfm" title="syntaxfm"><img src="https://github.com/syntaxfm.png?size=64" alt="syntaxfm" width="48" height="48" style="border-radius:50%; margin: 4px;" /></a>
   <a href="https://github.com/thnxdev" title="thnxdev"><img src="https://github.com/thnxdev.png?size=64" alt="thnxdev" width="48" height="48" style="border-radius:50%; margin: 4px;" /></a>
   <a href="https://github.com/katyabilokur" title="katyabilokur"><img src="https://github.com/katyabilokur.png?size=64" alt="katyabilokur" width="48" height="48" style="border-radius:50%; margin: 4px;" /></a>
   <a href="https://github.com/bedandbreakfasteu" title="bedandbreakfasteu"><img src="https://github.com/bedandbreakfasteu.png?size=64" alt="bedandbreakfasteu" width="48" height="48" style="border-radius:50%; margin: 4px;" /></a>
-  <a href="https://github.com/codecov" title="codecov"><img src="https://github.com/codecov.png?size=64" alt="codecov" width="48" height="48" style="border-radius:50%; margin: 4px;" /></a>
-  <a href="https://github.com/manavm1990" title="manavm1990"><img src="https://github.com/manavm1990.png?size=64" alt="manavm1990" width="48" height="48" style="border-radius:50%; margin: 4px;" /></a>
   <a href="https://github.com/Thinkmill" title="Thinkmill"><img src="https://github.com/Thinkmill.png?size=64" alt="Thinkmill" width="48" height="48" style="border-radius:50%; margin: 4px;" /></a>
   <a href="https://github.com/AlexKDawson" title="AlexKDawson"><img src="https://github.com/AlexKDawson.png?size=64" alt="AlexKDawson" width="48" height="48" style="border-radius:50%; margin: 4px;" /></a>
   <a href="https://github.com/dimitur2204" title="dimitur2204"><img src="https://github.com/dimitur2204.png?size=64" alt="dimitur2204" width="48" height="48" style="border-radius:50%; margin: 4px;" /></a>

package/dist/cjs/DayPicker.js

@@ -42,11 +42,11 @@ const getComponents_js_1 = require("./helpers/getComponents.js");
 const getDataAttributes_js_1 = require("./helpers/getDataAttributes.js");
 const getDefaultClassNames_js_1 = require("./helpers/getDefaultClassNames.js");
 const getFormatters_js_1 = require("./helpers/getFormatters.js");
+const getLabels_js_1 = require("./helpers/getLabels.js");
 const getMonthOptions_js_1 = require("./helpers/getMonthOptions.js");
 const getStyleForModifiers_js_1 = require("./helpers/getStyleForModifiers.js");
 const getWeekdays_js_1 = require("./helpers/getWeekdays.js");
 const getYearOptions_js_1 = require("./helpers/getYearOptions.js");
-const defaultLabels = __importStar(require("./labels/index.js"));
 const UI_js_1 = require("./UI.js");
 const useAnimation_js_1 = require("./useAnimation.js");
 const useCalendar_js_1 = require("./useCalendar.js");
@@ -133,7 +133,7 @@ function DayPicker(initialProps) {
             dateLib,
             components: (0, getComponents_js_1.getComponents)(props.components),
             formatters: (0, getFormatters_js_1.getFormatters)(props.formatters),
-            labels: { ...defaultLabels, ...props.labels },
+            labels: (0, getLabels_js_1.getLabels)(props.labels, dateLib.options),
             locale,
             classNames: { ...(0, getDefaultClassNames_js_1.getDefaultClassNames)(), ...props.classNames },
         };
@@ -181,6 +181,9 @@ function DayPicker(initialProps) {
         e.preventDefault();
         e.stopPropagation();
         setFocused(day);
+        if (m.disabled) {
+            return;
+        }
         select?.(day.date, m, e);
         onDayClick?.(day.date, m, e);
     }, [select, onDayClick, setFocused]);
@@ -297,9 +300,7 @@ function DayPicker(initialProps) {
                                     width: "1px",
                                     whiteSpace: "nowrap",
                                     wordWrap: "normal",
-                                } }, formatCaption(calendarMonth.date, dateLib.options, dateLib)))) : (
-                        // biome-ignore lint/a11y/useSemanticElements: breaking change
-                        react_1.default.createElement(components.CaptionLabel, { className: classNames[UI_js_1.UI.CaptionLabel], role: "status", "aria-live": "polite" }, formatCaption(calendarMonth.date, dateLib.options, dateLib)))),
+                                } }, formatCaption(calendarMonth.date, dateLib.options, dateLib)))) : (react_1.default.createElement(components.CaptionLabel, { className: classNames[UI_js_1.UI.CaptionLabel], role: "status", "aria-live": "polite" }, formatCaption(calendarMonth.date, dateLib.options, dateLib)))),
                         navLayout === "around" &&
                             !props.hideNavigation &&
                             displayIndex === numberOfMonths - 1 && (react_1.default.createElement(components.NextMonthButton, { type: "button", className: classNames[UI_js_1.UI.NextMonthButton], tabIndex: nextMonth ? undefined : -1, "aria-disabled": nextMonth ? undefined : true, "aria-label": labelNext(nextMonth), onClick: handleNextClick, "data-animated-button": props.animate ? "true" : undefined },
@@ -314,9 +315,7 @@ function DayPicker(initialProps) {
                                 weekdays.map((weekday) => (react_1.default.createElement(components.Weekday, { "aria-label": labelWeekday(weekday, dateLib.options, dateLib), className: classNames[UI_js_1.UI.Weekday], key: String(weekday), style: styles?.[UI_js_1.UI.Weekday], scope: "col" }, formatWeekdayName(weekday, dateLib.options, dateLib)))))),
                             react_1.default.createElement(components.Weeks, { "data-animated-weeks": props.animate ? "true" : undefined, className: classNames[UI_js_1.UI.Weeks], style: styles?.[UI_js_1.UI.Weeks] }, calendarMonth.weeks.map((week) => {
                                 return (react_1.default.createElement(components.Week, { className: classNames[UI_js_1.UI.Week], key: week.weekNumber, style: styles?.[UI_js_1.UI.Week], week: week },
-                                    showWeekNumber && (
-                                    // biome-ignore lint/a11y/useSemanticElements: react component
-                                    react_1.default.createElement(components.WeekNumber, { week: week, style: styles?.[UI_js_1.UI.WeekNumber], "aria-label": labelWeekNumber(week.weekNumber, {
+                                    showWeekNumber && (react_1.default.createElement(components.WeekNumber, { week: week, style: styles?.[UI_js_1.UI.WeekNumber], "aria-label": labelWeekNumber(week.weekNumber, {
                                             locale,
                                         }), className: classNames[UI_js_1.UI.WeekNumber], scope: "row", role: "rowheader" }, formatWeekNumber(week.weekNumber, dateLib))),
                                     week.days.map((day) => {
@@ -340,9 +339,7 @@ function DayPicker(initialProps) {
                                         const ariaLabel = !isInteractive && !modifiers.hidden
                                             ? labelGridcell(date, modifiers, dateLib.options, dateLib)
                                             : undefined;
-                                        return (
-                                        // biome-ignore lint/a11y/useSemanticElements: react component
-                                        react_1.default.createElement(components.Day, { key: `${day.isoDate}_${day.displayMonthId}`, day: day, modifiers: modifiers, className: className.join(" "), style: style, role: "gridcell", "aria-selected": modifiers.selected || undefined, "aria-label": ariaLabel, "data-day": day.isoDate, "data-month": day.outside ? day.dateMonthId : undefined, "data-selected": modifiers.selected || undefined, "data-disabled": modifiers.disabled || undefined, "data-hidden": modifiers.hidden || undefined, "data-outside": day.outside || undefined, "data-focused": modifiers.focused || undefined, "data-today": modifiers.today || undefined }, !modifiers.hidden && isInteractive ? (react_1.default.createElement(components.DayButton, { className: classNames[UI_js_1.UI.DayButton], style: styles?.[UI_js_1.UI.DayButton], type: "button", day: day, modifiers: modifiers, disabled: (!modifiers.focused &&
+                                        return (react_1.default.createElement(components.Day, { key: `${day.isoDate}_${day.displayMonthId}`, day: day, modifiers: modifiers, className: className.join(" "), style: style, role: "gridcell", "aria-selected": modifiers.selected || undefined, "aria-label": ariaLabel, "data-day": day.isoDate, "data-month": day.outside ? day.dateMonthId : undefined, "data-selected": modifiers.selected || undefined, "data-disabled": modifiers.disabled || undefined, "data-hidden": modifiers.hidden || undefined, "data-outside": day.outside || undefined, "data-focused": modifiers.focused || undefined, "data-today": modifiers.today || undefined }, !modifiers.hidden && isInteractive ? (react_1.default.createElement(components.DayButton, { className: classNames[UI_js_1.UI.DayButton], style: styles?.[UI_js_1.UI.DayButton], type: "button", day: day, modifiers: modifiers, disabled: (!modifiers.focused &&
                                                 modifiers.disabled) ||
                                                 undefined, "aria-disabled": (modifiers.focused &&
                                                 modifiers.disabled) ||
@@ -351,7 +348,5 @@ function DayPicker(initialProps) {
                                     })));
                             })))));
                 })),
-            props.footer && (
-            // biome-ignore lint/a11y/useSemanticElements: react component
-            react_1.default.createElement(components.Footer, { className: classNames[UI_js_1.UI.Footer], style: styles?.[UI_js_1.UI.Footer], role: "status", "aria-live": "polite" }, props.footer)))));
+            props.footer && (react_1.default.createElement(components.Footer, { className: classNames[UI_js_1.UI.Footer], style: styles?.[UI_js_1.UI.Footer], role: "status", "aria-live": "polite" }, props.footer)))));
 }

package/dist/cjs/buddhist/index.d.ts

@@ -2,8 +2,8 @@ import type { Locale } from "date-fns";
 import React from "react";
 import { DateLib, type DateLibOptions } from "../index.js";
 import type { DayPickerProps } from "../types/props.js";
-export declare const th: Locale;
-export declare const enUS: Locale;
+export declare const th: import("../index.js").DayPickerLocale;
+export declare const enUS: import("../index.js").DayPickerLocale;
 /**
  * Render the Buddhist (Thai) calendar.
  *

package/dist/cjs/buddhist/index.js

@@ -1,53 +1,21 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getDateLib = exports.enUS = exports.th = void 0;
 exports.DayPicker = DayPicker;
-const locales = __importStar(require("date-fns/locale"));
 const react_1 = __importDefault(require("react"));
 const index_js_1 = require("../index.js");
+const en_US_js_1 = require("../locale/en-US.js");
+const th_js_1 = require("../locale/th.js");
 const format_js_1 = require("./lib/format.js");
 // Adapter to match DateLib's format signature without using `any`.
 const buddhistFormat = (date, formatStr, options) => {
     return (0, format_js_1.format)(date, formatStr, options);
 };
-exports.th = locales.th;
-exports.enUS = locales.enUS;
+exports.th = th_js_1.th;
+exports.enUS = en_US_js_1.enUS;
 /**
  * Render the Buddhist (Thai) calendar.
  *

package/dist/cjs/classes/DateLib.d.ts

@@ -1,8 +1,23 @@
 import type { FormatOptions as DateFnsFormatOptions, EndOfWeekOptions, GetMonthOptions, GetWeekOptions, GetYearOptions, Interval, StartOfWeekOptions } from "date-fns";
-import type { Locale } from "date-fns/locale";
-import type { Numerals } from "../types/shared.js";
+import type { Locale as DateFnsLocale } from "date-fns/locale";
+import type { Labels, Numerals } from "../types/shared.js";
 export type { Month as DateFnsMonth } from "date-fns";
-export type { Locale } from "date-fns/locale";
+/**
+ * Translations for DayPicker-specific labels.
+ * @since v9.12.0
+ */
+export type DayPickerLocaleLabels = {
+    [K in keyof Labels]?: string | Labels[K];
+};
+/**
+ * Locale type used by DayPicker.
+ * @since v9.12.0
+ */
+export interface DayPickerLocale extends DateFnsLocale {
+    /** Localized DayPicker-specific labels. */
+    labels?: DayPickerLocaleLabels;
+}
+export type Locale = DayPickerLocale;
 /**
  * @ignore
  * @deprecated Use {@link DateLibOptions} instead.
@@ -28,7 +43,7 @@ export interface DateLibOptions extends DateFnsFormatOptions, StartOfWeekOptions
     /** A constructor for the `Date` object. */
     Date?: typeof Date;
     /** A locale to use for formatting dates. */
-    locale?: Locale;
+    locale?: DayPickerLocale;
     /**
      * A time zone to use for dates.
      *
@@ -376,7 +391,7 @@ export declare class DateLib {
     startOfYear: (date: Date) => Date;
 }
 /** The default locale (English). */
-export { enUS as defaultLocale } from "date-fns/locale/en-US";
+export { enUS as defaultLocale } from "../locale/en-US.js";
 /**
  * The default date library with English locale.
  *

package/dist/cjs/classes/DateLib.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.dateLib = exports.defaultDateLib = exports.defaultLocale = exports.DateLib = void 0;
 const tz_1 = require("@date-fns/tz");
 const date_fns_1 = require("date-fns");
-const en_US_1 = require("date-fns/locale/en-US");
 const endOfBroadcastWeek_js_1 = require("../helpers/endOfBroadcastWeek.js");
 const startOfBroadcastWeek_js_1 = require("../helpers/startOfBroadcastWeek.js");
+const en_US_js_1 = require("../locale/en-US.js");
 /**
  * A wrapper class around [date-fns](http://date-fns.org) that provides utility
  * methods for date manipulation and formatting.
@@ -463,7 +463,7 @@ class DateLib {
                 ? this.overrides.startOfYear(date)
                 : (0, date_fns_1.startOfYear)(date);
         };
-        this.options = { locale: en_US_1.enUS, ...options };
+        this.options = { locale: en_US_js_1.enUS, ...options };
         this.overrides = overrides;
     }
     /**
@@ -566,8 +566,8 @@ DateLib.yearFirstLocales = new Set([
     "zh-TW",
 ]);
 /** The default locale (English). */
-var en_US_2 = require("date-fns/locale/en-US");
-Object.defineProperty(exports, "defaultLocale", { enumerable: true, get: function () { return en_US_2.enUS; } });
+var en_US_js_2 = require("../locale/en-US.js");
+Object.defineProperty(exports, "defaultLocale", { enumerable: true, get: function () { return en_US_js_2.enUS; } });
 /**
  * The default date library with English locale.
  *

package/dist/cjs/ethiopic/index.d.ts

@@ -2,7 +2,6 @@ import type { Locale } from "date-fns";
 import React from "react";
 import { DateLib, type DateLibOptions } from "../index.js";
 import type { DayPickerProps } from "../types/props.js";
-export { enUS } from "date-fns/locale/en-US";
 /**
  * Render the Ethiopic calendar.
  *
@@ -41,4 +40,5 @@ export declare function DayPicker(props: DayPickerProps & {
 }): React.JSX.Element;
 /** Returns the date library used in the calendar. */
 export declare const getDateLib: (options?: DateLibOptions) => DateLib;
-export { amET } from "./locale/am-ET.js";
+export { amET } from "../locale/am-ET.js";
+export { enUS } from "../locale/en-US.js";

package/dist/cjs/ethiopic/index.js

@@ -36,14 +36,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.amET = exports.getDateLib = exports.enUS = void 0;
+exports.enUS = exports.amET = exports.getDateLib = void 0;
 exports.DayPicker = DayPicker;
 const react_1 = __importDefault(require("react"));
 const index_js_1 = require("../index.js");
+const am_ET_js_1 = __importDefault(require("../locale/am-ET.js"));
 const ethiopicDateLib = __importStar(require("./lib/index.js"));
-const am_ET_js_1 = __importDefault(require("./locale/am-ET.js"));
-var en_US_1 = require("date-fns/locale/en-US");
-Object.defineProperty(exports, "enUS", { enumerable: true, get: function () { return en_US_1.enUS; } });
 /**
  * Render the Ethiopic calendar.
  *
@@ -73,5 +71,7 @@ const getDateLib = (options) => {
 };
 exports.getDateLib = getDateLib;
 // Export a minimal Amharic (Ethiopia) date-fns locale that uses Intl
-var am_ET_js_2 = require("./locale/am-ET.js");
+var am_ET_js_2 = require("../locale/am-ET.js");
 Object.defineProperty(exports, "amET", { enumerable: true, get: function () { return am_ET_js_2.amET; } });
+var en_US_js_1 = require("../locale/en-US.js");
+Object.defineProperty(exports, "enUS", { enumerable: true, get: function () { return en_US_js_1.enUS; } });

package/dist/cjs/hebrew/index.d.ts

@@ -2,8 +2,6 @@ import type { Locale } from "date-fns";
 import React from "react";
 import { DateLib, type DateLibOptions } from "../index.js";
 import type { DayPickerProps } from "../types/props.js";
-export declare const he: Locale;
-export declare const enUS: Locale;
 /**
  * Render the Hebrew (lunisolar) calendar.
  *
@@ -24,3 +22,5 @@ export declare function DayPicker(props: DayPickerProps & {
 }): React.JSX.Element;
 /** Returns the date library used in the Hebrew calendar. */
 export declare const getDateLib: (options?: DateLibOptions) => DateLib;
+export { enUS } from "../locale/en-US.js";
+export { he } from "../locale/he.js";

package/dist/cjs/hebrew/index.js

@@ -36,14 +36,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDateLib = exports.enUS = exports.he = void 0;
+exports.he = exports.enUS = exports.getDateLib = void 0;
 exports.DayPicker = DayPicker;
-const locales = __importStar(require("date-fns/locale"));
 const react_1 = __importDefault(require("react"));
 const index_js_1 = require("../index.js");
+const he_js_1 = require("../locale/he.js");
 const hebrewDateLib = __importStar(require("./lib/index.js"));
-exports.he = locales.he;
-exports.enUS = locales.enUS;
 /**
  * Render the Hebrew (lunisolar) calendar.
  *
@@ -65,10 +63,14 @@ function DayPicker(props) {
         useAdditionalDayOfYearTokens: props.useAdditionalDayOfYearTokens,
         timeZone: props.timeZone,
     });
-    return (react_1.default.createElement(index_js_1.DayPicker, { ...props, locale: props.locale ?? exports.he, numerals: props.numerals ?? "latn", dir: props.dir ?? "rtl", dateLib: dateLib }));
+    return (react_1.default.createElement(index_js_1.DayPicker, { ...props, locale: props.locale ?? he_js_1.he, numerals: props.numerals ?? "latn", dir: props.dir ?? "rtl", dateLib: dateLib }));
 }
 /** Returns the date library used in the Hebrew calendar. */
 const getDateLib = (options) => {
     return new index_js_1.DateLib(options, hebrewDateLib);
 };
 exports.getDateLib = getDateLib;
+var en_US_js_1 = require("../locale/en-US.js");
+Object.defineProperty(exports, "enUS", { enumerable: true, get: function () { return en_US_js_1.enUS; } });
+var he_js_2 = require("../locale/he.js");
+Object.defineProperty(exports, "he", { enumerable: true, get: function () { return he_js_2.he; } });

package/dist/cjs/hebrew/utils/dateConversion.js

@@ -6,8 +6,15 @@ const calendarMath_js_1 = require("./calendarMath.js");
 const constants_js_1 = require("./constants.js");
 /** Convert a Gregorian date to an absolute day number from the epoch. */
 function dateToAbsolute(date) {
+    // Years < 100 must use UTC components to avoid JS's 1900 offset; for normal
+    // years keep local components so we don't reintroduce UTC/local skew in the
+    // rendered month grid.
+    const useUTC = date.getFullYear() < 100;
+    const year = useUTC ? date.getUTCFullYear() : date.getFullYear();
+    const month = useUTC ? date.getUTCMonth() : date.getMonth();
+    const day = useUTC ? date.getUTCDate() : date.getDate();
     const normalized = new Date(0);
-    normalized.setUTCFullYear(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate());
+    normalized.setUTCFullYear(year, month, day);
     normalized.setUTCHours(0, 0, 0, 0);
     return Math.floor((normalized.getTime() - constants_js_1.GREGORIAN_EPOCH) / constants_js_1.MS_PER_DAY) + 1;
 }

package/dist/cjs/helpers/getDates.js

@@ -23,19 +23,27 @@ function getDates(displayMonths, maxDate, props, dateLib) {
         : ISOWeek
             ? startOfISOWeek(firstMonth)
             : startOfWeek(firstMonth);
-    const endWeekLastDate = broadcastCalendar
+    const displayMonthsWeekEnd = broadcastCalendar
         ? endOfBroadcastWeek(lastMonth)
         : ISOWeek
             ? endOfISOWeek(endOfMonth(lastMonth))
             : endOfWeek(endOfMonth(lastMonth));
-    const nOfDays = differenceInCalendarDays(endWeekLastDate, startWeekFirstDate);
+    // If maxDate is set, clamp the grid to the end of that week.
+    const constraintWeekEnd = maxDate &&
+        (broadcastCalendar
+            ? endOfBroadcastWeek(maxDate)
+            : ISOWeek
+                ? endOfISOWeek(maxDate)
+                : endOfWeek(maxDate));
+    // Pick the earliest week end between the displayed months and the constraint.
+    const gridEndDate = constraintWeekEnd && isAfter(displayMonthsWeekEnd, constraintWeekEnd)
+        ? constraintWeekEnd
+        : displayMonthsWeekEnd;
+    const nOfDays = differenceInCalendarDays(gridEndDate, startWeekFirstDate);
     const nOfMonths = differenceInCalendarMonths(lastMonth, firstMonth) + 1;
     const dates = [];
     for (let i = 0; i <= nOfDays; i++) {
         const date = addDays(startWeekFirstDate, i);
-        if (maxDate && isAfter(date, maxDate)) {
-            break;
-        }
         dates.push(date);
     }
     // If fixed weeks is enabled, add the extra dates to the array

package/dist/cjs/helpers/getLabels.d.ts

@@ -1,8 +1,13 @@
+import type { DateLibOptions } from "../classes/DateLib.js";
 import type { DayPickerProps, Labels } from "../types/index.js";
 /**
  * Merges custom labels from the props with the default labels.
  *
+ * When available, uses the locale-provided translation for `labelNext`.
+ *
  * @param customLabels The custom labels provided in the DayPicker props.
- * @returns The merged labels object.
+ * @param options Options from the date library, used to resolve locale
+ *   translations.
+ * @returns The merged labels object with locale-aware defaults.
  */
-export declare function getLabels(customLabels: DayPickerProps["labels"]): Labels;
+export declare function getLabels(customLabels: DayPickerProps["labels"], options: DateLibOptions): Labels;

package/dist/cjs/helpers/getLabels.js

@@ -35,15 +35,41 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getLabels = getLabels;
 const defaultLabels = __importStar(require("../labels/index.js"));
+const resolveLabel = (defaultLabel, customLabel, localeLabel) => {
+    if (customLabel)
+        return customLabel;
+    if (localeLabel) {
+        return (typeof localeLabel === "function"
+            ? localeLabel
+            : (..._args) => localeLabel);
+    }
+    return defaultLabel;
+};
 /**
  * Merges custom labels from the props with the default labels.
  *
+ * When available, uses the locale-provided translation for `labelNext`.
+ *
  * @param customLabels The custom labels provided in the DayPicker props.
- * @returns The merged labels object.
+ * @param options Options from the date library, used to resolve locale
+ *   translations.
+ * @returns The merged labels object with locale-aware defaults.
  */
-function getLabels(customLabels) {
+function getLabels(customLabels, options) {
+    const localeLabels = options.locale?.labels ?? {};
     return {
         ...defaultLabels,
-        ...customLabels,
+        ...(customLabels ?? {}),
+        labelDayButton: resolveLabel(defaultLabels.labelDayButton, customLabels?.labelDayButton, localeLabels.labelDayButton),
+        labelMonthDropdown: resolveLabel(defaultLabels.labelMonthDropdown, customLabels?.labelMonthDropdown, localeLabels.labelMonthDropdown),
+        labelNext: resolveLabel(defaultLabels.labelNext, customLabels?.labelNext, localeLabels.labelNext),
+        labelPrevious: resolveLabel(defaultLabels.labelPrevious, customLabels?.labelPrevious, localeLabels.labelPrevious),
+        labelWeekNumber: resolveLabel(defaultLabels.labelWeekNumber, customLabels?.labelWeekNumber, localeLabels.labelWeekNumber),
+        labelYearDropdown: resolveLabel(defaultLabels.labelYearDropdown, customLabels?.labelYearDropdown, localeLabels.labelYearDropdown),
+        labelGrid: resolveLabel(defaultLabels.labelGrid, customLabels?.labelGrid, localeLabels.labelGrid),
+        labelGridcell: resolveLabel(defaultLabels.labelGridcell, customLabels?.labelGridcell, localeLabels.labelGridcell),
+        labelNav: resolveLabel(defaultLabels.labelNav, customLabels?.labelNav, localeLabels.labelNav),
+        labelWeekNumberHeader: resolveLabel(defaultLabels.labelWeekNumberHeader, customLabels?.labelWeekNumberHeader, localeLabels.labelWeekNumberHeader),
+        labelWeekday: resolveLabel(defaultLabels.labelWeekday, customLabels?.labelWeekday, localeLabels.labelWeekday),
     };
 }

package/dist/cjs/labels/labelNext.d.ts

@@ -1,3 +1,4 @@
+import type { DateLibOptions } from "../classes/DateLib.js";
 /**
  * Generates the ARIA label for the "next month" button.
  *
@@ -8,4 +9,4 @@
  * @group Labels
  * @see https://daypicker.dev/docs/translation#aria-labels
  */
-export declare function labelNext(_month: Date | undefined): string;
+export declare function labelNext(_month: Date | undefined, _options?: DateLibOptions): string;

package/dist/cjs/labels/labelNext.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.labelNext = labelNext;
+const defaultLabel = "Go to the Next Month";
 /**
  * Generates the ARIA label for the "next month" button.
  *
@@ -11,6 +12,6 @@ exports.labelNext = labelNext;
  * @group Labels
  * @see https://daypicker.dev/docs/translation#aria-labels
  */
-function labelNext(_month) {
-    return "Go to the Next Month";
+function labelNext(_month, _options) {
+    return defaultLabel;
 }

package/dist/cjs/locale/af.d.ts

@@ -0,0 +1,3 @@
+import type { DayPickerLocale } from "../classes/DateLib.js";
+/** Afrikaans locale extended with DayPicker-specific translations. */
+export declare const af: DayPickerLocale;

package/dist/cjs/locale/af.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.af = void 0;
+const locale_1 = require("date-fns/locale");
+const DateLib_js_1 = require("../classes/DateLib.js");
+/** Afrikaans locale extended with DayPicker-specific translations. */
+exports.af = {
+    ...locale_1.af,
+    labels: {
+        labelDayButton: (date, modifiers, options, dateLib) => {
+            const lib = dateLib ?? new DateLib_js_1.DateLib(options);
+            let label = lib.format(date, "PPPP");
+            if (modifiers.today)
+                label = `Vandag, ${label}`;
+            if (modifiers.selected)
+                label = `${label}, gekies`;
+            return label;
+        },
+        labelMonthDropdown: "Kies die maand",
+        labelNext: "Gaan na volgende maand",
+        labelPrevious: "Gaan na vorige maand",
+        labelWeekNumber: (weekNumber) => `Week ${weekNumber}`,
+        labelYearDropdown: "Kies die jaar",
+        labelGrid: (date, options, dateLib) => (dateLib ?? new DateLib_js_1.DateLib(options)).formatMonthYear(date),
+        labelGridcell: (date, modifiers, options, dateLib) => {
+            const lib = dateLib ?? new DateLib_js_1.DateLib(options);
+            let label = lib.format(date, "PPPP");
+            if (modifiers?.today) {
+                label = `Vandag, ${label}`;
+            }
+            return label;
+        },
+        labelNav: "Navigasiebalk",
+        labelWeekNumberHeader: "Weeknommer",
+        labelWeekday: (date, options, dateLib) => (dateLib ?? new DateLib_js_1.DateLib(options)).format(date, "cccc"),
+    },
+};

package/dist/cjs/locale/am-ET.d.ts

@@ -0,0 +1,7 @@
+import type { DayPickerLocale } from "../classes/DateLib.js";
+/**
+ * Amharic (Ethiopia) locale backed by Intl for core names plus DayPicker
+ * labels.
+ */
+export declare const amET: DayPickerLocale;
+export default amET;

package/dist/cjs/{ethiopic/locale → locale}/am-ET.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.amET = void 0;
-const en_US_1 = require("date-fns/locale/en-US");
+const DateLib_js_1 = require("../classes/DateLib.js");
+const en_US_js_1 = require("./en-US.js");
 /**
  * Minimal Amharic (Ethiopia) locale for date-fns v4.
  *
@@ -63,10 +64,10 @@ function getDayPeriod(value, width) {
             return parts.value;
     }
     // Fallback: delegate to en-US for anything else
-    return en_US_1.enUS.localize.dayPeriod(value, { width: width });
+    return en_US_js_1.enUS.localize.dayPeriod(value, { width: width });
 }
 const localize = {
-    ...en_US_1.enUS.localize,
+    ...en_US_js_1.enUS.localize,
     // Ordinals in Amharic are commonly written as cardinals; keep simple numeric output
     ordinalNumber: (n) => String(n),
     month: (value, options) => {
@@ -85,15 +86,46 @@ const options = {
     weekStartsOn: 1,
     firstWeekContainsDate: 1,
 };
-/** Amharic (Ethiopia) locale backed by Intl for core names. */
+/**
+ * Amharic (Ethiopia) locale backed by Intl for core names plus DayPicker
+ * labels.
+ */
 exports.amET = {
     code: "am-ET",
     // Reuse en-US for distance/relative formatting and formatLong skeletons
-    formatDistance: en_US_1.enUS.formatDistance,
-    formatRelative: en_US_1.enUS.formatRelative,
-    formatLong: en_US_1.enUS.formatLong,
+    formatDistance: en_US_js_1.enUS.formatDistance,
+    formatRelative: en_US_js_1.enUS.formatRelative,
+    formatLong: en_US_js_1.enUS.formatLong,
     localize,
-    match: en_US_1.enUS.match,
+    match: en_US_js_1.enUS.match,
     options,
+    labels: {
+        labelDayButton: (date, modifiers, opts, dateLib) => {
+            const lib = dateLib ?? new DateLib_js_1.DateLib(opts);
+            let label = lib.format(date, "PPPP");
+            if (modifiers.today)
+                label = `ዛሬ፣ ${label}`;
+            if (modifiers.selected)
+                label = `${label}, ተመርጧል`;
+            return label;
+        },
+        labelMonthDropdown: "ወርን ይምረጡ",
+        labelNext: "ወደ ቀጣይ ወር ይሂዱ",
+        labelPrevious: "ወደ ቀዳሚ ወር ይሂዱ",
+        labelWeekNumber: (weekNumber) => `ሳምንት ${weekNumber}`,
+        labelYearDropdown: "ዓመቱን ይምረጡ",
+        labelGrid: (date, opts, dateLib) => (dateLib ?? new DateLib_js_1.DateLib(opts)).formatMonthYear(date),
+        labelGridcell: (date, modifiers, opts, dateLib) => {
+            const lib = dateLib ?? new DateLib_js_1.DateLib(opts);
+            let label = lib.format(date, "PPPP");
+            if (modifiers?.today) {
+                label = `ዛሬ፣ ${label}`;
+            }
+            return label;
+        },
+        labelNav: "መምሪያ አሞሌ",
+        labelWeekNumberHeader: "የሳምንት ቁጥር",
+        labelWeekday: (date, opts, dateLib) => (dateLib ?? new DateLib_js_1.DateLib(opts)).format(date, "cccc"),
+    },
 };
 exports.default = exports.amET;

package/dist/cjs/locale/ar-DZ.d.ts

@@ -0,0 +1,3 @@
+import type { DayPickerLocale } from "../classes/DateLib.js";
+/** Arabic (Algeria) locale extended with DayPicker-specific translations. */
+export declare const arDZ: DayPickerLocale;