react-day-picker 9.8.0 → 9.9.0

package/README.md

@@ -31,8 +31,7 @@ DayPicker is written in TypeScript and compiled to CommonJS and ESM. It relies o
 npm install react-day-picker
 ```
 
-<a href="https://www.npmjs.com/package/react-day-picker"><img src="https://img.shields.io/npm/v/react-day-picker" alt="npm version"/></a>
-<img src="https://img.shields.io/npm/dm/react-day-picker.svg" alt="npm downloads"/> <img src="https://img.shields.io/bundlephobia/minzip/react-day-picker" alt="Min gzipped size"/>
+<a href="https://www.npmjs.com/package/react-day-picker"><img src="https://img.shields.io/npm/v/react-day-picker" alt="npm version"/></a> <img src="https://img.shields.io/npm/dm/react-day-picker.svg" alt="npm downloads"/> <img src="https://img.shields.io/bundlephobia/minzip/react-day-picker" alt="Min gzipped size"/>
 
 ## Example
 

package/dist/cjs/DayPicker.js

@@ -34,9 +34,8 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DayPicker = DayPicker;
-const react_1 = __importStar(require("react"));
 const tz_1 = require("@date-fns/tz");
-const UI_js_1 = require("./UI.js");
+const react_1 = __importStar(require("react"));
 const DateLib_js_1 = require("./classes/DateLib.js");
 const createGetModifiers_js_1 = require("./helpers/createGetModifiers.js");
 const getClassNamesForModifiers_js_1 = require("./helpers/getClassNamesForModifiers.js");
@@ -49,6 +48,7 @@ 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");
 const useDayPicker_js_1 = require("./useDayPicker.js");
@@ -68,7 +68,7 @@ function DayPicker(initialProps) {
     let props = initialProps;
     if (props.timeZone) {
         props = {
-            ...initialProps
+            ...initialProps,
         };
         if (props.today) {
             props.today = new tz_1.TZDate(props.today, props.timeZone);
@@ -98,7 +98,7 @@ function DayPicker(initialProps) {
                     : undefined,
                 to: props.selected.to
                     ? new tz_1.TZDate(props.selected.to, props.timeZone)
-                    : undefined
+                    : undefined,
             };
         }
     }
@@ -111,7 +111,7 @@ function DayPicker(initialProps) {
             useAdditionalWeekYearTokens: props.useAdditionalWeekYearTokens,
             useAdditionalDayOfYearTokens: props.useAdditionalDayOfYearTokens,
             timeZone: props.timeZone,
-            numerals: props.numerals
+            numerals: props.numerals,
         }, props.dateLib);
         return {
             dateLib,
@@ -119,7 +119,7 @@ function DayPicker(initialProps) {
             formatters: (0, getFormatters_js_1.getFormatters)(props.formatters),
             labels: { ...defaultLabels, ...props.labels },
             locale,
-            classNames: { ...(0, getDefaultClassNames_js_1.getDefaultClassNames)(), ...props.classNames }
+            classNames: { ...(0, getDefaultClassNames_js_1.getDefaultClassNames)(), ...props.classNames },
         };
     }, [
         props.locale,
@@ -134,16 +134,16 @@ function DayPicker(initialProps) {
         props.components,
         props.formatters,
         props.labels,
-        props.classNames
+        props.classNames,
     ]);
-    const { captionLayout, mode, navLayout, numberOfMonths = 1, onDayBlur, onDayClick, onDayFocus, onDayKeyDown, onDayMouseEnter, onDayMouseLeave, onNextClick, onPrevClick, showWeekNumber, styles } = props;
-    const { formatCaption, formatDay, formatMonthDropdown, formatWeekNumber, formatWeekNumberHeader, formatWeekdayName, formatYearDropdown } = formatters;
+    const { captionLayout, mode, navLayout, numberOfMonths = 1, onDayBlur, onDayClick, onDayFocus, onDayKeyDown, onDayMouseEnter, onDayMouseLeave, onNextClick, onPrevClick, showWeekNumber, styles, } = props;
+    const { formatCaption, formatDay, formatMonthDropdown, formatWeekNumber, formatWeekNumberHeader, formatWeekdayName, formatYearDropdown, } = formatters;
     const calendar = (0, useCalendar_js_1.useCalendar)(props, dateLib);
-    const { days, months, navStart, navEnd, previousMonth, nextMonth, goToMonth } = calendar;
+    const { days, months, navStart, navEnd, previousMonth, nextMonth, goToMonth, } = calendar;
     const getModifiers = (0, createGetModifiers_js_1.createGetModifiers)(days, props, navStart, navEnd, dateLib);
-    const { isSelected, select, selected: selectedValue } = (0, useSelection_js_1.useSelection)(props, dateLib) ?? {};
+    const { isSelected, select, selected: selectedValue, } = (0, useSelection_js_1.useSelection)(props, dateLib) ?? {};
     const { blur, focused, isFocusTarget, moveFocus, setFocused } = (0, useFocus_js_1.useFocus)(props, calendar, getModifiers, isSelected ?? (() => false), dateLib);
-    const { labelDayButton, labelGridcell, labelGrid, labelMonthDropdown, labelNav, labelPrevious, labelNext, labelWeekday, labelWeekNumber, labelWeekNumberHeader, labelYearDropdown } = labels;
+    const { labelDayButton, labelGridcell, labelGrid, labelMonthDropdown, labelNav, labelPrevious, labelNext, labelWeekday, labelWeekNumber, labelWeekNumberHeader, labelYearDropdown, } = labels;
     const weekdays = (0, react_1.useMemo)(() => (0, getWeekdays_js_1.getWeekdays)(dateLib, props.ISOWeek), [dateLib, props.ISOWeek]);
     const isInteractive = mode !== undefined || onDayClick !== undefined;
     const handlePreviousClick = (0, react_1.useCallback)(() => {
@@ -177,18 +177,18 @@ function DayPicker(initialProps) {
         const keyMap = {
             ArrowLeft: [
                 e.shiftKey ? "month" : "day",
-                props.dir === "rtl" ? "after" : "before"
+                props.dir === "rtl" ? "after" : "before",
             ],
             ArrowRight: [
                 e.shiftKey ? "month" : "day",
-                props.dir === "rtl" ? "before" : "after"
+                props.dir === "rtl" ? "before" : "after",
             ],
             ArrowDown: [e.shiftKey ? "year" : "week", "after"],
             ArrowUp: [e.shiftKey ? "year" : "week", "before"],
             PageUp: [e.shiftKey ? "year" : "month", "before"],
             PageDown: [e.shiftKey ? "year" : "month", "after"],
             Home: ["startOfWeek", "before"],
-            End: ["endOfWeek", "after"]
+            End: ["endOfWeek", "after"],
         };
         if (keyMap[e.key]) {
             e.preventDefault();
@@ -218,7 +218,7 @@ function DayPicker(initialProps) {
         className: [classNames[UI_js_1.UI.Root], props.className]
             .filter(Boolean)
             .join(" "),
-        style: { ...styles?.[UI_js_1.UI.Root], ...props.style }
+        style: { ...styles?.[UI_js_1.UI.Root], ...props.style },
     }), [classNames, props.className, props.style, styles]);
     const dataAttributes = (0, getDataAttributes_js_1.getDataAttributes)(props);
     const rootElRef = (0, react_1.useRef)(null);
@@ -226,7 +226,7 @@ function DayPicker(initialProps) {
         classNames,
         months,
         focused,
-        dateLib
+        dateLib,
     });
     const contextValue = {
         dayPickerProps: props,
@@ -242,25 +242,25 @@ function DayPicker(initialProps) {
         classNames,
         styles,
         labels,
-        formatters
+        formatters,
     };
     return (react_1.default.createElement(useDayPicker_js_1.dayPickerContext.Provider, { value: contextValue },
         react_1.default.createElement(components.Root, { rootRef: props.animate ? rootElRef : undefined, className: className, style: style, dir: props.dir, id: props.id, lang: props.lang, nonce: props.nonce, title: props.title, role: props.role, "aria-label": props["aria-label"], ...dataAttributes },
             react_1.default.createElement(components.Months, { className: classNames[UI_js_1.UI.Months], style: styles?.[UI_js_1.UI.Months] },
                 !props.hideNavigation && !navLayout && (react_1.default.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : undefined, className: classNames[UI_js_1.UI.Nav], style: styles?.[UI_js_1.UI.Nav], "aria-label": labelNav(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth: previousMonth, nextMonth: nextMonth })),
                 months.map((calendarMonth, displayIndex) => {
-                    const dropdownMonths = (0, getMonthOptions_js_1.getMonthOptions)(calendarMonth.date, navStart, navEnd, formatters, dateLib);
-                    const dropdownYears = (0, getYearOptions_js_1.getYearOptions)(navStart, navEnd, formatters, dateLib);
-                    return (react_1.default.createElement(components.Month, { "data-animated-month": props.animate ? "true" : undefined, className: classNames[UI_js_1.UI.Month], style: styles?.[UI_js_1.UI.Month], key: displayIndex, displayIndex: displayIndex, calendarMonth: calendarMonth },
+                    return (react_1.default.createElement(components.Month, { "data-animated-month": props.animate ? "true" : undefined, className: classNames[UI_js_1.UI.Month], style: styles?.[UI_js_1.UI.Month], 
+                        // biome-ignore lint/suspicious/noArrayIndexKey: breaks animation
+                        key: displayIndex, displayIndex: displayIndex, calendarMonth: calendarMonth },
                         navLayout === "around" &&
                             !props.hideNavigation &&
                             displayIndex === 0 && (react_1.default.createElement(components.PreviousMonthButton, { type: "button", className: classNames[UI_js_1.UI.PreviousMonthButton], tabIndex: previousMonth ? undefined : -1, "aria-disabled": previousMonth ? undefined : true, "aria-label": labelPrevious(previousMonth), onClick: handlePreviousClick, "data-animated-button": props.animate ? "true" : undefined },
                             react_1.default.createElement(components.Chevron, { disabled: previousMonth ? undefined : true, className: classNames[UI_js_1.UI.Chevron], orientation: props.dir === "rtl" ? "right" : "left" }))),
                         react_1.default.createElement(components.MonthCaption, { "data-animated-caption": props.animate ? "true" : undefined, className: classNames[UI_js_1.UI.MonthCaption], style: styles?.[UI_js_1.UI.MonthCaption], calendarMonth: calendarMonth, displayIndex: displayIndex }, captionLayout?.startsWith("dropdown") ? (react_1.default.createElement(components.DropdownNav, { className: classNames[UI_js_1.UI.Dropdowns], style: styles?.[UI_js_1.UI.Dropdowns] },
                             captionLayout === "dropdown" ||
-                                captionLayout === "dropdown-months" ? (react_1.default.createElement(components.MonthsDropdown, { className: classNames[UI_js_1.UI.MonthsDropdown], "aria-label": labelMonthDropdown(), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date), options: dropdownMonths, style: styles?.[UI_js_1.UI.Dropdown], value: dateLib.getMonth(calendarMonth.date) })) : (react_1.default.createElement("span", null, formatMonthDropdown(calendarMonth.date, dateLib))),
+                                captionLayout === "dropdown-months" ? (react_1.default.createElement(components.MonthsDropdown, { className: classNames[UI_js_1.UI.MonthsDropdown], "aria-label": labelMonthDropdown(), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date), options: (0, getMonthOptions_js_1.getMonthOptions)(calendarMonth.date, navStart, navEnd, formatters, dateLib), style: styles?.[UI_js_1.UI.Dropdown], value: dateLib.getMonth(calendarMonth.date) })) : (react_1.default.createElement("span", null, formatMonthDropdown(calendarMonth.date, dateLib))),
                             captionLayout === "dropdown" ||
-                                captionLayout === "dropdown-years" ? (react_1.default.createElement(components.YearsDropdown, { className: classNames[UI_js_1.UI.YearsDropdown], "aria-label": labelYearDropdown(dateLib.options), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date), options: dropdownYears, style: styles?.[UI_js_1.UI.Dropdown], value: dateLib.getYear(calendarMonth.date) })) : (react_1.default.createElement("span", null, formatYearDropdown(calendarMonth.date, dateLib))),
+                                captionLayout === "dropdown-years" ? (react_1.default.createElement(components.YearsDropdown, { className: classNames[UI_js_1.UI.YearsDropdown], "aria-label": labelYearDropdown(dateLib.options), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date), options: (0, getYearOptions_js_1.getYearOptions)(navStart, navEnd, formatters, dateLib, Boolean(props.reverseYears)), style: styles?.[UI_js_1.UI.Dropdown], value: dateLib.getYear(calendarMonth.date) })) : (react_1.default.createElement("span", null, formatYearDropdown(calendarMonth.date, dateLib))),
                             react_1.default.createElement("span", { role: "status", "aria-live": "polite", style: {
                                     border: 0,
                                     clip: "rect(0 0 0 0)",
@@ -271,8 +271,10 @@ function DayPicker(initialProps) {
                                     position: "absolute",
                                     width: "1px",
                                     whiteSpace: "nowrap",
-                                    wordWrap: "normal"
-                                } }, 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)))),
+                                    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)))),
                         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 },
@@ -284,11 +286,13 @@ function DayPicker(initialProps) {
                                 undefined, className: classNames[UI_js_1.UI.MonthGrid], style: styles?.[UI_js_1.UI.MonthGrid] },
                             !props.hideWeekdays && (react_1.default.createElement(components.Weekdays, { "data-animated-weekdays": props.animate ? "true" : undefined, className: classNames[UI_js_1.UI.Weekdays], style: styles?.[UI_js_1.UI.Weekdays] },
                                 showWeekNumber && (react_1.default.createElement(components.WeekNumberHeader, { "aria-label": labelWeekNumberHeader(dateLib.options), className: classNames[UI_js_1.UI.WeekNumberHeader], style: styles?.[UI_js_1.UI.WeekNumberHeader], scope: "col" }, formatWeekNumberHeader())),
-                                weekdays.map((weekday, i) => (react_1.default.createElement(components.Weekday, { "aria-label": labelWeekday(weekday, dateLib.options, dateLib), className: classNames[UI_js_1.UI.Weekday], key: i, 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, weekIndex) => {
+                                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 && (react_1.default.createElement(components.WeekNumber, { week: week, style: styles?.[UI_js_1.UI.WeekNumber], "aria-label": labelWeekNumber(week.weekNumber, {
-                                            locale
+                                    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, {
+                                            locale,
                                         }), className: classNames[UI_js_1.UI.WeekNumber], scope: "row", role: "rowheader" }, formatWeekNumber(week.weekNumber, dateLib))),
                                     week.days.map((day) => {
                                         const { date } = day;
@@ -311,13 +315,16 @@ function DayPicker(initialProps) {
                                         const ariaLabel = !isInteractive && !modifiers.hidden
                                             ? labelGridcell(date, modifiers, dateLib.options, dateLib)
                                             : undefined;
-                                        return (react_1.default.createElement(components.Day, { key: `${dateLib.format(date, "yyyy-MM-dd")}_${dateLib.format(day.displayMonth, "yyyy-MM")}`, day: day, modifiers: modifiers, className: className.join(" "), style: style, role: "gridcell", "aria-selected": modifiers.selected || undefined, "aria-label": ariaLabel, "data-day": dateLib.format(date, "yyyy-MM-dd"), "data-month": day.outside
+                                        return (
+                                        // biome-ignore lint/a11y/useSemanticElements: react component
+                                        react_1.default.createElement(components.Day, { key: `${dateLib.format(date, "yyyy-MM-dd")}_${dateLib.format(day.displayMonth, "yyyy-MM")}`, day: day, modifiers: modifiers, className: className.join(" "), style: style, role: "gridcell", "aria-selected": modifiers.selected || undefined, "aria-label": ariaLabel, "data-day": dateLib.format(date, "yyyy-MM-dd"), "data-month": day.outside
                                                 ? dateLib.format(date, "yyyy-MM")
                                                 : 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.disabled || undefined, tabIndex: isFocusTarget(day) ? 0 : -1, "aria-label": labelDayButton(date, modifiers, dateLib.options, dateLib), onClick: handleDayClick(day, modifiers), onBlur: handleDayBlur(day, modifiers), onFocus: handleDayFocus(day, modifiers), onKeyDown: handleDayKeyDown(day, modifiers), onMouseEnter: handleDayMouseEnter(day, modifiers), onMouseLeave: handleDayMouseLeave(day, modifiers) }, formatDay(date, dateLib.options, dateLib))) : (!modifiers.hidden &&
                                             formatDay(day.date, dateLib.options, dateLib))));
                                     })));
                             })))));
                 })),
-            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)))));
+            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)))));
 }
-//# sourceMappingURL=DayPicker.js.map

package/dist/cjs/UI.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from "react";
+import type { CSSProperties } from "react";
 /**
  * Enum representing the UI elements composing DayPicker. These elements are
  * mapped to {@link CustomComponents}, {@link ClassNames}, and {@link Styles}.

package/dist/cjs/UI.js

@@ -121,4 +121,3 @@ var Animation;
     /** The exiting caption when it disappears before the entering month. */
     Animation["caption_before_exit"] = "caption_before_exit";
 })(Animation || (exports.Animation = Animation = {}));
-//# sourceMappingURL=UI.js.map

package/dist/cjs/classes/CalendarDay.js

@@ -29,4 +29,3 @@ class CalendarDay {
     }
 }
 exports.CalendarDay = CalendarDay;
-//# sourceMappingURL=CalendarDay.js.map

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

@@ -1,4 +1,4 @@
-import { CalendarWeek } from "./CalendarWeek.js";
+import type { CalendarWeek } from "./CalendarWeek.js";
 /**
  * Represents a month in a calendar year.
  *

package/dist/cjs/classes/CalendarMonth.js

@@ -14,4 +14,3 @@ class CalendarMonth {
     }
 }
 exports.CalendarMonth = CalendarMonth;
-//# sourceMappingURL=CalendarMonth.js.map

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

@@ -1,4 +1,4 @@
-import { CalendarDay } from "./CalendarDay.js";
+import type { CalendarDay } from "./CalendarDay.js";
 /**
  * Represents a week in a calendar month.
  *

package/dist/cjs/classes/CalendarWeek.js

@@ -13,4 +13,3 @@ class CalendarWeek {
     }
 }
 exports.CalendarWeek = CalendarWeek;
-//# sourceMappingURL=CalendarWeek.js.map

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

@@ -1,8 +1,8 @@
-import type { EndOfWeekOptions, StartOfWeekOptions, FormatOptions as DateFnsFormatOptions, Interval, GetMonthOptions, GetYearOptions, GetWeekOptions } from "date-fns";
+import type { FormatOptions as DateFnsFormatOptions, EndOfWeekOptions, GetMonthOptions, GetWeekOptions, GetYearOptions, Interval, StartOfWeekOptions } from "date-fns";
 import type { Locale } from "date-fns/locale";
-import { Numerals } from "../types/shared.js";
-export type { Locale } from "date-fns/locale";
+import type { Numerals } from "../types/shared.js";
 export type { Month as DateFnsMonth } from "date-fns";
+export type { Locale } from "date-fns/locale";
 /**
  * @ignore
  * @deprecated Use {@link DateLibOptions} instead.
@@ -204,7 +204,7 @@ export declare class DateLib {
      * @param formatStr The format string.
      * @returns The formatted date string.
      */
-    format: (date: Date, formatStr: string, options?: DateFnsFormatOptions) => string;
+    format: (date: Date, formatStr: string, _options?: DateFnsFormatOptions) => string;
     /**
      * Returns the ISO week number for the given date.
      *
@@ -218,21 +218,21 @@ export declare class DateLib {
      * @param date The date to get the month for.
      * @returns The month.
      */
-    getMonth: (date: Date, options?: GetMonthOptions) => number;
+    getMonth: (date: Date, _options?: GetMonthOptions) => number;
     /**
      * Returns the year of the given date.
      *
      * @param date The date to get the year for.
      * @returns The year.
      */
-    getYear: (date: Date, options?: GetYearOptions) => number;
+    getYear: (date: Date, _options?: GetYearOptions) => number;
     /**
      * Returns the local week number for the given date.
      *
      * @param date The date to get the week number for.
      * @returns The week number.
      */
-    getWeek: (date: Date, options?: GetWeekOptions) => number;
+    getWeek: (date: Date, _options?: GetWeekOptions) => number;
     /**
      * Checks if the first date is after the second date.
      *
@@ -316,7 +316,7 @@ export declare class DateLib {
      * @param date The original date.
      * @returns The start of the broadcast week.
      */
-    startOfBroadcastWeek: (date: Date, dateLib: DateLib) => Date;
+    startOfBroadcastWeek: (date: Date, _dateLib: DateLib) => Date;
     /**
      * Returns the start of the day for the given date.
      *
@@ -344,7 +344,7 @@ export declare class DateLib {
      * @param date The original date.
      * @returns The start of the week.
      */
-    startOfWeek: (date: Date, options?: StartOfWeekOptions) => Date;
+    startOfWeek: (date: Date, _options?: StartOfWeekOptions) => Date;
     /**
      * Returns the start of the year for the given date.
      *

package/dist/cjs/classes/DateLib.js

@@ -206,7 +206,7 @@ class DateLib {
          * @param formatStr The format string.
          * @returns The formatted date string.
          */
-        this.format = (date, formatStr, options) => {
+        this.format = (date, formatStr, _options) => {
             const formatted = this.overrides?.format
                 ? this.overrides.format(date, formatStr, this.options)
                 : (0, date_fns_1.format)(date, formatStr, this.options);
@@ -232,7 +232,7 @@ class DateLib {
          * @param date The date to get the month for.
          * @returns The month.
          */
-        this.getMonth = (date, options) => {
+        this.getMonth = (date, _options) => {
             return this.overrides?.getMonth
                 ? this.overrides.getMonth(date, this.options)
                 : (0, date_fns_1.getMonth)(date, this.options);
@@ -243,7 +243,7 @@ class DateLib {
          * @param date The date to get the year for.
          * @returns The year.
          */
-        this.getYear = (date, options) => {
+        this.getYear = (date, _options) => {
             return this.overrides?.getYear
                 ? this.overrides.getYear(date, this.options)
                 : (0, date_fns_1.getYear)(date, this.options);
@@ -254,7 +254,7 @@ class DateLib {
          * @param date The date to get the week number for.
          * @returns The week number.
          */
-        this.getWeek = (date, options) => {
+        this.getWeek = (date, _options) => {
             return this.overrides?.getWeek
                 ? this.overrides.getWeek(date, this.options)
                 : (0, date_fns_1.getWeek)(date, this.options);
@@ -378,7 +378,7 @@ class DateLib {
          * @param date The original date.
          * @returns The start of the broadcast week.
          */
-        this.startOfBroadcastWeek = (date, dateLib) => {
+        this.startOfBroadcastWeek = (date, _dateLib) => {
             return this.overrides?.startOfBroadcastWeek
                 ? this.overrides.startOfBroadcastWeek(date, this)
                 : (0, startOfBroadcastWeek_js_1.startOfBroadcastWeek)(date, this);
@@ -422,7 +422,7 @@ class DateLib {
          * @param date The original date.
          * @returns The start of the week.
          */
-        this.startOfWeek = (date, options) => {
+        this.startOfWeek = (date, _options) => {
             return this.overrides?.startOfWeek
                 ? this.overrides.startOfWeek(date, this.options)
                 : (0, date_fns_1.startOfWeek)(date, this.options);
@@ -452,7 +452,7 @@ class DateLib {
         const { numerals = "latn" } = this.options;
         // Use Intl.NumberFormat to create a formatter with the specified numbering system
         const formatter = new Intl.NumberFormat("en-US", {
-            numberingSystem: numerals
+            numberingSystem: numerals,
         });
         // Map Arabic digits (0-9) to the target numerals
         const digitMap = {};
@@ -498,4 +498,3 @@ exports.defaultDateLib = new DateLib();
  * @deprecated Use `defaultDateLib`.
  */
 exports.dateLib = exports.defaultDateLib;
-//# sourceMappingURL=DateLib.js.map

package/dist/cjs/classes/index.js

@@ -18,4 +18,3 @@ __exportStar(require("./CalendarDay.js"), exports);
 __exportStar(require("./CalendarMonth.js"), exports);
 __exportStar(require("./CalendarWeek.js"), exports);
 __exportStar(require("./DateLib.js"), exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/components/Button.js

@@ -14,4 +14,3 @@ const react_1 = __importDefault(require("react"));
 function Button(props) {
     return react_1.default.createElement("button", { ...props });
 }
-//# sourceMappingURL=Button.js.map

package/dist/cjs/components/CaptionLabel.js

@@ -14,4 +14,3 @@ const react_1 = __importDefault(require("react"));
 function CaptionLabel(props) {
     return react_1.default.createElement("span", { ...props });
 }
-//# sourceMappingURL=CaptionLabel.js.map

package/dist/cjs/components/Chevron.js

@@ -13,10 +13,11 @@ const react_1 = __importDefault(require("react"));
  */
 function Chevron(props) {
     const { size = 24, orientation = "left", className } = props;
-    return (react_1.default.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24" },
+    return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: handled by the parent component
+    react_1.default.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24" },
         orientation === "up" && (react_1.default.createElement("polygon", { points: "6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28" })),
         orientation === "down" && (react_1.default.createElement("polygon", { points: "6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72" })),
         orientation === "left" && (react_1.default.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" })),
         orientation === "right" && (react_1.default.createElement("polygon", { points: "8 18.112 14.18888889 12 8 5.87733333 9.91111111 4 18 12 9.91111111 20" }))));
 }
-//# sourceMappingURL=Chevron.js.map

package/dist/cjs/components/Day.js

@@ -19,4 +19,3 @@ function Day(props) {
     const { day, modifiers, ...tdProps } = props;
     return react_1.default.createElement("td", { ...tdProps });
 }
-//# sourceMappingURL=Day.js.map

package/dist/cjs/components/DayButton.js

@@ -20,4 +20,3 @@ function DayButton(props) {
     }, [modifiers.focused]);
     return react_1.default.createElement("button", { ref: ref, ...buttonProps });
 }
-//# sourceMappingURL=DayButton.js.map

package/dist/cjs/components/Dropdown.js

@@ -22,4 +22,3 @@ function Dropdown(props) {
             selectedOption?.label,
             react_1.default.createElement(components.Chevron, { orientation: "down", size: 18, className: classNames[UI_js_1.UI.Chevron] }))));
 }
-//# sourceMappingURL=Dropdown.js.map

package/dist/cjs/components/DropdownNav.js

@@ -14,4 +14,3 @@ const react_1 = __importDefault(require("react"));
 function DropdownNav(props) {
     return react_1.default.createElement("div", { ...props });
 }
-//# sourceMappingURL=DropdownNav.js.map

package/dist/cjs/components/Footer.js

@@ -14,4 +14,3 @@ const react_1 = __importDefault(require("react"));
 function Footer(props) {
     return react_1.default.createElement("div", { ...props });
 }
-//# sourceMappingURL=Footer.js.map

package/dist/cjs/components/Month.js

@@ -16,4 +16,3 @@ function Month(props) {
     const { calendarMonth, displayIndex, ...divProps } = props;
     return react_1.default.createElement("div", { ...divProps }, props.children);
 }
-//# sourceMappingURL=Month.js.map

package/dist/cjs/components/MonthCaption.js

@@ -15,4 +15,3 @@ function MonthCaption(props) {
     const { calendarMonth, displayIndex, ...divProps } = props;
     return react_1.default.createElement("div", { ...divProps });
 }
-//# sourceMappingURL=MonthCaption.js.map

package/dist/cjs/components/MonthGrid.js

@@ -14,4 +14,3 @@ const react_1 = __importDefault(require("react"));
 function MonthGrid(props) {
     return react_1.default.createElement("table", { ...props });
 }
-//# sourceMappingURL=MonthGrid.js.map

package/dist/cjs/components/Months.js

@@ -14,4 +14,3 @@ const react_1 = __importDefault(require("react"));
 function Months(props) {
     return react_1.default.createElement("div", { ...props });
 }
-//# sourceMappingURL=Months.js.map

package/dist/cjs/components/MonthsDropdown.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { DropdownProps } from "./Dropdown.js";
+import type { DropdownProps } from "./Dropdown.js";
 /**
  * Render a dropdown to navigate between months in the calendar.
  *

package/dist/cjs/components/MonthsDropdown.js

@@ -16,4 +16,3 @@ function MonthsDropdown(props) {
     const { components } = (0, useDayPicker_js_1.useDayPicker)();
     return react_1.default.createElement(components.Dropdown, { ...props });
 }
-//# sourceMappingURL=MonthsDropdown.js.map

package/dist/cjs/components/Nav.d.ts

@@ -1,4 +1,4 @@
-import React, { type MouseEventHandler, type HTMLAttributes } from "react";
+import React, { type HTMLAttributes, type MouseEventHandler } from "react";
 /**
  * Render the navigation toolbar with buttons to navigate between months.
  *

package/dist/cjs/components/Nav.js

@@ -45,7 +45,7 @@ const useDayPicker_js_1 = require("../useDayPicker.js");
  */
 function Nav(props) {
     const { onPreviousClick, onNextClick, previousMonth, nextMonth, ...navProps } = props;
-    const { components, classNames, labels: { labelPrevious, labelNext } } = (0, useDayPicker_js_1.useDayPicker)();
+    const { components, classNames, labels: { labelPrevious, labelNext }, } = (0, useDayPicker_js_1.useDayPicker)();
     const handleNextClick = (0, react_1.useCallback)((e) => {
         if (nextMonth) {
             onNextClick?.(e);
@@ -62,4 +62,3 @@ function Nav(props) {
         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 },
             react_1.default.createElement(components.Chevron, { disabled: nextMonth ? undefined : true, orientation: "right", className: classNames[UI_js_1.UI.Chevron] }))));
 }
-//# sourceMappingURL=Nav.js.map

package/dist/cjs/components/NextMonthButton.js

@@ -16,4 +16,3 @@ function NextMonthButton(props) {
     const { components } = (0, useDayPicker_js_1.useDayPicker)();
     return react_1.default.createElement(components.Button, { ...props });
 }
-//# sourceMappingURL=NextMonthButton.js.map

package/dist/cjs/components/Option.js

@@ -14,4 +14,3 @@ const react_1 = __importDefault(require("react"));
 function Option(props) {
     return react_1.default.createElement("option", { ...props });
 }
-//# sourceMappingURL=Option.js.map

package/dist/cjs/components/PreviousMonthButton.js

@@ -16,4 +16,3 @@ function PreviousMonthButton(props) {
     const { components } = (0, useDayPicker_js_1.useDayPicker)();
     return react_1.default.createElement(components.Button, { ...props });
 }
-//# sourceMappingURL=PreviousMonthButton.js.map

package/dist/cjs/components/Root.d.ts

@@ -1,4 +1,4 @@
-import React, { type Ref, type HTMLAttributes } from "react";
+import React, { type HTMLAttributes, type Ref } from "react";
 /**
  * Render the root element of the calendar.
  *

package/dist/cjs/components/Root.js

@@ -15,4 +15,3 @@ function Root(props) {
     const { rootRef, ...rest } = props;
     return react_1.default.createElement("div", { ...rest, ref: rootRef });
 }
-//# sourceMappingURL=Root.js.map

package/dist/cjs/components/Select.js

@@ -14,4 +14,3 @@ const react_1 = __importDefault(require("react"));
 function Select(props) {
     return react_1.default.createElement("select", { ...props });
 }
-//# sourceMappingURL=Select.js.map

package/dist/cjs/components/Week.js

@@ -15,4 +15,3 @@ function Week(props) {
     const { week, ...trProps } = props;
     return react_1.default.createElement("tr", { ...trProps });
 }
-//# sourceMappingURL=Week.js.map

package/dist/cjs/components/WeekNumber.js

@@ -15,4 +15,3 @@ function WeekNumber(props) {
     const { week, ...thProps } = props;
     return react_1.default.createElement("th", { ...thProps });
 }
-//# sourceMappingURL=WeekNumber.js.map

package/dist/cjs/components/WeekNumberHeader.js

@@ -14,4 +14,3 @@ const react_1 = __importDefault(require("react"));
 function WeekNumberHeader(props) {
     return react_1.default.createElement("th", { ...props });
 }
-//# sourceMappingURL=WeekNumberHeader.js.map

package/dist/cjs/components/Weekday.js

@@ -14,4 +14,3 @@ const react_1 = __importDefault(require("react"));
 function Weekday(props) {
     return react_1.default.createElement("th", { ...props });
 }
-//# sourceMappingURL=Weekday.js.map

package/dist/cjs/components/Weekdays.js

@@ -15,4 +15,3 @@ function Weekdays(props) {
     return (react_1.default.createElement("thead", { "aria-hidden": true },
         react_1.default.createElement("tr", { ...props })));
 }
-//# sourceMappingURL=Weekdays.js.map

package/dist/cjs/components/Weeks.js

@@ -14,4 +14,3 @@ const react_1 = __importDefault(require("react"));
 function Weeks(props) {
     return react_1.default.createElement("tbody", { ...props });
 }
-//# sourceMappingURL=Weeks.js.map

package/dist/cjs/components/YearsDropdown.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { DropdownProps } from "./Dropdown.js";
+import type { DropdownProps } from "./Dropdown.js";
 /**
  * Render a dropdown to navigate between years in the calendar.
  *

package/dist/cjs/components/YearsDropdown.js

@@ -16,4 +16,3 @@ function YearsDropdown(props) {
     const { components } = (0, useDayPicker_js_1.useDayPicker)();
     return react_1.default.createElement(components.Dropdown, { ...props });
 }
-//# sourceMappingURL=YearsDropdown.js.map