@lightsparkdev/ui 1.1.12 → 1.1.14

package/dist/components/BirthdayInput.d.cts

@@ -4,24 +4,27 @@ interface BirthdayInputProps {
     date: string;
     invalidBirthdayError: string;
     setDate: (date: string) => void;
+    dateFormat?: "US" | "INTL";
 }
 /**
  * Formats a birthday string.  Will return undefined if the birthday is not valid.
  * @param dayOrDate - The day or date to format
  * @param month - The month to format
  * @param year - The year to format
+ * @param dateFormat - The format to use ("US" or "INTL")
  * @returns The formatted birthday string
  */
-declare function formatBirthday(dayOrDate: string, month?: string, year?: string): string | undefined;
+declare function formatBirthday(dayOrDate: string, month?: string, year?: string, dateFormat?: "US" | "INTL"): string | undefined;
 /**
- * Valides a date string.  the required format is MM/DD/YYYY, or the components can be passed in separately.
+ * Valides a date string.  the required format is MM/DD/YYYY or DD/MM/YYYY, or the components can be passed in separately.
  * @param dayOrDate - The day or date to check
  * @param month - The month to check
  * @param year - The year to check
+ * @param dateFormat - The format to use ("US" or "INTL")
  * @returns Whether the birthday is valid
  */
