react-day-picker 9.13.2 → 10.0.0-next.0

package/dist/cjs/formatters/formatCaption.js

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatMonthCaption = void 0;
 exports.formatCaption = formatCaption;
 const DateLib_js_1 = require("../classes/DateLib.js");
 /**
@@ -19,9 +18,3 @@ function formatCaption(month, options, dateLib) {
     const lib = dateLib ?? new DateLib_js_1.DateLib(options);
     return lib.formatMonthYear(month);
 }
-/**
- * @private
- * @deprecated Use {@link formatCaption} instead.
- * @group Formatters
- */
-exports.formatMonthCaption = formatCaption;

package/dist/cjs/formatters/formatYearDropdown.d.ts

@@ -10,9 +10,3 @@ import { type DateLib } from "../classes/DateLib.js";
  * @see https://daypicker.dev/docs/translation#custom-formatters
  */
 export declare function formatYearDropdown(year: Date, dateLib?: DateLib): string;
-/**
- * @private
- * @deprecated Use `formatYearDropdown` instead.
- * @group Formatters
- */
-export declare const formatYearCaption: typeof formatYearDropdown;

package/dist/cjs/formatters/formatYearDropdown.js

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatYearCaption = void 0;
 exports.formatYearDropdown = formatYearDropdown;
 const DateLib_js_1 = require("../classes/DateLib.js");
 /**
@@ -16,9 +15,3 @@ const DateLib_js_1 = require("../classes/DateLib.js");
 function formatYearDropdown(year, dateLib = DateLib_js_1.defaultDateLib) {
     return dateLib.format(year, "yyyy");
 }
-/**
- * @private
- * @deprecated Use `formatYearDropdown` instead.
- * @group Formatters
- */
-exports.formatYearCaption = formatYearDropdown;

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

