ivt 0.7.3 → 0.7.4

package/dist/chunks/{calendar-DtKpXGXO.mjs → calendar-Co99lCn4.mjs}

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import React__default, { createContext, useContext, useCallback, useRef, useLayoutEffect, useState, useEffect, useMemo } from 'react';
-import { c as cn } from './utils-BqIRZT53.mjs';
-import { t as toDate, c as constructFrom, j as addDays, y as normalizeDates, z as startOfDay, g as getDefaultOptions, A as differenceInCalendarDays, f as format, i as getISOWeek, h as getWeek, B as isDate, e as startOfISOWeek, s as startOfWeek, C as startOfYear, l as enUS } from './format-C24_9AKp.mjs';
-import { C as ChevronLeft } from './chevron-left-DGlHB7Nw.mjs';
-import { C as ChevronRight } from './chevron-right-B6bwFEdI.mjs';
-import { C as ChevronDown } from './chevron-down-gO34wzc7.mjs';
-import { b as buttonVariants, B as Button$1 } from './button-DHQrVlqk.mjs';
+import { c as cn } from './utils-M7D-rn0u.mjs';
+import { t as toDate, c as constructFrom, j as addDays, y as normalizeDates, z as startOfDay, g as getDefaultOptions, l as enUS$1, f as format, A as differenceInCalendarDays, i as getISOWeek, h as getWeek, B as isDate, e as startOfISOWeek, s as startOfWeek, C as startOfYear } from './format-BSPAt__h.mjs';
+import { C as ChevronLeft } from './chevron-left-BpfBwM4S.mjs';
+import { C as ChevronRight } from './chevron-right-uq-O8rwC.mjs';
+import { C as ChevronDown } from './chevron-down-CZjN_vyX.mjs';
+import { b as buttonVariants, B as Button$1 } from './button-DsgJkgEz.mjs';
 
 /**
  * The {@link addMonths} function options.
@@ -1182,6 +1182,74 @@ const FOUR_WEEKS = 4;
     return endDate;
 }
 
+/** English (United States) locale extended with DayPicker-specific translations. */ const enUS = {
+    ...enUS$1,
+    labels: {
+        labelDayButton: (date, modifiers, options, dateLib)=>{
+            let formatDate;
+            if (dateLib && typeof dateLib.format === "function") {
+                formatDate = dateLib.format.bind(dateLib);
+            } else {
+                formatDate = (d, pattern)=>format(d, pattern, {
+                        locale: enUS$1,
+                        ...options
+                    });
+            }
+            let label = formatDate(date, "PPPP");
+            if (modifiers.today) label = `Today, ${label}`;
+            if (modifiers.selected) label = `${label}, selected`;
+            return label;
+        },
+        labelMonthDropdown: "Choose the Month",
+        labelNext: "Go to the Next Month",
+        labelPrevious: "Go to the Previous Month",
+        labelWeekNumber: (weekNumber)=>`Week ${weekNumber}`,
+        labelYearDropdown: "Choose the Year",
+        labelGrid: (date, options, dateLib)=>{
+            let formatDate;
+            if (dateLib && typeof dateLib.format === "function") {
+                formatDate = dateLib.format.bind(dateLib);
+            } else {
+                formatDate = (d, pattern)=>format(d, pattern, {
+                        locale: enUS$1,
+                        ...options
+                    });
+            }
+            return formatDate(date, "LLLL yyyy");
+        },
+        labelGridcell: (date, modifiers, options, dateLib)=>{
+            let formatDate;
+            if (dateLib && typeof dateLib.format === "function") {
+                formatDate = dateLib.format.bind(dateLib);
+            } else {
+                formatDate = (d, pattern)=>format(d, pattern, {
+                        locale: enUS$1,
+                        ...options
+                    });
+            }
+            let label = formatDate(date, "PPPP");
+            if (modifiers?.today) {
+                label = `Today, ${label}`;
+            }
+            return label;
+        },
+        labelNav: "Navigation bar",
+        labelWeekNumberHeader: "Week Number",
+        labelWeekday: (date, options, dateLib)=>{
+            let formatDate;
+            if (dateLib && typeof dateLib.format === "function") {
+                formatDate = dateLib.format.bind(dateLib);
+            } else {
+                formatDate = (d, pattern)=>format(d, pattern, {
+                        locale: enUS$1,
+                        ...options
+                    });
+            }
+            return formatDate(date, "cccc");
+        }
+    }
+};
+
 /**
  * A wrapper class around [date-fns](http://date-fns.org) that provides utility
  * methods for date manipulation and formatting.
@@ -1661,6 +1729,9 @@ DateLib.yearFirstLocales = new Set([
         this.displayMonth = displayMonth;
         this.outside = Boolean(displayMonth && !dateLib.isSameMonth(date, displayMonth));
         this.dateLib = dateLib;
+        this.isoDate = dateLib.format(date, "yyyy-MM-dd");
+        this.displayMonthId = dateLib.format(displayMonth, "yyyy-MM");
+        this.dateMonthId = dateLib.format(date, "yyyy-MM");
     }
 }
 
@@ -2309,7 +2380,7 @@ var components = /*#__PURE__*/Object.freeze({
             return isSameDay(date, matcher);
         }
         if (isDatesArray(matcher, dateLib)) {
-            return matcher.includes(date);
+            return matcher.some((matcherDate)=>isSameDay(date, matcherDate));
         }
         if (isDateRange(matcher)) {
             return rangeIncludesDate(matcher, date, false, dateLib);
@@ -2358,7 +2429,7 @@ var components = /*#__PURE__*/Object.freeze({
  * @param dateLib The date library to use for date manipulation.
  * @returns A function that retrieves the modifiers for a given `CalendarDay`.
  */ function createGetModifiers(days, props, navStart, navEnd, dateLib) {
-    const { disabled, hidden, modifiers, showOutsideDays, broadcastCalendar, today } = props;
+    const { disabled, hidden, modifiers, showOutsideDays, broadcastCalendar, today = dateLib.today() } = props;
     const { isSameDay, isSameMonth, startOfMonth, isBefore, endOfMonth, isAfter } = dateLib;
     const computedNavStart = navStart && startOfMonth(navStart);
     const computedNavEnd = navEnd && endOfMonth(navEnd);
@@ -2378,7 +2449,7 @@ var components = /*#__PURE__*/Object.freeze({
         const isDisabled = Boolean(disabled && dateMatchModifiers(date, disabled, dateLib));
         const isHidden = Boolean(hidden && dateMatchModifiers(date, hidden, dateLib)) || isBeforeNavStart || isAfterNavEnd || // Broadcast calendar will show outside days as default
         !broadcastCalendar && !showOutsideDays && isOutside || broadcastCalendar && showOutsideDays === false && isOutside;
-        const isToday = isSameDay(date, today ?? dateLib.today());
+        const isToday = isSameDay(date, today);
         if (isOutside) internalModifiersMap.outside.push(day);
         if (isDisabled) internalModifiersMap.disabled.push(day);
         if (isHidden) internalModifiersMap.hidden.push(day);
@@ -2661,116 +2732,6 @@ var defaultFormatters = /*#__PURE__*/Object.freeze({
     };
 }
 
-/**
- * Returns the months to show in the dropdown.
- *
- * This function generates a list of months for the current year, formatted
- * using the provided formatter, and determines whether each month should be
- * disabled based on the navigation range.
- *
- * @param displayMonth The currently displayed month.
- * @param navStart The start date for navigation.
- * @param navEnd The end date for navigation.
- * @param formatters The formatters to use for formatting the month labels.
- * @param dateLib The date library to use for date manipulation.
- * @returns An array of dropdown options representing the months, or `undefined`
- *   if no months are available.
- */ function getMonthOptions(displayMonth, navStart, navEnd, formatters, dateLib) {
-    const { startOfMonth, startOfYear, endOfYear, eachMonthOfInterval, getMonth } = dateLib;
-    const months = eachMonthOfInterval({
-        start: startOfYear(displayMonth),
-        end: endOfYear(displayMonth)
-    });
-    const options = months.map((month)=>{
-        const label = formatters.formatMonthDropdown(month, dateLib);
-        const value = getMonth(month);
-        const disabled = navStart && month < startOfMonth(navStart) || navEnd && month > startOfMonth(navEnd) || false;
-        return {
-            value,
-            label,
-            disabled
-        };
-    });
-    return options;
-}
-
-/**
- * Returns the computed style for a day based on its modifiers.
- *
- * This function merges the base styles for the day with any styles associated
- * with active modifiers.
- *
- * @param dayModifiers The modifiers applied to the day.
- * @param styles The base styles for the calendar elements.
- * @param modifiersStyles The styles associated with specific modifiers.
- * @returns The computed style for the day.
- */ function getStyleForModifiers(dayModifiers, styles = {}, modifiersStyles = {}) {
-    let style = {
-        ...styles?.[UI.Day]
-    };
-    Object.entries(dayModifiers).filter(([, active])=>active === true).forEach(([modifier])=>{
-        style = {
-            ...style,
-            ...modifiersStyles?.[modifier]
-        };
-    });
-    return style;
-}
-
-/**
- * Generates a series of 7 days, starting from the beginning of the week, to use
- * for formatting weekday names (e.g., Monday, Tuesday, etc.).
- *
- * @param dateLib The date library to use for date manipulation.
- * @param ISOWeek Whether to use ISO week numbering (weeks start on Monday).
- * @param broadcastCalendar Whether to use the broadcast calendar (weeks start
- *   on Monday, but may include adjustments for broadcast-specific rules).
- * @returns An array of 7 dates representing the weekdays.
- */ function getWeekdays(dateLib, ISOWeek, broadcastCalendar) {
-    const today = dateLib.today();
-    const start = ISOWeek ? dateLib.startOfISOWeek(today) : dateLib.startOfWeek(today);
-    const days = [];
-    for(let i = 0; i < 7; i++){
-        const day = dateLib.addDays(start, i);
-        days.push(day);
-    }
-    return days;
-}
-
-/**
- * Returns the years to display in the dropdown.
- *
- * This function generates a list of years between the navigation start and end
- * dates, formatted using the provided formatter.
- *
- * @param navStart The start date for navigation.
- * @param navEnd The end date for navigation.
- * @param formatters The formatters to use for formatting the year labels.
- * @param dateLib The date library to use for date manipulation.
- * @param reverse If true, reverses the order of the years (descending).
- * @returns An array of dropdown options representing the years, or `undefined`
- *   if `navStart` or `navEnd` is not provided.
- */ function getYearOptions(navStart, navEnd, formatters, dateLib, reverse = false) {
-    if (!navStart) return undefined;
-    if (!navEnd) return undefined;
-    const { startOfYear, endOfYear, eachYearOfInterval, getYear } = dateLib;
-    const firstNavYear = startOfYear(navStart);
-    const lastNavYear = endOfYear(navEnd);
-    const years = eachYearOfInterval({
-        start: firstNavYear,
-        end: lastNavYear
-    });
-    if (reverse) years.reverse();
-    return years.map((year)=>{
-        const label = formatters.formatYearDropdown(year, dateLib);
-        return {
-            value: getYear(year),
-            label,
-            disabled: false
-        };
-    });
-}
-
 /**
  * Generates the ARIA label for a day button.
  *
@@ -2857,6 +2818,7 @@ var defaultFormatters = /*#__PURE__*/Object.freeze({
     return "";
 }
 
+const defaultLabel = "Go to the Next Month";
 /**
  * Generates the ARIA label for the "next month" button.
  *
@@ -2866,8 +2828,8 @@ var defaultFormatters = /*#__PURE__*/Object.freeze({
  * @returns The ARIA label for the "next month" button.
  * @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;
 }
 
 /**
@@ -2951,6 +2913,297 @@ var defaultLabels = /*#__PURE__*/Object.freeze({
   labelYearDropdown: labelYearDropdown
 });
 
+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.
+ * @param options Options from the date library, used to resolve locale
+ *   translations.
+ * @returns The merged labels object with locale-aware defaults.
+ */ function getLabels(customLabels, options) {
+    const localeLabels = options.locale?.labels ?? {};
+    return {
+        ...defaultLabels,
+        ...customLabels ?? {},
+        labelDayButton: resolveLabel(labelDayButton, customLabels?.labelDayButton, localeLabels.labelDayButton),
+        labelMonthDropdown: resolveLabel(labelMonthDropdown, customLabels?.labelMonthDropdown, localeLabels.labelMonthDropdown),
+        labelNext: resolveLabel(labelNext, customLabels?.labelNext, localeLabels.labelNext),
+        labelPrevious: resolveLabel(labelPrevious, customLabels?.labelPrevious, localeLabels.labelPrevious),
+        labelWeekNumber: resolveLabel(labelWeekNumber, customLabels?.labelWeekNumber, localeLabels.labelWeekNumber),
+        labelYearDropdown: resolveLabel(labelYearDropdown, customLabels?.labelYearDropdown, localeLabels.labelYearDropdown),
+        labelGrid: resolveLabel(labelGrid, customLabels?.labelGrid, localeLabels.labelGrid),
+        labelGridcell: resolveLabel(labelGridcell, customLabels?.labelGridcell, localeLabels.labelGridcell),
+        labelNav: resolveLabel(labelNav, customLabels?.labelNav, localeLabels.labelNav),
+        labelWeekNumberHeader: resolveLabel(labelWeekNumberHeader, customLabels?.labelWeekNumberHeader, localeLabels.labelWeekNumberHeader),
+        labelWeekday: resolveLabel(labelWeekday, customLabels?.labelWeekday, localeLabels.labelWeekday)
+    };
+}
+
+/**
+ * Returns the months to show in the dropdown.
+ *
+ * This function generates a list of months for the current year, formatted
+ * using the provided formatter, and determines whether each month should be
+ * disabled based on the navigation range.
+ *
+ * @param displayMonth The currently displayed month.
+ * @param navStart The start date for navigation.
+ * @param navEnd The end date for navigation.
+ * @param formatters The formatters to use for formatting the month labels.
+ * @param dateLib The date library to use for date manipulation.
+ * @returns An array of dropdown options representing the months, or `undefined`
+ *   if no months are available.
+ */ function getMonthOptions(displayMonth, navStart, navEnd, formatters, dateLib) {
+    const { startOfMonth, startOfYear, endOfYear, eachMonthOfInterval, getMonth } = dateLib;
+    const months = eachMonthOfInterval({
+        start: startOfYear(displayMonth),
+        end: endOfYear(displayMonth)
+    });
+    const options = months.map((month)=>{
+        const label = formatters.formatMonthDropdown(month, dateLib);
+        const value = getMonth(month);
+        const disabled = navStart && month < startOfMonth(navStart) || navEnd && month > startOfMonth(navEnd) || false;
+        return {
+            value,
+            label,
+            disabled
+        };
+    });
+    return options;
+}
+
+/**
+ * Returns the computed style for a day based on its modifiers.
+ *
+ * This function merges the base styles for the day with any styles associated
+ * with active modifiers.
+ *
+ * @param dayModifiers The modifiers applied to the day.
+ * @param styles The base styles for the calendar elements.
+ * @param modifiersStyles The styles associated with specific modifiers.
+ * @returns The computed style for the day.
+ */ function getStyleForModifiers(dayModifiers, styles = {}, modifiersStyles = {}) {
+    let style = {
+        ...styles?.[UI.Day]
+    };
+    Object.entries(dayModifiers).filter(([, active])=>active === true).forEach(([modifier])=>{
+        style = {
+            ...style,
+            ...modifiersStyles?.[modifier]
+        };
+    });
+    return style;
+}
+
+/**
+ * Generates a series of 7 days, starting from the beginning of the week, to use
+ * for formatting weekday names (e.g., Monday, Tuesday, etc.).
+ *
+ * @param dateLib The date library to use for date manipulation.
+ * @param ISOWeek Whether to use ISO week numbering (weeks start on Monday).
+ * @param broadcastCalendar Whether to use the broadcast calendar (weeks start
+ *   on Monday, but may include adjustments for broadcast-specific rules).
+ * @returns An array of 7 dates representing the weekdays.
+ */ function getWeekdays(dateLib, ISOWeek, broadcastCalendar, today) {
+    const referenceToday = today ?? dateLib.today();
+    const start = broadcastCalendar ? dateLib.startOfBroadcastWeek(referenceToday, dateLib) : ISOWeek ? dateLib.startOfISOWeek(referenceToday) : dateLib.startOfWeek(referenceToday);
+    const days = [];
+    for(let i = 0; i < 7; i++){
+        const day = dateLib.addDays(start, i);
+        days.push(day);
+    }
+    return days;
+}
+
+/**
+ * Returns the years to display in the dropdown.
+ *
+ * This function generates a list of years between the navigation start and end
+ * dates, formatted using the provided formatter.
+ *
+ * @param navStart The start date for navigation.
+ * @param navEnd The end date for navigation.
+ * @param formatters The formatters to use for formatting the year labels.
+ * @param dateLib The date library to use for date manipulation.
+ * @param reverse If true, reverses the order of the years (descending).
+ * @returns An array of dropdown options representing the years, or `undefined`
+ *   if `navStart` or `navEnd` is not provided.
+ */ function getYearOptions(navStart, navEnd, formatters, dateLib, reverse = false) {
+    if (!navStart) return undefined;
+    if (!navEnd) return undefined;
+    const { startOfYear, endOfYear, eachYearOfInterval, getYear } = dateLib;
+    const firstNavYear = startOfYear(navStart);
+    const lastNavYear = endOfYear(navEnd);
+    const years = eachYearOfInterval({
+        start: firstNavYear,
+        end: lastNavYear
+    });
+    if (reverse) years.reverse();
+    return years.map((year)=>{
+        const label = formatters.formatYearDropdown(year, dateLib);
+        return {
+            value: getYear(year),
+            label,
+            disabled: false
+        };
+    });
+}
+
+/**
+ * Creates `dateLib` overrides that keep all calendar math at noon in the target
+ * time zone. This avoids second-level offset changes (e.g., historical zones
+ * with +03:41:12) from pushing dates backward across midnight.
+ */ function createNoonOverrides(timeZone, options = {}) {
+    const { weekStartsOn, locale } = options;
+    const fallbackWeekStartsOn = weekStartsOn ?? locale?.options?.weekStartsOn ?? 0;
+    // Keep all internal math anchored at noon in the target zone to avoid
+    // historical second-level offsets from crossing midnight.
+    const toNoonTZDate = (date)=>{
+        const normalizedDate = typeof date === "number" || typeof date === "string" ? new Date(date) : date;
+        return new TZDate(normalizedDate.getFullYear(), normalizedDate.getMonth(), normalizedDate.getDate(), 12, 0, 0, timeZone);
+    };
+    // Convert a value into a host `Date` that represents the same calendar day
+    // as the target-zone noon. This is useful for helpers (e.g., date-fns week
+    // utilities) that expect local `Date` instances rather than `TZDate`s.
+    const toCalendarDate = (date)=>{
+        const zoned = toNoonTZDate(date);
+        return new Date(zoned.getFullYear(), zoned.getMonth(), zoned.getDate(), 0, 0, 0, 0);
+    };
+    return {
+        today: ()=>{
+            return toNoonTZDate(TZDate.tz(timeZone));
+        },
+        newDate: (year, monthIndex, date)=>{
+            return new TZDate(year, monthIndex, date, 12, 0, 0, timeZone);
+        },
+        startOfDay: (date)=>{
+            return toNoonTZDate(date);
+        },
+        startOfWeek: (date, options)=>{
+            const base = toNoonTZDate(date);
+            const weekStartsOnValue = options?.weekStartsOn ?? fallbackWeekStartsOn;
+            const diff = (base.getDay() - weekStartsOnValue + 7) % 7;
+            base.setDate(base.getDate() - diff);
+            return base;
+        },
+        startOfISOWeek: (date)=>{
+            const base = toNoonTZDate(date);
+            const diff = (base.getDay() - 1 + 7) % 7;
+            base.setDate(base.getDate() - diff);
+            return base;
+        },
+        startOfMonth: (date)=>{
+            const base = toNoonTZDate(date);
+            base.setDate(1);
+            return base;
+        },
+        startOfYear: (date)=>{
+            const base = toNoonTZDate(date);
+            base.setMonth(0, 1);
+            return base;
+        },
+        endOfWeek: (date, options)=>{
+            const base = toNoonTZDate(date);
+            const weekStartsOnValue = options?.weekStartsOn ?? fallbackWeekStartsOn;
+            const endDow = (weekStartsOnValue + 6) % 7;
+            const diff = (endDow - base.getDay() + 7) % 7;
+            base.setDate(base.getDate() + diff);
+            return base;
+        },
+        endOfISOWeek: (date)=>{
+            const base = toNoonTZDate(date);
+            const diff = (7 - base.getDay()) % 7;
+            base.setDate(base.getDate() + diff);
+            return base;
+        },
+        endOfMonth: (date)=>{
+            const base = toNoonTZDate(date);
+            base.setMonth(base.getMonth() + 1, 0);
+            return base;
+        },
+        endOfYear: (date)=>{
+            const base = toNoonTZDate(date);
+            base.setMonth(11, 31);
+            return base;
+        },
+        eachMonthOfInterval: (interval)=>{
+            const start = toNoonTZDate(interval.start);
+            const end = toNoonTZDate(interval.end);
+            const result = [];
+            const cursor = new TZDate(start.getFullYear(), start.getMonth(), 1, 12, 0, 0, timeZone);
+            const endKey = end.getFullYear() * 12 + end.getMonth();
+            while(cursor.getFullYear() * 12 + cursor.getMonth() <= endKey){
+                result.push(new TZDate(cursor, timeZone));
+                cursor.setMonth(cursor.getMonth() + 1, 1);
+            }
+            return result;
+        },
+        // Normalize to noon once before arithmetic (avoid DST/midnight edge cases),
+        // mutate the same TZDate, and return it.
+        addDays: (date, amount)=>{
+            const base = toNoonTZDate(date);
+            base.setDate(base.getDate() + amount);
+            return base;
+        },
+        addWeeks: (date, amount)=>{
+            const base = toNoonTZDate(date);
+            base.setDate(base.getDate() + amount * 7);
+            return base;
+        },
+        addMonths: (date, amount)=>{
+            const base = toNoonTZDate(date);
+            base.setMonth(base.getMonth() + amount);
+            return base;
+        },
+        addYears: (date, amount)=>{
+            const base = toNoonTZDate(date);
+            base.setFullYear(base.getFullYear() + amount);
+            return base;
+        },
+        eachYearOfInterval: (interval)=>{
+            const start = toNoonTZDate(interval.start);
+            const end = toNoonTZDate(interval.end);
+            const years = [];
+            const cursor = new TZDate(start.getFullYear(), 0, 1, 12, 0, 0, timeZone);
+            while(cursor.getFullYear() <= end.getFullYear()){
+                years.push(new TZDate(cursor, timeZone));
+                cursor.setFullYear(cursor.getFullYear() + 1, 0, 1);
+            }
+            return years;
+        },
+        getWeek: (date, options)=>{
+            const base = toCalendarDate(date);
+            return getWeek(base, {
+                weekStartsOn: options?.weekStartsOn ?? fallbackWeekStartsOn,
+                firstWeekContainsDate: options?.firstWeekContainsDate ?? locale?.options?.firstWeekContainsDate ?? 1
+            });
+        },
+        getISOWeek: (date)=>{
+            const base = toCalendarDate(date);
+            return getISOWeek(base);
+        },
+        differenceInCalendarDays: (dateLeft, dateRight)=>{
+            const left = toCalendarDate(dateLeft);
+            const right = toCalendarDate(dateRight);
+            return differenceInCalendarDays(left, right);
+        },
+        differenceInCalendarMonths: (dateLeft, dateRight)=>{
+            const left = toCalendarDate(dateLeft);
+            const right = toCalendarDate(dateRight);
+            return differenceInCalendarMonths(left, right);
+        }
+    };
+}
+
 const asHtmlElement = (element)=>{
     if (element instanceof HTMLElement) return element;
     return null;
@@ -3114,15 +3367,16 @@ const queryWeekdaysEl = (element)=>asHtmlElement(element.querySelector("[data-an
     const { ISOWeek, fixedWeeks, broadcastCalendar } = props ?? {};
     const { addDays, differenceInCalendarDays, differenceInCalendarMonths, endOfBroadcastWeek, endOfISOWeek, endOfMonth, endOfWeek, isAfter, startOfBroadcastWeek, startOfISOWeek, startOfWeek } = dateLib;
     const startWeekFirstDate = broadcastCalendar ? startOfBroadcastWeek(firstMonth, dateLib) : ISOWeek ? startOfISOWeek(firstMonth) : startOfWeek(firstMonth);
-    const endWeekLastDate = broadcastCalendar ? endOfBroadcastWeek(lastMonth) : ISOWeek ? endOfISOWeek(endOfMonth(lastMonth)) : endOfWeek(endOfMonth(lastMonth));
-    const nOfDays = differenceInCalendarDays(endWeekLastDate, startWeekFirstDate);
+    const displayMonthsWeekEnd = broadcastCalendar ? endOfBroadcastWeek(lastMonth) : ISOWeek ? endOfISOWeek(endOfMonth(lastMonth)) : endOfWeek(endOfMonth(lastMonth));
+    // 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
@@ -3430,13 +3684,47 @@ const queryWeekdaysEl = (element)=>asHtmlElement(element.querySelector("[data-an
     }, [
         props.timeZone
     ]);
-    /** The months displayed in the calendar. */ const displayMonths = getDisplayMonths(firstMonth, navEnd, props, dateLib);
-    /** The dates displayed in the calendar. */ const dates = getDates(displayMonths, props.endMonth ? endOfMonth(props.endMonth) : undefined, props, dateLib);
-    /** The Months displayed in the calendar. */ const months = getMonths(displayMonths, dates, props, dateLib);
-    /** The Weeks displayed in the calendar. */ const weeks = getWeeks(months);
-    /** The Days displayed in the calendar. */ const days = getDays(months);
-    const previousMonth = getPreviousMonth(firstMonth, navStart, props, dateLib);
-    const nextMonth = getNextMonth(firstMonth, navEnd, props, dateLib);
+    /** The months displayed in the calendar. */ // biome-ignore lint/correctness/useExhaustiveDependencies: We want to recompute only when specific props change.
+    const { months, weeks, days, previousMonth, nextMonth } = useMemo(()=>{
+        const displayMonths = getDisplayMonths(firstMonth, navEnd, {
+            numberOfMonths: props.numberOfMonths
+        }, dateLib);
+        const dates = getDates(displayMonths, props.endMonth ? endOfMonth(props.endMonth) : undefined, {
+            ISOWeek: props.ISOWeek,
+            fixedWeeks: props.fixedWeeks,
+            broadcastCalendar: props.broadcastCalendar
+        }, dateLib);
+        const months = getMonths(displayMonths, dates, {
+            broadcastCalendar: props.broadcastCalendar,
+            fixedWeeks: props.fixedWeeks,
+            ISOWeek: props.ISOWeek,
+            reverseMonths: props.reverseMonths
+        }, dateLib);
+        const weeks = getWeeks(months);
+        const days = getDays(months);
+        const previousMonth = getPreviousMonth(firstMonth, navStart, props, dateLib);
+        const nextMonth = getNextMonth(firstMonth, navEnd, props, dateLib);
+        return {
+            months,
+            weeks,
+            days,
+            previousMonth,
+            nextMonth
+        };
+    }, [
+        dateLib,
+        firstMonth.getTime(),
+        navEnd?.getTime(),
+        navStart?.getTime(),
+        props.disableNavigation,
+        props.broadcastCalendar,
+        props.endMonth?.getTime(),
+        props.fixedWeeks,
+        props.ISOWeek,
+        props.numberOfMonths,
+        props.pagedNavigation,
+        props.reverseMonths
+    ]);
     const { disableNavigation, onMonthChange } = props;
     const isDayInCalendar = (day)=>weeks.some((week)=>week.days.some((d)=>d.isEqualTo(day)));
     const goToMonth = (date)=>{
@@ -4042,6 +4330,72 @@ var FocusTargetPriority;
     }
 }
 
+/**
+ * Convert a {@link Date} or {@link TZDate} instance to the given time zone.
+ * Reuses the same instance when it is already a {@link TZDate} using the target
+ * time zone to avoid extra allocations.
+ */ function toTimeZone(date, timeZone) {
+    if (date instanceof TZDate && date.timeZone === timeZone) {
+        return date;
+    }
+    return new TZDate(date, timeZone);
+}
+
+function toZoneNoon(date, timeZone, noonSafe) {
+    return toTimeZone(date, timeZone);
+}
+function convertMatcher(matcher, timeZone, noonSafe) {
+    if (typeof matcher === "boolean" || typeof matcher === "function") {
+        return matcher;
+    }
+    if (matcher instanceof Date) {
+        return toZoneNoon(matcher, timeZone);
+    }
+    if (Array.isArray(matcher)) {
+        return matcher.map((value)=>value instanceof Date ? toZoneNoon(value, timeZone) : value);
+    }
+    if (isDateRange(matcher)) {
+        return {
+            ...matcher,
+            from: matcher.from ? toTimeZone(matcher.from, timeZone) : matcher.from,
+            to: matcher.to ? toTimeZone(matcher.to, timeZone) : matcher.to
+        };
+    }
+    if (isDateInterval(matcher)) {
+        return {
+            before: toZoneNoon(matcher.before, timeZone),
+            after: toZoneNoon(matcher.after, timeZone)
+        };
+    }
+    if (isDateAfterType(matcher)) {
+        return {
+            after: toZoneNoon(matcher.after, timeZone)
+        };
+    }
+    if (isDateBeforeType(matcher)) {
+        return {
+            before: toZoneNoon(matcher.before, timeZone)
+        };
+    }
+    return matcher;
+}
+/**
+ * Convert any {@link Matcher} or array of matchers to the specified time zone.
+ *
+ * @param matchers - The matcher or matchers to convert.
+ * @param timeZone - The target IANA time zone.
+ * @returns The converted matcher(s).
+ * @group Utilities
+ */ function convertMatchersToTimeZone(matchers, timeZone, noonSafe) {
+    if (!matchers) {
+        return matchers;
+    }
+    if (Array.isArray(matchers)) {
+        return matchers.map((matcher)=>convertMatcher(matcher, timeZone));
+    }
+    return convertMatcher(matchers, timeZone);
+}
+
 /**
  * Renders the DayPicker calendar component.
  *
@@ -4051,58 +4405,79 @@ var FocusTargetPriority;
  * @see https://daypicker.dev
  */ function DayPicker(initialProps) {
     let props = initialProps;
-    if (props.timeZone) {
+    const timeZone = props.timeZone;
+    if (timeZone) {
         props = {
-            ...initialProps
+            ...initialProps,
+            timeZone
         };
         if (props.today) {
-            props.today = new TZDate(props.today, props.timeZone);
+            props.today = toTimeZone(props.today, timeZone);
         }
         if (props.month) {
-            props.month = new TZDate(props.month, props.timeZone);
+            props.month = toTimeZone(props.month, timeZone);
         }
         if (props.defaultMonth) {
-            props.defaultMonth = new TZDate(props.defaultMonth, props.timeZone);
+            props.defaultMonth = toTimeZone(props.defaultMonth, timeZone);
         }
         if (props.startMonth) {
-            props.startMonth = new TZDate(props.startMonth, props.timeZone);
+            props.startMonth = toTimeZone(props.startMonth, timeZone);
         }
         if (props.endMonth) {
-            props.endMonth = new TZDate(props.endMonth, props.timeZone);
+            props.endMonth = toTimeZone(props.endMonth, timeZone);
         }
         if (props.mode === "single" && props.selected) {
-            props.selected = new TZDate(props.selected, props.timeZone);
+            props.selected = toTimeZone(props.selected, timeZone);
         } else if (props.mode === "multiple" && props.selected) {
-            props.selected = props.selected?.map((date)=>new TZDate(date, props.timeZone));
+            props.selected = props.selected?.map((date)=>toTimeZone(date, timeZone));
         } else if (props.mode === "range" && props.selected) {
             props.selected = {
-                from: props.selected.from ? new TZDate(props.selected.from, props.timeZone) : undefined,
-                to: props.selected.to ? new TZDate(props.selected.to, props.timeZone) : undefined
+                from: props.selected.from ? toTimeZone(props.selected.from, timeZone) : props.selected.from,
+                to: props.selected.to ? toTimeZone(props.selected.to, timeZone) : props.selected.to
             };
         }
+        if (props.disabled !== undefined) {
+            props.disabled = convertMatchersToTimeZone(props.disabled, timeZone);
+        }
+        if (props.hidden !== undefined) {
+            props.hidden = convertMatchersToTimeZone(props.hidden, timeZone);
+        }
+        if (props.modifiers) {
+            const nextModifiers = {};
+            Object.keys(props.modifiers).forEach((key)=>{
+                nextModifiers[key] = convertMatchersToTimeZone(props.modifiers?.[key], timeZone);
+            });
+            props.modifiers = nextModifiers;
+        }
     }
     const { components, formatters, labels, dateLib, locale, classNames } = useMemo(()=>{
         const locale = {
             ...enUS,
             ...props.locale
         };
+        const weekStartsOn = props.broadcastCalendar ? 1 : props.weekStartsOn;
+        const noonOverrides = props.noonSafe && props.timeZone ? createNoonOverrides(props.timeZone, {
+            weekStartsOn,
+            locale
+        }) : undefined;
+        const overrides = props.dateLib && noonOverrides ? {
+            ...noonOverrides,
+            ...props.dateLib
+        } : props.dateLib ?? noonOverrides;
         const dateLib = new DateLib({
             locale,
-            weekStartsOn: props.broadcastCalendar ? 1 : props.weekStartsOn,
+            weekStartsOn,
             firstWeekContainsDate: props.firstWeekContainsDate,
             useAdditionalWeekYearTokens: props.useAdditionalWeekYearTokens,
             useAdditionalDayOfYearTokens: props.useAdditionalDayOfYearTokens,
             timeZone: props.timeZone,
             numerals: props.numerals
-        }, props.dateLib);
+        }, overrides);
         return {
             dateLib,
             components: getComponents(props.components),
             formatters: getFormatters(props.formatters),
-            labels: {
-                ...defaultLabels,
-                ...props.labels
-            },
+            labels: getLabels(props.labels, dateLib.options),
             locale,
             classNames: {
                 ...getDefaultClassNames(),
@@ -4119,11 +4494,18 @@ var FocusTargetPriority;
         props.timeZone,
         props.numerals,
         props.dateLib,
+        props.noonSafe,
         props.components,
         props.formatters,
         props.labels,
         props.classNames
     ]);
+    if (!props.today) {
+        props = {
+            ...props,
+            today: dateLib.today()
+        };
+    }
     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 = useCalendar(props, dateLib);
@@ -4132,9 +4514,11 @@ var FocusTargetPriority;
     const { isSelected, select, selected: selectedValue } = useSelection(props, dateLib) ?? {};
     const { blur, focused, isFocusTarget, moveFocus, setFocused } = useFocus(props, calendar, getModifiers, isSelected ?? (()=>false), dateLib);
     const { labelDayButton, labelGridcell, labelGrid, labelMonthDropdown, labelNav, labelPrevious, labelNext, labelWeekday, labelWeekNumber, labelWeekNumberHeader, labelYearDropdown } = labels;
-    const weekdays = useMemo(()=>getWeekdays(dateLib, props.ISOWeek), [
+    const weekdays = useMemo(()=>getWeekdays(dateLib, props.ISOWeek, props.broadcastCalendar, props.today), [
         dateLib,
-        props.ISOWeek
+        props.ISOWeek,
+        props.broadcastCalendar,
+        props.today
     ]);
     const isInteractive = mode !== undefined || onDayClick !== undefined;
     const handlePreviousClick = useCallback(()=>{
@@ -4159,6 +4543,9 @@ var FocusTargetPriority;
             e.preventDefault();
             e.stopPropagation();
             setFocused(day);
+            if (m.disabled) {
+                return;
+            }
             select?.(day.date, m, e);
             onDayClick?.(day.date, m, e);
         }, [
@@ -4401,8 +4788,7 @@ var FocusTargetPriority;
                 whiteSpace: "nowrap",
                 wordWrap: "normal"
             }
-        }, formatCaption(calendarMonth.date, dateLib.options, dateLib))) : // biome-ignore lint/a11y/useSemanticElements: breaking change
-        React__default.createElement(components.CaptionLabel, {
+        }, formatCaption(calendarMonth.date, dateLib.options, dateLib))) : React__default.createElement(components.CaptionLabel, {
             className: classNames[UI.CaptionLabel],
             role: "status",
             "aria-live": "polite"
@@ -4458,8 +4844,7 @@ var FocusTargetPriority;
                 key: week.weekNumber,
                 style: styles?.[UI.Week],
                 week: week
-            }, showWeekNumber && // biome-ignore lint/a11y/useSemanticElements: react component
-            React__default.createElement(components.WeekNumber, {
+            }, showWeekNumber && React__default.createElement(components.WeekNumber, {
                 week: week,
                 style: styles?.[UI.WeekNumber],
                 "aria-label": labelWeekNumber(week.weekNumber, {
@@ -4483,9 +4868,8 @@ var FocusTargetPriority;
                 const style = getStyleForModifiers(modifiers, styles, props.modifiersStyles);
                 const className = getClassNamesForModifiers(modifiers, classNames, props.modifiersClassNames);
                 const ariaLabel = !isInteractive && !modifiers.hidden ? labelGridcell(date, modifiers, dateLib.options, dateLib) : undefined;
-                return(// biome-ignore lint/a11y/useSemanticElements: react component
-                React__default.createElement(components.Day, {
-                    key: `${dateLib.format(date, "yyyy-MM-dd")}_${dateLib.format(day.displayMonth, "yyyy-MM")}`,
+                return React__default.createElement(components.Day, {
+                    key: `${day.isoDate}_${day.displayMonthId}`,
                     day: day,
                     modifiers: modifiers,
                     className: className.join(" "),
@@ -4493,8 +4877,8 @@ var FocusTargetPriority;
                     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-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,
@@ -4507,7 +4891,8 @@ var FocusTargetPriority;
                     type: "button",
                     day: day,
                     modifiers: modifiers,
-                    disabled: modifiers.disabled || undefined,
+                    disabled: !modifiers.focused && modifiers.disabled || undefined,
+                    "aria-disabled": modifiers.focused && modifiers.disabled || undefined,
                     tabIndex: isFocusTarget(day) ? 0 : -1,
                     "aria-label": labelDayButton(date, modifiers, dateLib.options, dateLib),
                     onClick: handleDayClick(day, modifiers),
@@ -4516,11 +4901,10 @@ var FocusTargetPriority;
                     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)));
+                }, formatDay(date, dateLib.options, dateLib)) : !modifiers.hidden && formatDay(day.date, dateLib.options, dateLib));
             }));
         }))));
-    })), props.footer && // biome-ignore lint/a11y/useSemanticElements: react component
-    React__default.createElement(components.Footer, {
+    })), props.footer && React__default.createElement(components.Footer, {
         className: classNames[UI.Footer],
         style: styles?.[UI.Footer],
         role: "status",
@@ -4635,4 +5019,4 @@ function CalendarDayButton({ className, day, modifiers, ...props }) {
 }
 
 export { Calendar as C, CalendarDayButton as a, addMonths as b };
-//# sourceMappingURL=calendar-DtKpXGXO.mjs.map
+//# sourceMappingURL=calendar-Co99lCn4.mjs.map