-declare function isValidBirthday(dayOrDate: string, month?: string, year?: string): boolean;
-declare function formatDateToText(dateStr: string): string;
-declare function BirthdayInput({ date, setDate, invalidBirthdayError, }: BirthdayInputProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function isValidBirthday(dayOrDate: string, month?: string, year?: string, dateFormat?: "US" | "INTL"): boolean;
+declare function formatDateToText(dateStr: string, dateFormat?: "US" | "INTL"): string;
+declare function BirthdayInput({ date, setDate, invalidBirthdayError, dateFormat, }: BirthdayInputProps): _emotion_react_jsx_runtime.JSX.Element;
 
 export { BirthdayInput, formatBirthday, formatDateToText, isValidBirthday };

package/dist/components/BirthdayInput.d.ts

@@ -4,24 +4,27 @@ interface BirthdayInputProps {
     date: string;
     invalidBirthdayError: string;
     setDate: (date: string) => void;
+    dateFormat?: "US" | "INTL";
 }
 /**
  * Formats a birthday string.  Will return undefined if the birthday is not valid.
  * @param dayOrDate - The day or date to format
  * @param month - The month to format
  * @param year - The year to format
+ * @param dateFormat - The format to use ("US" or "INTL")
  * @returns The formatted birthday string
  */
-declare function formatBirthday(dayOrDate: string, month?: string, year?: string): string | undefined;
+declare function formatBirthday(dayOrDate: string, month?: string, year?: string, dateFormat?: "US" | "INTL"): string | undefined;
 /**
- * Valides a date string.  the required format is MM/DD/YYYY, or the components can be passed in separately.
+ * Valides a date string.  the required format is MM/DD/YYYY or DD/MM/YYYY, or the components can be passed in separately.
  * @param dayOrDate - The day or date to check
  * @param month - The month to check
  * @param year - The year to check
+ * @param dateFormat - The format to use ("US" or "INTL")
  * @returns Whether the birthday is valid
  */
-declare function isValidBirthday(dayOrDate: string, month?: string, year?: string): boolean;
-declare function formatDateToText(dateStr: string): string;
-declare function BirthdayInput({ date, setDate, invalidBirthdayError, }: BirthdayInputProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function isValidBirthday(dayOrDate: string, month?: string, year?: string, dateFormat?: "US" | "INTL"): boolean;
+declare function formatDateToText(dateStr: string, dateFormat?: "US" | "INTL"): string;
+declare function BirthdayInput({ date, setDate, invalidBirthdayError, dateFormat, }: BirthdayInputProps): _emotion_react_jsx_runtime.JSX.Element;
 
 export { BirthdayInput, formatBirthday, formatDateToText, isValidBirthday };

package/dist/components/BirthdayInput.js

@@ -1,105 +1,127 @@
 import "../chunk-OZZ3RJQQ.js";
-import "../chunk-THEMOGTD.js";
-import "../chunk-K5UHJL5S.js";
-import "../chunk-3GYCV4FM.js";
+import "../chunk-E4UYC64S.js";
+import "../chunk-H655AST2.js";
+import "../chunk-JFO6NYAH.js";
 import "../chunk-JJC2AUQ3.js";
-import "../chunk-ABXDFBZP.js";
-import "../chunk-WUV4EYLL.js";
-import "../chunk-YEI6JAWD.js";
-import "../chunk-DN2FKFOA.js";
-import "../chunk-NXWPSMD7.js";
-import "../chunk-WRUYG6BM.js";
-import "../chunk-3QNLVFVF.js";
+import "../chunk-RGR5L7OF.js";
+import "../chunk-4J5K4YSG.js";
+import "../chunk-2XNXPRHQ.js";
+import "../chunk-VVX7W2GN.js";
+import "../chunk-2VWPB6JO.js";
+import "../chunk-6W5GPE2M.js";
+import "../chunk-KKVIHFHK.js";
+import "../chunk-KPCRQASA.js";
+import "../chunk-HU4YXTID.js";
+import "../chunk-HYY2KS7C.js";
+import "../chunk-UXPTSC54.js";
+import "../chunk-W7P4KURE.js";
+import "../chunk-W3S4TZE3.js";
+import "../chunk-YNCYDQLX.js";
+import "../chunk-456MV3ZI.js";
 import "../chunk-MS4Y7HXG.js";
-import "../chunk-Y56BO6PQ.js";
-import "../chunk-WO6S3LT6.js";
-import "../chunk-N4RQOGUG.js";
-import "../chunk-H3IPOCYH.js";
-import "../chunk-WGU3XHLU.js";
-import "../chunk-UX3LFQXS.js";
-import "../chunk-FSJJKVWF.js";
-import "../chunk-MG6S5CNO.js";
-import "../chunk-AJNBTDBR.js";
-import "../chunk-TY6ADDBU.js";
+import "../chunk-BNGAN56P.js";
+import "../chunk-5XZX6Q5N.js";
 import "../chunk-NAVW6EEE.js";
-import "../chunk-6P3DRKOM.js";
-import "../chunk-BV33EFPE.js";
-import "../chunk-FN3RCC5X.js";
+import "../chunk-TKDORWPM.js";
 import "../chunk-E3FGOYEJ.js";
-import "../chunk-E4NORVJR.js";
-import "../chunk-YAELU5OB.js";
-import "../chunk-JNNPTENW.js";
-import "../chunk-JMMQIRWX.js";
-import "../chunk-LAHPI6IM.js";
-import "../chunk-C33MKWHW.js";
-import "../chunk-TX6C7TDB.js";
-import "../chunk-7D26HUQJ.js";
-import "../chunk-E7BQOZNU.js";
-import "../chunk-FWNPY7RR.js";
-import "../chunk-5KSG5D3I.js";
-import "../chunk-OGB6P6ZG.js";
-import "../chunk-KWB7LI7J.js";
-import "../chunk-WIRXH6BA.js";
-import "../chunk-SNAEIQF4.js";
+import "../chunk-HR3AUMF3.js";
+import "../chunk-7ASCCL3J.js";
+import "../chunk-KHRKGC7C.js";
+import "../chunk-ZSWFGISK.js";
+import "../chunk-2RYI2KO7.js";
+import "../chunk-GT4SNEIS.js";
+import "../chunk-DAHB6T4Q.js";
+import "../chunk-GBWTGHD3.js";
+import "../chunk-LH2LTO6B.js";
+import "../chunk-WKPGGEKT.js";
+import "../chunk-QV2SZAAX.js";
 import "../chunk-7ZBJZ4GA.js";
+import "../chunk-SNAEIQF4.js";
 import "../chunk-XS2KC4AS.js";
-import "../chunk-JZ6J2SFP.js";
-import "../chunk-L4HEQZN5.js";
-import "../chunk-54JVZN7V.js";
-import "../chunk-MMLF3WCN.js";
-import "../chunk-Z5TPS2BO.js";
-import "../chunk-4S5DWXZM.js";
-import "../chunk-SI44EN2T.js";
-import "../chunk-QU74MMCB.js";
+import "../chunk-FP7TMS2Z.js";
+import "../chunk-LDJPVFDO.js";
+import "../chunk-SSL5DAJ6.js";
+import "../chunk-U3WXZBAA.js";
+import "../chunk-OG7YUJM5.js";
+import "../chunk-GD6DN53K.js";
+import "../chunk-J5XVDBAR.js";
+import "../chunk-BQAORNSJ.js";
+import "../chunk-DW3WBSTI.js";
 import "../chunk-PEK53X7W.js";
-import "../chunk-B6RIC7YP.js";
-import "../chunk-ELDDEAMK.js";
-import "../chunk-I23RZ2XE.js";
+import "../chunk-NZFCDID3.js";
+import "../chunk-UJDZHW3O.js";
+import "../chunk-5JN74UVP.js";
+import "../chunk-U54SGYGZ.js";
+import "../chunk-7TOYXXZB.js";
+import "../chunk-AKU26XW3.js";
+import "../chunk-LIVX4NT2.js";
+import "../chunk-PMVCK3WB.js";
+import "../chunk-J5JBFO7A.js";
+import "../chunk-QBRDZ3U5.js";
+import "../chunk-EVBIWR7K.js";
+import "../chunk-NJQRI33S.js";
+import "../chunk-D5RHZ7NW.js";
+import "../chunk-KP23WTR4.js";
+import "../chunk-NANOYEVH.js";
+import "../chunk-GWTYSYM2.js";
+import "../chunk-47R6NEA2.js";
+import "../chunk-YGSFRTKF.js";
+import "../chunk-5KSG5D3I.js";
 import {
   TextInput
-} from "../chunk-MJ7G5LAD.js";
-import "../chunk-XQUKZOE6.js";
-import "../chunk-I6KZ6OZC.js";
+} from "../chunk-37IAY4LB.js";
+import "../chunk-2C7FFMEL.js";
+import "../chunk-MKAH32A4.js";
 import "../chunk-SLEBHXIK.js";
-import "../chunk-5KV7AF7A.js";
-import "../chunk-NTKDEHMH.js";
-import "../chunk-RUS25WXZ.js";
-import "../chunk-CUJ7FRLM.js";
-import "../chunk-F5ARMTFS.js";
-import "../chunk-GQPSXKNA.js";
-import "../chunk-GLA7VODC.js";
-import "../chunk-ZD3YD2NT.js";
-import "../chunk-LUFTJNU7.js";
-import "../chunk-3QKAPUNJ.js";
-import "../chunk-TT7XB7BU.js";
-import "../chunk-LTHYR4CT.js";
-import "../chunk-C2CVRXBV.js";
-import "../chunk-72GU2ULU.js";
-import "../chunk-YD3VGJOC.js";
-import "../chunk-HU5MYH2I.js";
-import "../chunk-SBZTKWLK.js";
-import "../chunk-DTJWFL32.js";
-import "../chunk-55OQPFLF.js";
-import "../chunk-GKNA4KJH.js";
-import "../chunk-E5DUKMCU.js";
+import "../chunk-UDFJ6IWI.js";
+import "../chunk-OYR3AZK6.js";
+import "../chunk-WGMSWBXS.js";
+import "../chunk-T7DPIWBQ.js";
+import "../chunk-7E7OZRGE.js";
+import "../chunk-7ZWTPHM3.js";
+import "../chunk-7QDJU2HY.js";
+import "../chunk-65C4XSQW.js";
+import "../chunk-PDAYZQOB.js";
+import "../chunk-M4R57NN3.js";
+import "../chunk-XY5FWOZR.js";
+import "../chunk-Z5TPS2BO.js";
+import "../chunk-FV4QXCOR.js";
+import "../chunk-6MY5RJI7.js";
+import "../chunk-GXVIC7OQ.js";
 import "../chunk-WOR7J4KZ.js";
-import "../chunk-SCMVBUX6.js";
-import "../chunk-HVI5KOQY.js";
-import "../chunk-DLXRHZR3.js";
-import "../chunk-W5YKSN4C.js";
+import "../chunk-Q72B7BEH.js";
+import "../chunk-BTHACXTS.js";
+import "../chunk-ICR6FBD2.js";
+import "../chunk-SIJ7UCLL.js";
+import "../chunk-SX3LPZM7.js";
 import "../chunk-FZUV52PP.js";
-import "../chunk-KQP42G2Z.js";
-import "../chunk-XS3L72FJ.js";
-import "../chunk-N4KUQ4VE.js";
-import "../chunk-V2DVHIHR.js";
-import "../chunk-6UZRKYFG.js";
-import "../chunk-YTGM2EVB.js";
-import "../chunk-VZ5B7QSC.js";
+import "../chunk-KX6E2F5M.js";
+import "../chunk-2VWNUAQE.js";
+import "../chunk-NFQP7P3D.js";
+import "../chunk-M6JNVPR3.js";
+import "../chunk-QX6RNGLZ.js";
+import "../chunk-6QI5FEDK.js";
+import "../chunk-KL4O7IK4.js";
+import "../chunk-E5DUKMCU.js";
+import "../chunk-4RVQWFSN.js";
+import "../chunk-7ZUV2IWY.js";
+import "../chunk-DIQHSBEW.js";
+import "../chunk-JEGPXWOA.js";
+import "../chunk-2GCYEQBF.js";
+import "../chunk-55OQPFLF.js";
+import "../chunk-YEGK6WEM.js";
+import "../chunk-7UFDY3MD.js";
+import "../chunk-VTC43ZH5.js";
+import "../chunk-DSMLBKPO.js";
+import "../chunk-GQJZNXMB.js";
 import "../chunk-QHPWEJ3J.js";
 import "../chunk-LT3CVT6X.js";
+import "../chunk-ARS6UTHB.js";
+import "../chunk-7WKLZIQO.js";
 import "../chunk-3DWN3EUQ.js";
+import "../chunk-53EIIA7F.js";
 import "../chunk-D4UK7XQF.js";
-import "../chunk-DSMLBKPO.js";
+import "../chunk-7ENTQXB2.js";
 import "../chunk-AEAI2LPC.js";
 import "../chunk-MKOAJVNI.js";
 import "../chunk-7GOOS3YI.js";
@@ -107,7 +129,7 @@ import "../chunk-KDWRK455.js";
 import "../chunk-A7MFRPVW.js";
 import "../chunk-WKVMP2FS.js";
 import "../chunk-ROAHSKEU.js";
-import "../chunk-GQJZNXMB.js";
+import "../chunk-TVY3TN3W.js";
 import "../chunk-W4YBOFPU.js";
 import "../chunk-TCWNQIEO.js";
 import "../chunk-YD7IPS53.js";
@@ -115,7 +137,7 @@ import "../chunk-XY4U3XQE.js";
 import "../chunk-N5HNNQGA.js";
 import "../chunk-DRSYBYD2.js";
 import "../chunk-XVFF35KL.js";
-import "../chunk-7ENTQXB2.js";
+import "../chunk-OUCODIBE.js";
 import "../chunk-L7GVFVL4.js";
 import "../chunk-OMOZHWP4.js";
 import "../chunk-6J4PCKID.js";
@@ -123,7 +145,7 @@ import "../chunk-YARU3I62.js";
 import "../chunk-JAUXM4GL.js";
 import "../chunk-ILBGKIE7.js";
 import "../chunk-VD2XST4J.js";
-import "../chunk-TVY3TN3W.js";
+import "../chunk-NU4MVTWH.js";
 import "../chunk-BAWPBHRJ.js";
 import "../chunk-AQBERGYG.js";
 import "../chunk-ZF4AHRQY.js";
@@ -131,7 +153,7 @@ import "../chunk-HSFE4DIZ.js";
 import "../chunk-FXWL6U2X.js";
 import "../chunk-LSLBJH2Q.js";
 import "../chunk-6I7MAKWB.js";
-import "../chunk-OUCODIBE.js";
+import "../chunk-BOWOVDC3.js";
 import "../chunk-2WGT2HLG.js";
 import "../chunk-UDBDK3KX.js";
 import "../chunk-O2VZRBCK.js";
@@ -139,7 +161,7 @@ import "../chunk-4WGZPEP4.js";
 import "../chunk-EKFCGIJV.js";
 import "../chunk-VF63C7JK.js";
 import "../chunk-N3A6TJOR.js";
-import "../chunk-NU4MVTWH.js";
+import "../chunk-3LYNN54X.js";
 import "../chunk-CKHGC2WN.js";
 import "../chunk-4XIHOG3M.js";
 import "../chunk-QIG7Q2HZ.js";
@@ -147,7 +169,7 @@ import "../chunk-TVTMTE26.js";
 import "../chunk-DKYMW7FA.js";
 import "../chunk-FVPDEEWZ.js";
 import "../chunk-ZIRILKCR.js";
-import "../chunk-BOWOVDC3.js";
+import "../chunk-XBB5NO23.js";
 import "../chunk-CV4XS7N3.js";
 import "../chunk-3IZM633Y.js";
 import "../chunk-WHZ7VCKD.js";
@@ -155,15 +177,14 @@ import "../chunk-65VPJMOX.js";
 import "../chunk-JVA433WN.js";
 import "../chunk-3W4WQYVF.js";
 import "../chunk-EX56TLXB.js";
-import "../chunk-3LYNN54X.js";
-import "../chunk-HPLDJI7V.js";
+import "../chunk-56UHR4FI.js";
+import "../chunk-2Q44DDW5.js";
 import "../chunk-PTPVVRZZ.js";
 import "../chunk-MEOGL5NX.js";
 import "../chunk-MEMRCEGF.js";
 import "../chunk-QCIMEP2I.js";
 import "../chunk-KFU2U42E.js";
 import "../chunk-ILCW4USS.js";
-import "../chunk-XBB5NO23.js";
 import "../chunk-BKIKJ223.js";
 import "../chunk-GXBSVM7K.js";
 import "../chunk-K6XWLD25.js";
@@ -394,50 +415,33 @@ import "../chunk-CMFAVB4T.js";
 import "../chunk-VI6WTKMV.js";
 import "../chunk-PHHWD7H7.js";
 import "../chunk-QW2INB5A.js";
-import "../chunk-F5UEJLZY.js";
-import "../chunk-X5XLAM3D.js";
-import "../chunk-MNWCPDWF.js";
-import "../chunk-EMESAQ5K.js";
-import "../chunk-ZBQZIVKN.js";
-import "../chunk-SYHO775Q.js";
-import "../chunk-JUCCA6SI.js";
-import "../chunk-23V2BQIJ.js";
-import "../chunk-F2TLPMXI.js";
-import "../chunk-ORZXHK4K.js";
-import "../chunk-WCUUWGOC.js";
-import "../chunk-XUDLONAT.js";
-import "../chunk-OQK3WVD3.js";
-import "../chunk-SSOCH3V6.js";
+import "../chunk-ZG6VAH7C.js";
+import "../chunk-MCMJAFLJ.js";
+import "../chunk-QBYLUE5I.js";
+import "../chunk-Q2LOWMBD.js";
+import "../chunk-IODVRCO7.js";
+import "../chunk-LDCXVHY5.js";
+import "../chunk-GWQWGFOU.js";
+import "../chunk-4UGJHBBJ.js";
+import "../chunk-W4IPYSLT.js";
+import "../chunk-L7C5ESUR.js";
+import "../chunk-R26WVVXT.js";
+import "../chunk-NTEQ57EC.js";
+import "../chunk-LG6ETC65.js";
+import "../chunk-JDAQZKJL.js";
 import "../chunk-YQNDIDC2.js";
 import "../chunk-2466FZJC.js";
 import "../chunk-YW4BJCOL.js";
 import "../chunk-YMNSXZ5D.js";
-import "../chunk-HXEOFTXC.js";
+import "../chunk-3IYJTEVV.js";
 import "../chunk-HAC5YAGQ.js";
-import "../chunk-EE47JMIS.js";
-import "../chunk-LIVMIDVJ.js";
-import "../chunk-FXKLW6CU.js";
+import "../chunk-ESRXMWU7.js";
 import "../chunk-QWZTWJXX.js";
 import "../chunk-EQHEEJE6.js";
+import "../chunk-LIVMIDVJ.js";
+import "../chunk-FXKLW6CU.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-XT5NXF55.js";
-import "../chunk-5JN74UVP.js";
-import "../chunk-U54SGYGZ.js";
-import "../chunk-7TOYXXZB.js";
-import "../chunk-AKU26XW3.js";
-import "../chunk-LIVX4NT2.js";
-import "../chunk-PMVCK3WB.js";
-import "../chunk-J5JBFO7A.js";
-import "../chunk-QBRDZ3U5.js";
-import "../chunk-EVBIWR7K.js";
-import "../chunk-NJQRI33S.js";
-import "../chunk-D5RHZ7NW.js";
-import "../chunk-KP23WTR4.js";
-import "../chunk-NANOYEVH.js";
-import "../chunk-GWTYSYM2.js";
-import "../chunk-UDFJ6IWI.js";
-import "../chunk-ZSWFGISK.js";
-import "../chunk-NFQP7P3D.js";
 import "../chunk-CWMXXUWU.js";
 
 // src/components/BirthdayInput.tsx
@@ -445,40 +449,62 @@ import dayjs from "dayjs";
 import customParseFormat from "dayjs/plugin/customParseFormat.js";
 import { Fragment, jsx } from "@emotion/react/jsx-runtime";
 dayjs.extend(customParseFormat);
-function formatBirthday(dayOrDate, month, year) {
+var DATE_FORMATS = {
+  US: {
+    format: "MM/DD/YYYY",
+    placeholder: "MM / DD / YYYY",
+    positions: { first: [0, 2], second: [2, 4], year: [4, 8] }
+  },
+  INTL: {
+    format: "DD/MM/YYYY",
+    placeholder: "DD / MM / YYYY",
+    positions: { first: [0, 2], second: [2, 4], year: [4, 8] }
+  }
+};
+function formatBirthday(dayOrDate, month, year, dateFormat = "US") {
   let birthdayStr;
   if (month && year) {
-    birthdayStr = `${month}/${dayOrDate}/${year}`;
+    if (dateFormat === "INTL") {
+      birthdayStr = `${dayOrDate}/${month}/${year}`;
+    } else {
+      birthdayStr = `${month}/${dayOrDate}/${year}`;
+    }
   } else {
     birthdayStr = dayOrDate;
   }
-  return isValidBirthday(birthdayStr) ? dayjs(birthdayStr).startOf("day").format("YYYY-MM-DD") : void 0;
+  return isValidBirthday(birthdayStr, void 0, void 0, dateFormat) ? dayjs(birthdayStr, DATE_FORMATS[dateFormat].format).startOf("day").format("YYYY-MM-DD") : void 0;
 }
-function isValidBirthday(dayOrDate, month, year) {
+function isValidBirthday(dayOrDate, month, year, dateFormat = "US") {
   let birthdayStr;
   if (month && year) {
-    birthdayStr = `${month}/${dayOrDate}/${year}`;
+    if (dateFormat === "INTL") {
+      birthdayStr = `${dayOrDate}/${month}/${year}`;
+    } else {
+      birthdayStr = `${month}/${dayOrDate}/${year}`;
+    }
   } else {
     birthdayStr = dayOrDate;
   }
-  const date = dayjs(birthdayStr, "MM/DD/YYYY", true);
+  const date = dayjs(birthdayStr, DATE_FORMATS[dateFormat].format, true);
   if (!date.isValid()) {
     return false;
   }
   const today = dayjs().startOf("day");
   return date.isBefore(today) && date.year() >= 1800;
 }
-function formatDateToText(dateStr) {
+function formatDateToText(dateStr, dateFormat = "US") {
   if (!dateStr.trim()) return "";
   const parts = dateStr.split("/");
-  const month = parts[0];
-  const day = parts[1];
+  const first = parts[0];
+  const second = parts[1];
   const year = parts[2];
-  if (month && !day && !year) {
-    if (month.length === 2) {
-      const monthNum = parseInt(month);
-      if (monthNum >= 1 && monthNum <= 12) {
-        return dayjs().month(monthNum - 1).format("MMMM");
+  const month = dateFormat === "INTL" ? second : first;
+  const day = dateFormat === "INTL" ? first : second;
+  if (first && !second && !year) {
+    if (first.length === 2) {
+      const firstNum = parseInt(first);
+      if (dateFormat === "US" && firstNum >= 1 && firstNum <= 12) {
+        return dayjs().month(firstNum - 1).format("MMMM");
       }
     }
   }
@@ -492,7 +518,7 @@ function formatDateToText(dateStr) {
       }
     }
   }
-  const date = dayjs(dateStr, "MM/DD/YYYY", true);
+  const date = dayjs(dateStr, DATE_FORMATS[dateFormat].format, true);
   return date.isValid() ? date.format("MMMM D, YYYY") : "";
 }
 function formatDateForDisplay(date) {
@@ -504,8 +530,10 @@ function formatDateForDisplay(date) {
 function BirthdayInput({
   date,
   setDate,
-  invalidBirthdayError
+  invalidBirthdayError,
+  dateFormat = "US"
 }) {
+  const formatConfig = DATE_FORMATS[dateFormat];
   const birthdayFieldBlurred = Boolean(date.trim());
   const handleChange = (newValue) => {
     let value = newValue;
@@ -523,12 +551,12 @@ function BirthdayInput({
     setDate(formattedValue);
   };
   const isCompleteDate = date.length === 10;
-  const isInvalid = isCompleteDate && !isValidBirthday(date);
+  const isInvalid = isCompleteDate && !isValidBirthday(date, void 0, void 0, dateFormat);
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
     TextInput,
     {
       maxLength: 14,
-      placeholder: "MM / DD / YYYY",
+      placeholder: formatConfig.placeholder,
       value: formatDateForDisplay(date),
       onChange: handleChange,
       inputMode: "numeric",
@@ -536,7 +564,7 @@ function BirthdayInput({
         size: "Large"
       },
       hint: {
-        text: formatDateToText(date),
+        text: formatDateToText(date, dateFormat),
         typography: {
           type: "Label",
           size: "Medium",