@@ -11,10 +11,8 @@ export declare function getFormatters(customFormatters: DayPickerProps["formatte
     formatCaption: typeof defaultFormatters.formatCaption;
     formatDay: typeof defaultFormatters.formatDay;
     formatMonthDropdown: typeof defaultFormatters.formatMonthDropdown;
-    formatMonthCaption: typeof defaultFormatters.formatMonthCaption;
     formatWeekNumber: typeof defaultFormatters.formatWeekNumber;
     formatWeekNumberHeader: typeof defaultFormatters.formatWeekNumberHeader;
     formatWeekdayName: typeof defaultFormatters.formatWeekdayName;
     formatYearDropdown: typeof defaultFormatters.formatYearDropdown;
-    formatYearCaption: typeof defaultFormatters.formatYearCaption;
 };

package/dist/cjs/helpers/getFormatters.js

@@ -43,13 +43,6 @@ const defaultFormatters = __importStar(require("../formatters/index.js"));
  * @returns The merged formatters object.
  */
 function getFormatters(customFormatters) {
-    if (customFormatters?.formatMonthCaption && !customFormatters.formatCaption) {
-        customFormatters.formatCaption = customFormatters.formatMonthCaption;
-    }
-    if (customFormatters?.formatYearCaption &&
-        !customFormatters.formatYearDropdown) {
-        customFormatters.formatYearDropdown = customFormatters.formatYearCaption;
-    }
     return {
         ...defaultFormatters,
         ...customFormatters,

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

@@ -11,4 +11,4 @@ import type { DayPickerProps } from "../types/props.js";
  * @param dateLib The date library to use for date manipulation.
  * @returns The initial month to display.
  */
-export declare function getInitialMonth(props: Pick<DayPickerProps, "fromYear" | "toYear" | "month" | "defaultMonth" | "today" | "numberOfMonths" | "timeZone">, navStart: Date | undefined, navEnd: Date | undefined, dateLib: DateLib): Date;
+export declare function getInitialMonth(props: Pick<DayPickerProps, "month" | "defaultMonth" | "today" | "numberOfMonths" | "timeZone">, navStart: Date | undefined, navEnd: Date | undefined, dateLib: DateLib): Date;

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

@@ -7,4 +7,4 @@ import type { DayPickerProps } from "../types/index.js";
  * @param dateLib The date library to use for date manipulation.
  * @returns A tuple containing the start and end months for navigation.
  */
-export declare function getNavMonths(props: Pick<DayPickerProps, "captionLayout" | "endMonth" | "startMonth" | "today" | "timeZone" | "fromMonth" | "fromYear" | "toMonth" | "toYear">, dateLib: DateLib): [start: Date | undefined, end: Date | undefined];
+export declare function getNavMonths(props: Pick<DayPickerProps, "captionLayout" | "endMonth" | "startMonth" | "today" | "timeZone">, dateLib: DateLib): [start: Date | undefined, end: Date | undefined];

package/dist/cjs/helpers/getNavMonth.js

@@ -10,38 +10,18 @@ exports.getNavMonths = getNavMonths;
  */
 function getNavMonths(props, dateLib) {
     let { startMonth, endMonth } = props;
-    const { startOfYear, startOfDay, startOfMonth, endOfMonth, addYears, endOfYear, newDate, today, } = dateLib;
-    // Handle deprecated code
-    const { fromYear, toYear, fromMonth, toMonth } = props;
-    if (!startMonth && fromMonth) {
-        startMonth = fromMonth;
-    }
-    if (!startMonth && fromYear) {
-        startMonth = dateLib.newDate(fromYear, 0, 1);
-    }
-    if (!endMonth && toMonth) {
-        endMonth = toMonth;
-    }
-    if (!endMonth && toYear) {
-        endMonth = newDate(toYear, 11, 31);
-    }
+    const { startOfYear, startOfDay, startOfMonth, endOfMonth, addYears, endOfYear, today, } = dateLib;
     const hasYearDropdown = props.captionLayout === "dropdown" ||
         props.captionLayout === "dropdown-years";
     if (startMonth) {
         startMonth = startOfMonth(startMonth);
     }
-    else if (fromYear) {
-        startMonth = newDate(fromYear, 0, 1);
-    }
     else if (!startMonth && hasYearDropdown) {
         startMonth = startOfYear(addYears(props.today ?? today(), -100));
     }
     if (endMonth) {
         endMonth = endOfMonth(endMonth);
     }
-    else if (toYear) {
-        endMonth = newDate(toYear, 11, 31);
-    }
     else if (!endMonth && hasYearDropdown) {
         endMonth = endOfYear(props.today ?? today());
     }

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

@@ -0,0 +1,28 @@
+import type { Locale } from "date-fns";
+import React from "react";
+import { DateLib, type DateLibOptions } from "../index.js";
+import type { DayPickerProps } from "../types/props.js";
+/**
+ * Render the Hijri (Umm al-Qura) calendar.
+ *
+ * Defaults:
+ *
+ * - `locale`: `ar-SA`
+ * - `dir`: `rtl`
+ * - `numerals`: `arab`
+ * - `startMonth`: `1924-08-01`
+ * - `endMonth`: `2077-11-16`
+ *
+ * Out-of-range date props are clamped to the supported Umm al-Qura conversion
+ * range, preventing runtime conversion errors.
+ */
+export declare function DayPicker(props: DayPickerProps & {
+    locale?: Locale;
+    dir?: DayPickerProps["dir"];
+    numerals?: DayPickerProps["numerals"];
+    dateLib?: DayPickerProps["dateLib"];
+}): React.JSX.Element;
+/** Returns the date library used in the Hijri calendar. */
+export declare const getDateLib: (options?: DateLibOptions) => DateLib;
+export { arSA } from "../locale/ar-SA.js";
+export { enUS } from "../locale/en-US.js";

package/dist/cjs/hijri/index.js

@@ -0,0 +1,92 @@
+"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.enUS = exports.arSA = exports.getDateLib = void 0;
+exports.DayPicker = DayPicker;
+const react_1 = __importDefault(require("react"));
+const index_js_1 = require("../index.js");
+const ar_SA_js_1 = require("../locale/ar-SA.js");
+const hijriDateLib = __importStar(require("./lib/index.js"));
+const range_js_1 = require("./utils/range.js");
+function clampDateProp(date) {
+    if (!date) {
+        return undefined;
+    }
+    return (0, range_js_1.clampGregorianDate)(date);
+}
+/**
+ * Render the Hijri (Umm al-Qura) calendar.
+ *
+ * Defaults:
+ *
+ * - `locale`: `ar-SA`
+ * - `dir`: `rtl`
+ * - `numerals`: `arab`
+ * - `startMonth`: `1924-08-01`
+ * - `endMonth`: `2077-11-16`
+ *
+ * Out-of-range date props are clamped to the supported Umm al-Qura conversion
+ * range, preventing runtime conversion errors.
+ */
+function DayPicker(props) {
+    const { dateLib: dateLibProp, ...dayPickerProps } = props;
+    const hasStartBound = props.startMonth !== undefined;
+    const hasEndBound = props.endMonth !== undefined;
+    const clampedProps = {
+        ...dayPickerProps,
+        month: clampDateProp(props.month),
+        defaultMonth: clampDateProp(props.defaultMonth),
+        today: clampDateProp(props.today),
+        startMonth: hasStartBound
+            ? clampDateProp(props.startMonth)
+            : new Date(range_js_1.GREGORIAN_MIN_DATE),
+        endMonth: hasEndBound
+            ? clampDateProp(props.endMonth)
+            : new Date(range_js_1.GREGORIAN_MAX_DATE),
+    };
+    return (react_1.default.createElement(index_js_1.DayPicker, { ...clampedProps, locale: props.locale ?? ar_SA_js_1.arSA, numerals: props.numerals ?? "arab", dir: props.dir ?? "rtl", dateLib: { ...hijriDateLib, ...dateLibProp } }));
+}
+/** Returns the date library used in the Hijri calendar. */
+const getDateLib = (options) => {
+    return new index_js_1.DateLib(options, hijriDateLib);
+};
+exports.getDateLib = getDateLib;
+var ar_SA_js_2 = require("../locale/ar-SA.js");
+Object.defineProperty(exports, "arSA", { enumerable: true, get: function () { return ar_SA_js_2.arSA; } });
+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/hijri/lib/addMonths.d.ts

@@ -0,0 +1 @@
+export declare function addMonths(date: Date, amount: number): Date;

package/dist/cjs/hijri/lib/addMonths.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addMonths = addMonths;
+const conversion_js_1 = require("../utils/conversion.js");
+const setMonth_js_1 = require("./setMonth.js");
+function addMonths(date, amount) {
+    const hijri = (0, conversion_js_1.toHijriDate)(date);
+    return (0, setMonth_js_1.setMonth)(date, hijri.monthIndex + amount);
+}

package/dist/cjs/hijri/lib/addYears.d.ts

@@ -0,0 +1 @@
+export declare function addYears(date: Date, amount: number): Date;

package/dist/cjs/hijri/lib/addYears.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addYears = addYears;
+const conversion_js_1 = require("../utils/conversion.js");
+const setYear_js_1 = require("./setYear.js");
+function addYears(date, amount) {
+    const hijri = (0, conversion_js_1.toHijriDate)(date);
+    return (0, setYear_js_1.setYear)(date, hijri.year + amount);
+}

package/dist/cjs/hijri/lib/differenceInCalendarMonths.d.ts

@@ -0,0 +1 @@
+export declare function differenceInCalendarMonths(dateLeft: Date, dateRight: Date): number;

package/dist/cjs/hijri/lib/differenceInCalendarMonths.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.differenceInCalendarMonths = differenceInCalendarMonths;
+const conversion_js_1 = require("../utils/conversion.js");
+function differenceInCalendarMonths(dateLeft, dateRight) {
+    const hijriLeft = (0, conversion_js_1.toHijriDate)(dateLeft);
+    const hijriRight = (0, conversion_js_1.toHijriDate)(dateRight);
+    return ((hijriLeft.year - hijriRight.year) * 12 +
+        (hijriLeft.monthIndex - hijriRight.monthIndex));
+}

package/dist/cjs/hijri/lib/eachMonthOfInterval.d.ts

@@ -0,0 +1,2 @@
+import { type Interval } from "date-fns";
+export declare function eachMonthOfInterval(interval: Interval): Date[];

package/dist/cjs/hijri/lib/eachMonthOfInterval.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.eachMonthOfInterval = eachMonthOfInterval;
+const date_fns_1 = require("date-fns");
+const conversion_js_1 = require("../utils/conversion.js");
+function eachMonthOfInterval(interval) {
+    const start = (0, date_fns_1.toDate)(interval.start);
+    const end = (0, date_fns_1.toDate)(interval.end);
+    if (end.getTime() < start.getTime()) {
+        throw new RangeError("Invalid interval");
+    }
+    const startDate = (0, conversion_js_1.toHijriDate)(start);
+    const endDate = (0, conversion_js_1.toHijriDate)(end);
+    const months = [];
+    let currentYear = startDate.year;
+    let currentMonth = startDate.monthIndex;
+    const endYear = endDate.year;
+    const endMonth = endDate.monthIndex;
+    while (currentYear < endYear ||
+        (currentYear === endYear && currentMonth <= endMonth)) {
+        months.push((0, conversion_js_1.toGregorianDate)({ year: currentYear, monthIndex: currentMonth, day: 1 }));
+        currentMonth += 1;
+        if (currentMonth > 11) {
+            currentMonth = 0;
+            currentYear += 1;
+        }
+    }
+    return months;
+}

package/dist/cjs/hijri/lib/eachYearOfInterval.d.ts

@@ -0,0 +1,2 @@
+import { type Interval } from "date-fns";
+export declare function eachYearOfInterval(interval: Interval): Date[];

package/dist/cjs/hijri/lib/eachYearOfInterval.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.eachYearOfInterval = eachYearOfInterval;
+const date_fns_1 = require("date-fns");
+const conversion_js_1 = require("../utils/conversion.js");
+function eachYearOfInterval(interval) {
+    const start = (0, date_fns_1.toDate)(interval.start);
+    const end = (0, date_fns_1.toDate)(interval.end);
+    if (end.getTime() < start.getTime()) {
+        return [];
+    }
+    const startYear = (0, conversion_js_1.toHijriDate)(start).year;
+    const endYear = (0, conversion_js_1.toHijriDate)(end).year;
+    const years = [];
+    for (let year = startYear; year <= endYear; year += 1) {
+        years.push((0, conversion_js_1.toGregorianDate)({ year, monthIndex: 0, day: 1 }));
+    }
+    return years;
+}

package/dist/cjs/hijri/lib/endOfMonth.d.ts

@@ -0,0 +1 @@
+export declare function endOfMonth(date: Date): Date;

package/dist/cjs/hijri/lib/endOfMonth.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.endOfMonth = endOfMonth;
+const conversion_js_1 = require("../utils/conversion.js");
+const daysInMonth_js_1 = require("../utils/daysInMonth.js");
+function endOfMonth(date) {
+    const hijri = (0, conversion_js_1.toHijriDate)(date);
+    const day = (0, daysInMonth_js_1.getDaysInMonth)(hijri.year, hijri.monthIndex);
+    return (0, conversion_js_1.toGregorianDate)({
+        year: hijri.year,
+        monthIndex: hijri.monthIndex,
+        day,
+    });
+}

package/dist/cjs/hijri/lib/endOfYear.d.ts

@@ -0,0 +1 @@
+export declare function endOfYear(date: Date): Date;

package/dist/cjs/hijri/lib/endOfYear.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.endOfYear = endOfYear;
+const conversion_js_1 = require("../utils/conversion.js");
+const daysInMonth_js_1 = require("../utils/daysInMonth.js");
+function endOfYear(date) {
+    const hijri = (0, conversion_js_1.toHijriDate)(date);
+    const day = (0, daysInMonth_js_1.getDaysInMonth)(hijri.year, 11);
+    return (0, conversion_js_1.toGregorianDate)({
+        year: hijri.year,
+        monthIndex: 11,
+        day,
+    });
+}

package/dist/cjs/hijri/lib/fallbackLocaleData.d.ts

@@ -0,0 +1,5 @@
+export type FallbackLocaleCode = "ar" | "en";
+export type IntlNameWidth = "long" | "short" | "narrow";
+export declare const getFallbackLocaleCode: (localeCode: string) => FallbackLocaleCode;
+export declare const getFallbackMonthName: (date: Date, localeCode: string, width: IntlNameWidth) => string;
+export declare const getFallbackWeekdayName: (date: Date, localeCode: string, width: IntlNameWidth) => string;

package/dist/cjs/hijri/lib/fallbackLocaleData.js

@@ -0,0 +1,111 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFallbackWeekdayName = exports.getFallbackMonthName = exports.getFallbackLocaleCode = void 0;
+const conversion_js_1 = require("../utils/conversion.js");
+const fallbackMonthNames = {
+    en: {
+        long: [
+            "Muharram",
+            "Safar",
+            "Rabi I",
+            "Rabi II",
+            "Jumada I",
+            "Jumada II",
+            "Rajab",
+            "Shaban",
+            "Ramadan",
+            "Shawwal",
+            "Dhu al-Qadah",
+            "Dhu al-Hijjah",
+        ],
+        short: [
+            "Muh",
+            "Saf",
+            "Rab-I",
+            "Rab-II",
+            "Jum-I",
+            "Jum-II",
+            "Raj",
+            "Sha",
+            "Ram",
+            "Shw",
+            "Dhu-Q",
+            "Dhu-H",
+        ],
+        narrow: ["M", "S", "R", "R", "J", "J", "R", "S", "R", "S", "D", "D"],
+    },
+    ar: {
+        long: [
+            "محرم",
+            "صفر",
+            "ربيع الأول",
+            "ربيع الآخر",
+            "جمادى الأولى",
+            "جمادى الآخرة",
+            "رجب",
+            "شعبان",
+            "رمضان",
+            "شوال",
+            "ذو القعدة",
+            "ذو الحجة",
+        ],
+        short: [
+            "محرم",
+            "صفر",
+            "ربيع ١",
+            "ربيع ٢",
+            "جمادى ١",
+            "جمادى ٢",
+            "رجب",
+            "شعبان",
+            "رمضان",
+            "شوال",
+            "ذو القعدة",
+            "ذو الحجة",
+        ],
+        narrow: ["م", "ص", "ر", "ر", "ج", "ج", "ر", "ش", "ر", "ش", "ذ", "ذ"],
+    },
+};
+const fallbackWeekdayNames = {
+    en: {
+        long: [
+            "Sunday",
+            "Monday",
+            "Tuesday",
+            "Wednesday",
+            "Thursday",
+            "Friday",
+            "Saturday",
+        ],
+        short: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+        narrow: ["S", "M", "T", "W", "T", "F", "S"],
+    },
+    ar: {
+        long: [
+            "الأحد",
+            "الاثنين",
+            "الثلاثاء",
+            "الأربعاء",
+            "الخميس",
+            "الجمعة",
+            "السبت",
+        ],
+        short: ["أحد", "اثن", "ثلا", "أرب", "خمي", "جمع", "سبت"],
+        narrow: ["ح", "ن", "ث", "ر", "خ", "ج", "س"],
+    },
+};
+const getFallbackLocaleCode = (localeCode) => {
+    return localeCode.toLowerCase().startsWith("ar") ? "ar" : "en";
+};
+exports.getFallbackLocaleCode = getFallbackLocaleCode;
+const getFallbackMonthName = (date, localeCode, width) => {
+    const hijri = (0, conversion_js_1.toHijriDate)(date);
+    const locale = (0, exports.getFallbackLocaleCode)(localeCode);
+    return fallbackMonthNames[locale][width][hijri.monthIndex];
+};
+exports.getFallbackMonthName = getFallbackMonthName;
+const getFallbackWeekdayName = (date, localeCode, width) => {
+    const locale = (0, exports.getFallbackLocaleCode)(localeCode);
+    return fallbackWeekdayNames[locale][width][date.getDay()];
+};
+exports.getFallbackWeekdayName = getFallbackWeekdayName;

package/dist/cjs/hijri/lib/format.d.ts

@@ -0,0 +1,3 @@
+import type { FormatOptions as DateFnsFormatOptions } from "date-fns";
+/** Hijri calendar formatting override. */
+export declare function format(date: Date, formatStr: string, options?: DateFnsFormatOptions): string;

package/dist/cjs/hijri/lib/format.js

@@ -0,0 +1,149 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.format = format;
+const conversion_js_1 = require("../utils/conversion.js");
+const range_js_1 = require("../utils/range.js");
+const fallbackLocaleData_js_1 = require("./fallbackLocaleData.js");
+const DEFAULT_LOCALE_CODE = "ar-SA";
+const BASE_NUMBERING_SYSTEM = "latn";
+const UMM_AL_QURA_CALENDAR = "islamic-umalqura";
+const getLocaleCode = (options) => {
+    return options?.locale?.code ?? DEFAULT_LOCALE_CODE;
+};
+const formatWithUmmAlQura = (date, localeCode, options) => {
+    try {
+        return new Intl.DateTimeFormat(localeCode, {
+            ...options,
+            calendar: UMM_AL_QURA_CALENDAR,
+            numberingSystem: BASE_NUMBERING_SYSTEM,
+        }).format(date);
+    }
+    catch {
+        return undefined;
+    }
+};
+const formatNumber = (value) => {
+    return value.toString();
+};
+const formatPaddedNumber = (value) => {
+    return formatNumber(value).padStart(2, "0");
+};
+const formatMonthName = (date, localeCode, width) => {
+    const formatted = formatWithUmmAlQura(date, localeCode, {
+        month: width,
+    });
+    return formatted ?? (0, fallbackLocaleData_js_1.getFallbackMonthName)(date, localeCode, width);
+};
+const formatWeekdayName = (date, localeCode, width) => {
+    const formatted = formatWithUmmAlQura(date, localeCode, {
+        weekday: width,
+    });
+    return formatted ?? (0, fallbackLocaleData_js_1.getFallbackWeekdayName)(date, localeCode, width);
+};
+const formatDateStyle = (date, localeCode, style) => {
+    const formatted = formatWithUmmAlQura(date, localeCode, {
+        dateStyle: style,
+    });
+    if (formatted) {
+        return formatted;
+    }
+    const hijri = (0, conversion_js_1.toHijriDate)(date);
+    const monthName = (0, fallbackLocaleData_js_1.getFallbackMonthName)(date, localeCode, "long");
+    switch (style) {
+        case "full":
+            return `${(0, fallbackLocaleData_js_1.getFallbackWeekdayName)(date, localeCode, "long")}, ${monthName} ${hijri.day}, ${hijri.year}`;
+        case "long":
+            return `${monthName} ${hijri.day}, ${hijri.year}`;
+        case "medium":
+            return `${formatPaddedNumber(hijri.day)} ${monthName} ${hijri.year}`;
+        case "short":
+            return `${hijri.monthIndex + 1}/${hijri.day}/${hijri.year}`;
+    }
+};
+const buildTimeFormat = (date, localeCode, formatStr) => {
+    const hour12 = formatStr.includes("a");
+    const formatted = formatWithUmmAlQura(date, localeCode, {
+        hour: "numeric",
+        minute: "numeric",
+        hour12,
+    });
+    if (formatted) {
+        return formatted;
+    }
+    try {
+        return new Intl.DateTimeFormat(localeCode, {
+            hour: "numeric",
+            minute: "numeric",
+            hour12,
+            numberingSystem: BASE_NUMBERING_SYSTEM,
+        }).format(date);
+    }
+    catch {
+        const minutes = formatPaddedNumber(date.getMinutes());
+        if (hour12) {
+            const hour = date.getHours() % 12 || 12;
+            const period = date.getHours() >= 12 ? "PM" : "AM";
+            return `${hour}:${minutes} ${period}`;
+        }
+        return `${formatNumber(date.getHours())}:${minutes}`;
+    }
+};
+/** Hijri calendar formatting override. */
+function format(date, formatStr, options) {
+    const extendedOptions = options;
+    const localeCode = getLocaleCode(extendedOptions);
+    const hijri = (0, conversion_js_1.toHijriDate)(date);
+    const gregorian = (0, range_js_1.getGregorianDateParts)(date);
+    const isOutOfRange = (0, range_js_1.clampGregorianDate)(date) !== date;
+    const numericDate = isOutOfRange
+        ? {
+            year: gregorian.year,
+            monthIndex: gregorian.month - 1,
+            day: gregorian.day,
+        }
+        : hijri;
+    switch (formatStr) {
+        case "LLLL y":
+        case "LLLL yyyy":
+            return `${formatMonthName(date, localeCode, "long")} ${formatNumber(numericDate.year)}`;
+        case "LLLL":
+            return formatMonthName(date, localeCode, "long");
+        case "LLL":
+            return formatMonthName(date, localeCode, "short");
+        case "PPP":
+            return formatDateStyle(date, localeCode, "long");
+        case "PPPP":
+            return formatDateStyle(date, localeCode, "full");
+        case "PP":
+            return formatDateStyle(date, localeCode, "medium");
+        case "P":
+            return formatDateStyle(date, localeCode, "short");
+        case "cccc":
+            return formatWeekdayName(date, localeCode, "long");
+        case "ccc":
+            return formatWeekdayName(date, localeCode, "short");
+        case "ccccc":
+        case "cccccc":
+            return formatWeekdayName(date, localeCode, "narrow");
+        case "yyyy":
+        case "y":
+            return formatNumber(numericDate.year);
+        case "yyyy-MM":
+            return `${formatNumber(numericDate.year)}-${formatPaddedNumber(numericDate.monthIndex + 1)}`;
+        case "yyyy-MM-dd":
+            return `${formatNumber(numericDate.year)}-${formatPaddedNumber(numericDate.monthIndex + 1)}-${formatPaddedNumber(numericDate.day)}`;
+        case "MM":
+            return formatPaddedNumber(numericDate.monthIndex + 1);
+        case "M":
+            return formatNumber(numericDate.monthIndex + 1);
+        case "dd":
+            return formatPaddedNumber(numericDate.day);
+        case "d":
+            return formatNumber(numericDate.day);
+        default:
+            if (/[Hh]/.test(formatStr) && /m/.test(formatStr)) {
+                return buildTimeFormat(date, localeCode, formatStr);
+            }
+            return formatDateStyle(date, localeCode, "medium");
+    }
+}