@lightsparkdev/ui 1.1.13 → 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,106 +1,127 @@
 import "../chunk-OZZ3RJQQ.js";
-import "../chunk-6VDRLS7Q.js";
-import "../chunk-LCQPL7KP.js";
-import "../chunk-VERCZTIU.js";
+import "../chunk-E4UYC64S.js";
+import "../chunk-H655AST2.js";
+import "../chunk-JFO6NYAH.js";
 import "../chunk-JJC2AUQ3.js";
-import "../chunk-XNZJYRB6.js";
-import "../chunk-ONKI3Y2B.js";
-import "../chunk-HU26QP34.js";
-import "../chunk-AHFAU6GN.js";
-import "../chunk-YSHKUEMW.js";
-import "../chunk-YPQCGBTP.js";
-import "../chunk-JAUDCYLN.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-ZEO2XVU7.js";
-import "../chunk-5NZJ3NML.js";
-import "../chunk-NUGQY64T.js";
-import "../chunk-2OIKKWVO.js";
-import "../chunk-VFXT26AZ.js";
-import "../chunk-RXWZZA4P.js";
-import "../chunk-NHWOLJCP.js";
-import "../chunk-NQH3VIZQ.js";
-import "../chunk-CJ7QQJ5Y.js";
-import "../chunk-WVN2CZFM.js";
+import "../chunk-BNGAN56P.js";
+import "../chunk-5XZX6Q5N.js";
 import "../chunk-NAVW6EEE.js";
-import "../chunk-KROJZWET.js";
-import "../chunk-3PDCT7WM.js";
-import "../chunk-ZYI7OOWL.js";
+import "../chunk-TKDORWPM.js";
 import "../chunk-E3FGOYEJ.js";
-import "../chunk-PA7UEBQP.js";
-import "../chunk-KD6BUYFQ.js";
-import "../chunk-WZ6DJP4O.js";
-import "../chunk-IYECH7TC.js";
-import "../chunk-X5NDD4G5.js";
-import "../chunk-XI25GBAV.js";
-import "../chunk-VE5R6HXS.js";
-import "../chunk-HPQXD554.js";
-import "../chunk-NMGLXSR5.js";
-import "../chunk-DAJXVGX2.js";
-import "../chunk-5KSG5D3I.js";
-import "../chunk-7PJQ6VSU.js";
-import "../chunk-74STGJFW.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-ANWUSSK3.js";
-import "../chunk-RJFGKGKZ.js";
-import "../chunk-YRAQ7RKA.js";
-import "../chunk-U7ONNBSW.js";
-import "../chunk-Z5TPS2BO.js";
-import "../chunk-D55PUTDY.js";
-import "../chunk-GHQONL3D.js";
-import "../chunk-RJ5RYDSN.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-VCHG5QTD.js";
-import "../chunk-JMZ2X2O4.js";
-import "../chunk-N4JKCOTE.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-IO75ZDF3.js";
-import "../chunk-MSS3WCH4.js";
-import "../chunk-FY5I3Y57.js";
+} from "../chunk-37IAY4LB.js";
+import "../chunk-2C7FFMEL.js";
+import "../chunk-MKAH32A4.js";
 import "../chunk-SLEBHXIK.js";
-import "../chunk-PNF545GV.js";
-import "../chunk-OQ2RFYHH.js";
-import "../chunk-LKN5IGEA.js";
-import "../chunk-4LAHHA2F.js";
-import "../chunk-IY4SXJL4.js";
-import "../chunk-GQPSXKNA.js";
-import "../chunk-FVXM4RHJ.js";
-import "../chunk-C4KAH6R2.js";
-import "../chunk-CHHC7WZB.js";
-import "../chunk-CLOKY2O6.js";
-import "../chunk-N3UGIQK2.js";
-import "../chunk-QXWXA2HJ.js";
-import "../chunk-6FOSU2IM.js";
-import "../chunk-UKAAVTJE.js";
-import "../chunk-ZJBA3ZFB.js";
-import "../chunk-GEUXPD3L.js";
-import "../chunk-UOTDFFHA.js";
-import "../chunk-CMLWISNV.js";
-import "../chunk-55OQPFLF.js";
-import "../chunk-6CJLA4WA.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-PLBUXDY7.js";
-import "../chunk-WAMA4ALS.js";
-import "../chunk-6MW4CQWX.js";
-import "../chunk-YJHUAVN4.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-2V7Q2BOV.js";
-import "../chunk-ODTNEI6C.js";
-import "../chunk-TP2FAEJI.js";
-import "../chunk-DQQNE73A.js";
-import "../chunk-IZG5FX42.js";
-import "../chunk-AL6RGGNV.js";
-import "../chunk-ZS3QLXE4.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";
@@ -108,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";
@@ -116,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";
@@ -124,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";
@@ -132,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";
@@ -140,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";
@@ -148,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";
@@ -156,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";
@@ -395,50 +415,33 @@ import "../chunk-CMFAVB4T.js";
 import "../chunk-VI6WTKMV.js";
 import "../chunk-PHHWD7H7.js";
 import "../chunk-QW2INB5A.js";
-import "../chunk-CQZXDXAP.js";
-import "../chunk-MK35HQHH.js";
-import "../chunk-6X2QCFFS.js";
-import "../chunk-OEUC3MON.js";
-import "../chunk-A57CK43T.js";
-import "../chunk-P6N7QQOO.js";
-import "../chunk-F2JRYFXT.js";
-import "../chunk-S2KNEU2F.js";
-import "../chunk-3YI3VA3B.js";
-import "../chunk-3BSR2KGE.js";
-import "../chunk-SKF2E57W.js";
-import "../chunk-VTEAU7CU.js";
-import "../chunk-GW2HVVOX.js";
-import "../chunk-AXT4FZQX.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-YU3BE5X4.js";
+import "../chunk-3IYJTEVV.js";
 import "../chunk-HAC5YAGQ.js";
-import "../chunk-RPJQBQMR.js";
+import "../chunk-ESRXMWU7.js";
+import "../chunk-QWZTWJXX.js";
 import "../chunk-EQHEEJE6.js";
 import "../chunk-LIVMIDVJ.js";
 import "../chunk-FXKLW6CU.js";
-import "../chunk-QWZTWJXX.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-XT5NXF55.js";
-import "../chunk-KCB4RAXJ.js";
-import "../chunk-U54SGYGZ.js";
-import "../chunk-GWTYSYM2.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-UDFJ6IWI.js";
-import "../chunk-ZSWFGISK.js";
-import "../chunk-NFQP7P3D.js";
 import "../chunk-CWMXXUWU.js";
 
 // src/components/BirthdayInput.tsx
@@ -446,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");
       }
     }
   }
@@ -493,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) {
@@ -505,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;
@@ -524,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",
@@ -537,7 +564,7 @@ function BirthdayInput({
         size: "Large"
       },
       hint: {
-        text: formatDateToText(date),
+        text: formatDateToText(date, dateFormat),
         typography: {
           type: "Label",
           size: "Medium",