@payloadcms/ui 4.0.0-internal.cd69eef → 4.0.0-internal.ce66a41

package/dist/elements/CopyToClipboard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useState","CopyIcon","useTranslation","Tooltip","baseClass","CopyToClipboard","t0","$","defaultMessage","successMessage","value","copied","setCopied","hovered","setHovered","t","t1","navigator","clipboard","writeText","t2","t3","Symbol","for","t4","_jsxs","className","onClick","onMouseEnter","onMouseLeave","type","children","_jsx","delay","undefined","show"],"sources":["../../../src/elements/CopyToClipboard/index.tsx"],"sourcesContent":["'use client'\nimport React, { useState } from 'react'\n\nimport { CopyIcon } from '../../icons/Copy/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Tooltip } from '../Tooltip/index.js'\nimport './index.css'\n\nconst baseClass = 'copy-to-clipboard'\n\nexport type Props = {\n  defaultMessage?: string\n  successMessage?: string\n  value?: string\n}\n\nexport const CopyToClipboard: React.FC<Props> = ({ defaultMessage, successMessage, value }) => {\n  const [copied, setCopied] = useState(false)\n  const [hovered, setHovered] = useState(false)\n  const { t } = useTranslation()\n\n  if (value) {\n    return (\n      <button\n        className={baseClass}\n        onClick={async () => {\n          await navigator.clipboard.writeText(value)\n          setCopied(true)\n        }}\n        onMouseEnter={() => {\n          setHovered(true)\n          setCopied(false)\n        }}\n        onMouseLeave={() => {\n          setHovered(false)\n          setCopied(false)\n        }}\n        type=\"button\"\n      >\n        <CopyIcon />\n        <Tooltip delay={copied ? 0 : undefined} show={hovered || copied}>\n          {copied && (successMessage ?? t('general:copied'))}\n          {!copied && (defaultMessage ?? t('general:copy'))}\n        </Tooltip>\n      </button>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,OAAO,QAAQ;AACxB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAQlB,OAAO,MAAMC,eAAA,GAAmCC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,cAAA;IAAAC,cAAA;IAAAC;EAAA,IAAAJ,EAAyC;EACxF,OAAAK,MAAA,EAAAC,SAAA,IAA4BZ,QAAA,MAAS;EACrC,OAAAa,OAAA,EAAAC,UAAA,IAA8Bd,QAAA,MAAS;EACvC;IAAAe;EAAA,IAAcb,cAAA;EAAA,IAEVQ,KAAA;IAAA,IAAAM,EAAA;IAAA,IAAAT,CAAA,QAAAG,KAAA;MAIWM,EAAA,SAAAA,CAAA;QAAA,MACDC,SAAA,CAAAC,SAAA,CAAAC,SAAA,CAA8BT,KAAA;QACpCE,SAAA,KAAU;MAAA;MACZL,CAAA,MAAAG,KAAA;MAAAH,CAAA,MAAAS,EAAA;IAAA;MAAAA,EAAA,GAAAT,CAAA;IAAA;IAAA,IAAAa,EAAA;IAAA,IAAAC,EAAA;IAAA,IAAAd,CAAA,QAAAe,MAAA,CAAAC,GAAA;MACcH,EAAA,GAAAA,CAAA;QACZN,UAAA,KAAW;QACXF,SAAA,MAAU;MAAA;MAEES,EAAA,GAAAA,CAAA;QACZP,UAAA,MAAW;QACXF,SAAA,MAAU;MAAA;MACZL,CAAA,MAAAa,EAAA;MAAAb,CAAA,MAAAc,EAAA;IAAA;MAAAD,EAAA,GAAAb,CAAA;MAAAc,EAAA,GAAAd,CAAA;IAAA;IAAA,IAAAiB,EAAA;IAAA,IAAAjB,CAAA,QAAAI,MAAA,IAAAJ,CAAA,QAAAC,cAAA,IAAAD,CAAA,QAAAM,OAAA,IAAAN,CAAA,QAAAE,cAAA,IAAAF,CAAA,QAAAQ,CAAA,IAAAR,CAAA,QAAAS,EAAA;MAbFQ,EAAA,GAAAC,KAAA,CAAC;QAAAC,SAAA,EAAAtB,SAAA;QAAAuB,OAAA,EAEUX,EAGT;QAAAY,YAAA,EACcR,EAGd;QAAAS,YAAA,EACcR,EAGd;QAAAS,IAAA,EACK;QAAAC,QAAA,GAELC,IAAA,CAAA/B,QAAA,IAAC,GACDwB,KAAA,CAAAtB,OAAA;UAAA8B,KAAA,EAAgBtB,MAAA,OAAAuB,SAAa;UAAAC,IAAA,EAAiBtB,OAAA,IAAWF,MAAA;UAAAoB,QAAA,GACtDpB,MAAA,KAAWF,cAAA,IAAkBM,CAAA,CAAE,iBAAgB,GAC/C,CAACJ,MAAA,KAAWH,cAAA,IAAkBO,CAAA,CAAE,eAAc;QAAA,C;;;;;;;;;;;;WAnBnDS,E;;;CA0BN","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useState","CopyIcon","useTranslation","Tooltip","baseClass","CopyToClipboard","t0","$","defaultMessage","icon","successMessage","value","copied","setCopied","hovered","setHovered","t","t1","navigator","clipboard","writeText","t2","t3","Symbol","for","t4","_jsxs","className","onClick","onMouseEnter","onMouseLeave","type","children","_jsx","delay","undefined","show"],"sources":["../../../src/elements/CopyToClipboard/index.tsx"],"sourcesContent":["'use client'\nimport React, { useState } from 'react'\n\nimport { CopyIcon } from '../../icons/Copy/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Tooltip } from '../Tooltip/index.js'\nimport './index.css'\n\nconst baseClass = 'copy-to-clipboard'\n\nexport type Props = {\n  defaultMessage?: string\n  icon?: React.ReactNode\n  successMessage?: string\n  value?: string\n}\n\nexport const CopyToClipboard: React.FC<Props> = ({\n  defaultMessage,\n  icon,\n  successMessage,\n  value,\n}) => {\n  const [copied, setCopied] = useState(false)\n  const [hovered, setHovered] = useState(false)\n  const { t } = useTranslation()\n\n  if (value) {\n    return (\n      <button\n        className={baseClass}\n        onClick={async () => {\n          await navigator.clipboard.writeText(value)\n          setCopied(true)\n        }}\n        onMouseEnter={() => {\n          setHovered(true)\n          setCopied(false)\n        }}\n        onMouseLeave={() => {\n          setHovered(false)\n          setCopied(false)\n        }}\n        type=\"button\"\n      >\n        {icon ?? <CopyIcon />}\n        <Tooltip delay={copied ? 0 : undefined} show={hovered || copied}>\n          {copied && (successMessage ?? t('general:copied'))}\n          {!copied && (defaultMessage ?? t('general:copy'))}\n        </Tooltip>\n      </button>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,OAAO,QAAQ;AACxB,OAAO;AAEP,MAAMC,SAAA,GAAY;AASlB,OAAO,MAAMC,eAAA,GAAmCC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,cAAA;IAAAC,IAAA;IAAAC,cAAA;IAAAC;EAAA,IAAAL,EAKhD;EACC,OAAAM,MAAA,EAAAC,SAAA,IAA4Bb,QAAA,MAAS;EACrC,OAAAc,OAAA,EAAAC,UAAA,IAA8Bf,QAAA,MAAS;EACvC;IAAAgB;EAAA,IAAcd,cAAA;EAAA,IAEVS,KAAA;IAAA,IAAAM,EAAA;IAAA,IAAAV,CAAA,QAAAI,KAAA;MAIWM,EAAA,SAAAA,CAAA;QAAA,MACDC,SAAA,CAAAC,SAAA,CAAAC,SAAA,CAA8BT,KAAA;QACpCE,SAAA,KAAU;MAAA;MACZN,CAAA,MAAAI,KAAA;MAAAJ,CAAA,MAAAU,EAAA;IAAA;MAAAA,EAAA,GAAAV,CAAA;IAAA;IAAA,IAAAc,EAAA;IAAA,IAAAC,EAAA;IAAA,IAAAf,CAAA,QAAAgB,MAAA,CAAAC,GAAA;MACcH,EAAA,GAAAA,CAAA;QACZN,UAAA,KAAW;QACXF,SAAA,MAAU;MAAA;MAEES,EAAA,GAAAA,CAAA;QACZP,UAAA,MAAW;QACXF,SAAA,MAAU;MAAA;MACZN,CAAA,MAAAc,EAAA;MAAAd,CAAA,MAAAe,EAAA;IAAA;MAAAD,EAAA,GAAAd,CAAA;MAAAe,EAAA,GAAAf,CAAA;IAAA;IAAA,IAAAkB,EAAA;IAAA,IAAAlB,CAAA,QAAAK,MAAA,IAAAL,CAAA,QAAAC,cAAA,IAAAD,CAAA,QAAAO,OAAA,IAAAP,CAAA,QAAAE,IAAA,IAAAF,CAAA,QAAAG,cAAA,IAAAH,CAAA,QAAAS,CAAA,IAAAT,CAAA,SAAAU,EAAA;MAbFQ,EAAA,GAAAC,KAAA,CAAC;QAAAC,SAAA,EAAAvB,SAAA;QAAAwB,OAAA,EAEUX,EAGT;QAAAY,YAAA,EACcR,EAGd;QAAAS,YAAA,EACcR,EAGd;QAAAS,IAAA,EACK;QAAAC,QAAA,GAEJvB,IAAA,IAAQwB,IAAA,CAAAhC,QAAA,IAAC,GACVyB,KAAA,CAAAvB,OAAA;UAAA+B,KAAA,EAAgBtB,MAAA,OAAAuB,SAAa;UAAAC,IAAA,EAAiBtB,OAAA,IAAWF,MAAA;UAAAoB,QAAA,GACtDpB,MAAA,KAAWF,cAAA,IAAkBM,CAAA,CAAE,iBAAgB,GAC/C,CAACJ,MAAA,KAAWJ,cAAA,IAAkBQ,CAAA,CAAE,eAAc;QAAA,C;;;;;;;;;;;;;WAnBnDS,E;;;CA0BN","ignoreList":[]}

package/dist/elements/CreateDocumentButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/CreateDocumentButton/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAA;AAU/E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,cAAc,EAAE,MAAM,CAAA;IACtB,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACrC,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG;IACtC,mBAAmB;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,CAAA;IACxC,yCAAyC;IACzC,WAAW,EAAE,gBAAgB,EAAE,CAAA;IAC/B,uCAAuC;IACvC,UAAU,EAAE,MAAM,CAAA;IAClB,mGAAmG;IACnG,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mDAAmD;IACnD,MAAM,CAAC,EAAE,0BAA0B,CAAC,QAAQ,CAAC,CAAA;IAC7C,kBAAkB;IAClB,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;CAC3B,CAAA;AAED,wBAAgB,oBAAoB,CAAC,EACnC,WAAoB,EACpB,WAAW,EACX,UAAU,EACV,KAAK,EACL,MAAM,EACN,IAAe,GAChB,EAAE,yBAAyB,qBAoG3B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/CreateDocumentButton/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAA;AAU/E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,cAAc,EAAE,MAAM,CAAA;IACtB,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACrC,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG;IACtC,mBAAmB;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,CAAA;IACxC,yCAAyC;IACzC,WAAW,EAAE,gBAAgB,EAAE,CAAA;IAC/B,uCAAuC;IACvC,UAAU,EAAE,MAAM,CAAA;IAClB,mGAAmG;IACnG,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mDAAmD;IACnD,MAAM,CAAC,EAAE,0BAA0B,CAAC,QAAQ,CAAC,CAAA;IAC7C,kBAAkB;IAClB,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;CAC3B,CAAA;AAED,wBAAgB,oBAAoB,CAAC,EACnC,WAAoB,EACpB,WAAW,EACX,UAAU,EACV,KAAK,EACL,MAAM,EACN,IAAe,GAChB,EAAE,yBAAyB,qBAyG3B"}

package/dist/elements/CreateDocumentButton/index.js

@@ -4,6 +4,7 @@ import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
+import { hasAutosaveEnabled } from 'payload/shared';
 import React, { useState } from 'react';
 import { useConfig } from '../../providers/Config/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
@@ -12,7 +13,7 @@ import { DocumentDrawer } from '../DocumentDrawer/index.js';
 import { Popup, PopupList } from '../Popup/index.js';
 const baseClass = 'create-document-button';
 export function CreateDocumentButton(t0) {
-  const $ = _c(37);
+  const $ = _c(41);
   const {
     buttonStyle: t1,
     collections,
@@ -70,7 +71,9 @@ export function CreateDocumentButton(t0) {
   let t5;
   if ($[6] !== closeModal || $[7] !== drawerSlug || $[8] !== onSave) {
     t5 = args => {
-      closeModal(drawerSlug);
+      if (!hasAutosaveEnabled(args.collectionConfig)) {
+        closeModal(drawerSlug);
+      }
       return onSave?.(args);
     };
     $[6] = closeModal;
@@ -127,34 +130,61 @@ export function CreateDocumentButton(t0) {
     return t6;
   }
   let t6;
-  if ($[23] !== buttonStyle || $[24] !== collections || $[25] !== drawerSlug || $[26] !== getCollectionLabel || $[27] !== handleSave || $[28] !== handleSelect || $[29] !== label || $[30] !== selectedCollection || $[31] !== size || $[32] !== t) {
-    const buttonLabel_0 = label || t("general:createNew");
-    let t7;
-    if ($[34] !== getCollectionLabel || $[35] !== handleSelect) {
-      t7 = collection_1 => _jsx(PopupList.Button, {
+  if ($[23] !== label || $[24] !== t) {
+    t6 = label || t("general:createNew");
+    $[23] = label;
+    $[24] = t;
+    $[25] = t6;
+  } else {
+    t6 = $[25];
+  }
+  const buttonLabel_0 = t6;
+  let t7;
+  if ($[26] !== buttonLabel_0 || $[27] !== buttonStyle || $[28] !== size) {
+    t7 = t8 => {
+      const {
+        active,
+        ...buttonProps
+      } = t8;
+      return _jsx(Button, {
+        ...buttonProps,
+        buttonStyle,
+        className: `${baseClass}__popup-button`,
+        icon: "chevron",
+        selected: active,
+        size,
+        children: buttonLabel_0
+      });
+    };
+    $[26] = buttonLabel_0;
+    $[27] = buttonStyle;
+    $[28] = size;
+    $[29] = t7;
+  } else {
+    t7 = $[29];
+  }
+  let t8;
+  if ($[30] !== collections || $[31] !== drawerSlug || $[32] !== getCollectionLabel || $[33] !== handleSave || $[34] !== handleSelect || $[35] !== selectedCollection || $[36] !== t7) {
+    let t9;
+    if ($[38] !== getCollectionLabel || $[39] !== handleSelect) {
+      t9 = collection_1 => _jsx(PopupList.Button, {
         onClick: () => handleSelect(collection_1),
         children: getCollectionLabel(collection_1)
       }, collection_1.collectionSlug);
-      $[34] = getCollectionLabel;
-      $[35] = handleSelect;
-      $[36] = t7;
+      $[38] = getCollectionLabel;
+      $[39] = handleSelect;
+      $[40] = t9;
     } else {
-      t7 = $[36];
+      t9 = $[40];
     }
-    t6 = _jsxs(_Fragment, {
+    t8 = _jsxs(_Fragment, {
       children: [_jsx(Popup, {
-        button: _jsx(Button, {
-          buttonStyle,
-          className: `${baseClass}__popup-button`,
-          icon: "chevron",
-          size,
-          children: buttonLabel_0
-        }),
-        buttonType: "custom",
         className: `${baseClass}__popup`,
         horizontalAlign: "right",
+        popupType: "menu",
+        renderButton: t7,
         children: _jsx(PopupList.ButtonGroup, {
-          children: collections.map(t7)
+          children: collections.map(t9)
         })
       }), selectedCollection && _jsx(DocumentDrawer, {
         collectionSlug: selectedCollection.collectionSlug,
@@ -164,20 +194,17 @@ export function CreateDocumentButton(t0) {
         redirectAfterCreate: false
       })]
     });
-    $[23] = buttonStyle;
-    $[24] = collections;
-    $[25] = drawerSlug;
-    $[26] = getCollectionLabel;
-    $[27] = handleSave;
-    $[28] = handleSelect;
-    $[29] = label;
-    $[30] = selectedCollection;
-    $[31] = size;
-    $[32] = t;
-    $[33] = t6;
+    $[30] = collections;
+    $[31] = drawerSlug;
+    $[32] = getCollectionLabel;
+    $[33] = handleSave;
+    $[34] = handleSelect;
+    $[35] = selectedCollection;
+    $[36] = t7;
+    $[37] = t8;
   } else {
-    t6 = $[33];
+    t8 = $[37];
   }
-  return t6;
+  return t8;
 }
 //# sourceMappingURL=index.js.map

package/dist/elements/CreateDocumentButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","React","useState","useConfig","useTranslation","Button","DocumentDrawer","Popup","PopupList","baseClass","CreateDocumentButton","t0","$","buttonStyle","t1","collections","drawerSlug","label","onSave","size","t2","undefined","config","i18n","t","closeModal","openModal","selectedCollection","setSelectedCollection","length","t3","option","collectionConfig","find","slug","collectionSlug","labels","singular","getCollectionLabel","t4","collection","handleSelect","t5","args","handleSave","collection_0","t6","buttonLabel","t7","_jsxs","_Fragment","children","_jsx","className","margin","onClick","initialData","redirectAfterCreate","buttonLabel_0","collection_1","button","icon","horizontalAlign","ButtonGroup","map"],"sources":["../../../src/elements/CreateDocumentButton/index.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useState } from 'react'\n\nimport type { Props as ButtonProps } from '../Button/types.js'\nimport type { DocumentDrawerContextProps } from '../DocumentDrawer/Provider.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { DocumentDrawer } from '../DocumentDrawer/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\n\nconst baseClass = 'create-document-button'\n\nexport type CollectionOption = {\n  collectionSlug: string\n  /** Initial data to populate the form when creating */\n  initialData?: Record<string, unknown>\n  /** Optional label override (defaults to collection's singular label) */\n  label?: string\n}\n\nexport type CreateDocumentButtonProps = {\n  /** Button style */\n  buttonStyle?: ButtonProps['buttonStyle']\n  /** Collections available for creation */\n  collections: CollectionOption[]\n  /** Unique slug for the drawer modal */\n  drawerSlug: string\n  /** Custom button label (defaults to \"Create New\" for multiple, \"Create New {label}\" for single) */\n  label?: string\n  /** Called when a document is successfully saved */\n  onSave?: DocumentDrawerContextProps['onSave']\n  /** Button size */\n  size?: ButtonProps['size']\n}\n\nexport function CreateDocumentButton({\n  buttonStyle = 'pill',\n  collections,\n  drawerSlug,\n  label,\n  onSave,\n  size = 'medium',\n}: CreateDocumentButtonProps) {\n  const { config } = useConfig()\n  const { i18n, t } = useTranslation()\n  const { closeModal, openModal } = useModal()\n\n  const [selectedCollection, setSelectedCollection] = useState<CollectionOption | null>(null)\n\n  if (collections.length === 0) {\n    return null\n  }\n\n  const getCollectionLabel = (option: CollectionOption) => {\n    if (option.label) {\n      return option.label\n    }\n    const collectionConfig = config.collections.find((c) => c.slug === option.collectionSlug)\n    return getTranslation(collectionConfig?.labels?.singular, i18n) || option.collectionSlug\n  }\n\n  const handleSelect = (collection: CollectionOption) => {\n    setSelectedCollection(collection)\n    openModal(drawerSlug)\n  }\n\n  const handleSave: DocumentDrawerContextProps['onSave'] = (args) => {\n    closeModal(drawerSlug)\n    return onSave?.(args)\n  }\n\n  // Single collection - render simple button\n  if (collections.length === 1) {\n    const collection = collections[0]\n    const buttonLabel = label || t('general:createNew')\n\n    return (\n      <>\n        <Button\n          buttonStyle={buttonStyle}\n          className={baseClass}\n          margin={false}\n          onClick={() => handleSelect(collection)}\n          size={size}\n        >\n          {buttonLabel}\n        </Button>\n        {selectedCollection && (\n          <DocumentDrawer\n            collectionSlug={selectedCollection.collectionSlug}\n            drawerSlug={drawerSlug}\n            initialData={selectedCollection.initialData}\n            onSave={handleSave}\n            redirectAfterCreate={false}\n          />\n        )}\n      </>\n    )\n  }\n\n  // Multiple collections - render dropdown\n  const buttonLabel = label || t('general:createNew')\n\n  return (\n    <>\n      <Popup\n        button={\n          <Button\n            buttonStyle={buttonStyle}\n            className={`${baseClass}__popup-button`}\n            icon=\"chevron\"\n            size={size}\n          >\n            {buttonLabel}\n          </Button>\n        }\n        buttonType=\"custom\"\n        className={`${baseClass}__popup`}\n        horizontalAlign=\"right\"\n      >\n        <PopupList.ButtonGroup>\n          {collections.map((collection) => (\n            <PopupList.Button\n              key={collection.collectionSlug}\n              onClick={() => handleSelect(collection)}\n            >\n              {getCollectionLabel(collection)}\n            </PopupList.Button>\n          ))}\n        </PopupList.ButtonGroup>\n      </Popup>\n      {selectedCollection && (\n        <DocumentDrawer\n          collectionSlug={selectedCollection.collectionSlug}\n          drawerSlug={drawerSlug}\n          initialData={selectedCollection.initialData}\n          onSave={handleSave}\n          redirectAfterCreate={false}\n        />\n      )}\n    </>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","hasAutosaveEnabled","React","useState","useConfig","useTranslation","Button","DocumentDrawer","Popup","PopupList","baseClass","CreateDocumentButton","t0","$","buttonStyle","t1","collections","drawerSlug","label","onSave","size","t2","undefined","config","i18n","t","closeModal","openModal","selectedCollection","setSelectedCollection","length","t3","option","collectionConfig","find","slug","collectionSlug","labels","singular","getCollectionLabel","t4","collection","handleSelect","t5","args","handleSave","collection_0","t6","buttonLabel","t7","_jsxs","_Fragment","children","_jsx","className","margin","onClick","initialData","redirectAfterCreate","buttonLabel_0","t8","active","buttonProps","icon","selected","t9","collection_1","horizontalAlign","popupType","renderButton","ButtonGroup","map"],"sources":["../../../src/elements/CreateDocumentButton/index.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { hasAutosaveEnabled } from 'payload/shared'\nimport React, { useState } from 'react'\n\nimport type { Props as ButtonProps } from '../Button/types.js'\nimport type { DocumentDrawerContextProps } from '../DocumentDrawer/Provider.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { DocumentDrawer } from '../DocumentDrawer/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\n\nconst baseClass = 'create-document-button'\n\nexport type CollectionOption = {\n  collectionSlug: string\n  /** Initial data to populate the form when creating */\n  initialData?: Record<string, unknown>\n  /** Optional label override (defaults to collection's singular label) */\n  label?: string\n}\n\nexport type CreateDocumentButtonProps = {\n  /** Button style */\n  buttonStyle?: ButtonProps['buttonStyle']\n  /** Collections available for creation */\n  collections: CollectionOption[]\n  /** Unique slug for the drawer modal */\n  drawerSlug: string\n  /** Custom button label (defaults to \"Create New\" for multiple, \"Create New {label}\" for single) */\n  label?: string\n  /** Called when a document is successfully saved */\n  onSave?: DocumentDrawerContextProps['onSave']\n  /** Button size */\n  size?: ButtonProps['size']\n}\n\nexport function CreateDocumentButton({\n  buttonStyle = 'pill',\n  collections,\n  drawerSlug,\n  label,\n  onSave,\n  size = 'medium',\n}: CreateDocumentButtonProps) {\n  const { config } = useConfig()\n  const { i18n, t } = useTranslation()\n  const { closeModal, openModal } = useModal()\n\n  const [selectedCollection, setSelectedCollection] = useState<CollectionOption | null>(null)\n\n  if (collections.length === 0) {\n    return null\n  }\n\n  const getCollectionLabel = (option: CollectionOption) => {\n    if (option.label) {\n      return option.label\n    }\n    const collectionConfig = config.collections.find((c) => c.slug === option.collectionSlug)\n    return getTranslation(collectionConfig?.labels?.singular, i18n) || option.collectionSlug\n  }\n\n  const handleSelect = (collection: CollectionOption) => {\n    setSelectedCollection(collection)\n    openModal(drawerSlug)\n  }\n\n  const handleSave: DocumentDrawerContextProps['onSave'] = (args) => {\n    if (!hasAutosaveEnabled(args.collectionConfig)) {\n      closeModal(drawerSlug)\n    }\n\n    return onSave?.(args)\n  }\n\n  // Single collection - render simple button\n  if (collections.length === 1) {\n    const collection = collections[0]\n    const buttonLabel = label || t('general:createNew')\n\n    return (\n      <>\n        <Button\n          buttonStyle={buttonStyle}\n          className={baseClass}\n          margin={false}\n          onClick={() => handleSelect(collection)}\n          size={size}\n        >\n          {buttonLabel}\n        </Button>\n        {selectedCollection && (\n          <DocumentDrawer\n            collectionSlug={selectedCollection.collectionSlug}\n            drawerSlug={drawerSlug}\n            initialData={selectedCollection.initialData}\n            onSave={handleSave}\n            redirectAfterCreate={false}\n          />\n        )}\n      </>\n    )\n  }\n\n  // Multiple collections - render dropdown\n  const buttonLabel = label || t('general:createNew')\n\n  return (\n    <>\n      <Popup\n        className={`${baseClass}__popup`}\n        horizontalAlign=\"right\"\n        popupType=\"menu\"\n        renderButton={({ active, ...buttonProps }) => (\n          <Button\n            {...buttonProps}\n            buttonStyle={buttonStyle}\n            className={`${baseClass}__popup-button`}\n            icon=\"chevron\"\n            selected={active}\n            size={size}\n          >\n            {buttonLabel}\n          </Button>\n        )}\n      >\n        <PopupList.ButtonGroup>\n          {collections.map((collection) => (\n            <PopupList.Button\n              key={collection.collectionSlug}\n              onClick={() => handleSelect(collection)}\n            >\n              {getCollectionLabel(collection)}\n            </PopupList.Button>\n          ))}\n        </PopupList.ButtonGroup>\n      </Popup>\n      {selectedCollection && (\n        <DocumentDrawer\n          collectionSlug={selectedCollection.collectionSlug}\n          drawerSlug={drawerSlug}\n          initialData={selectedCollection.initialData}\n          onSave={handleSave}\n          redirectAfterCreate={false}\n        />\n      )}\n    </>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ;AACnC,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAKhC,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,cAAc,QAAQ;AAC/B,SAASC,KAAK,EAAEC,SAAS,QAAQ;AAEjC,MAAMC,SAAA,GAAY;AAyBlB,OAAO,SAAAC,qBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAf,EAAA;EAA8B;IAAAgB,WAAA,EAAAC,EAAA;IAAAC,WAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,IAAA,EAAAC;EAAA,IAAAT,EAOT;EAN1B,MAAAE,WAAA,GAAAC,EAAoB,KAAAO,SAAA,GAAN,MAAM,GAApBP,EAAoB;EAKpB,MAAAK,IAAA,GAAAC,EAAe,KAAAC,SAAA,GAAR,QAAQ,GAAfD,EAAe;EAEf;IAAAE;EAAA,IAAmBnB,SAAA;EACnB;IAAAoB,IAAA;IAAAC;EAAA,IAAoBpB,cAAA;EACpB;IAAAqB,UAAA;IAAAC;EAAA,IAAkC5B,QAAA;EAElC,OAAA6B,kBAAA,EAAAC,qBAAA,IAAoD1B,QAAA,KAAkC;EAAA,IAElFa,WAAA,CAAAc,MAAA,MAAuB;IAAA;EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAlB,CAAA,QAAAU,MAAA,IAAAV,CAAA,QAAAW,IAAA;IAIAO,EAAA,GAAAC,MAAA;MAAA,IACrBA,MAAA,CAAAd,KAAA;QAAA,OACKc,MAAA,CAAAd,KAAA;MAAA;MAET,MAAAe,gBAAA,GAAyBV,MAAA,CAAAP,WAAA,CAAAkB,IAAA,CAAArC,CAAA,IAA+BA,CAAA,CAAAsC,IAAA,KAAWH,MAAA,CAAAI,cAAqB;MAAA,OACjFpC,cAAA,CAAeiC,gBAAA,EAAAI,MAAA,EAAAC,QAAA,EAAoCd,IAAA,KAASQ,MAAA,CAAAI,cAAqB;IAAA;IAC1FvB,CAAA,MAAAU,MAAA;IAAAV,CAAA,MAAAW,IAAA;IAAAX,CAAA,MAAAkB,EAAA;EAAA;IAAAA,EAAA,GAAAlB,CAAA;EAAA;EANA,MAAA0B,kBAAA,GAA2BR,EAM3B;EAAA,IAAAS,EAAA;EAAA,IAAA3B,CAAA,QAAAI,UAAA,IAAAJ,CAAA,QAAAc,SAAA;IAEqBa,EAAA,GAAAC,UAAA;MACnBZ,qBAAA,CAAsBY,UAAA;MACtBd,SAAA,CAAUV,UAAA;IAAA;IACZJ,CAAA,MAAAI,UAAA;IAAAJ,CAAA,MAAAc,SAAA;IAAAd,CAAA,MAAA2B,EAAA;EAAA;IAAAA,EAAA,GAAA3B,CAAA;EAAA;EAHA,MAAA6B,YAAA,GAAqBF,EAGrB;EAAA,IAAAG,EAAA;EAAA,IAAA9B,CAAA,QAAAa,UAAA,IAAAb,CAAA,QAAAI,UAAA,IAAAJ,CAAA,QAAAM,MAAA;IAEyDwB,EAAA,GAAAC,IAAA;MAAA,KAClD3C,kBAAA,CAAmB2C,IAAA,CAAAX,gBAAqB;QAC3CP,UAAA,CAAWT,UAAA;MAAA;MAAA,OAGNE,MAAA,GAASyB,IAAA;IAAA;IAClB/B,CAAA,MAAAa,UAAA;IAAAb,CAAA,MAAAI,UAAA;IAAAJ,CAAA,MAAAM,MAAA;IAAAN,CAAA,MAAA8B,EAAA;EAAA;IAAAA,EAAA,GAAA9B,CAAA;EAAA;EANA,MAAAgC,UAAA,GAAyDF,EAMzD;EAAA,IAGI3B,WAAA,CAAAc,MAAA,MAAuB;IACzB,MAAAgB,YAAA,GAAmB9B,WAAW;IAAG,IAAA+B,EAAA;IAAA,IAAAlC,CAAA,SAAAC,WAAA,IAAAD,CAAA,SAAAiC,YAAA,IAAAjC,CAAA,SAAAI,UAAA,IAAAJ,CAAA,SAAAgC,UAAA,IAAAhC,CAAA,SAAA6B,YAAA,IAAA7B,CAAA,SAAAK,KAAA,IAAAL,CAAA,SAAAe,kBAAA,IAAAf,CAAA,SAAAO,IAAA,IAAAP,CAAA,SAAAY,CAAA;MACjC,MAAAuB,WAAA,GAAoB9B,KAAA,IAASO,CAAA,CAAE;MAAA,IAAAwB,EAAA;MAAA,IAAApC,CAAA,SAAAiC,YAAA,IAAAjC,CAAA,SAAA6B,YAAA;QAQhBO,EAAA,GAAAA,CAAA,KAAMP,YAAA,CAAaD,YAAA;QAAA5B,CAAA,OAAAiC,YAAA;QAAAjC,CAAA,OAAA6B,YAAA;QAAA7B,CAAA,OAAAoC,EAAA;MAAA;QAAAA,EAAA,GAAApC,CAAA;MAAA;MALhCkC,EAAA,GAAAG,KAAA,CAAAC,SAAA;QAAAC,QAAA,GACEC,IAAA,CAAA/C,MAAA;UAAAQ,WAAA;UAAAwC,SAAA,EAAA5C,SAAA;UAAA6C,MAAA;UAAAC,OAAA,EAIWP,EAAmB;UAAA7B,IAAA;UAAAgC,QAAA,EAG3BJ;QAAA,C,GAEFpB,kBAAA,IACCyB,IAAA,CAAA9C,cAAA;UAAA6B,cAAA,EACkBR,kBAAA,CAAAQ,cAAA;UAAAnB,UAAA;UAAAwC,WAAA,EAEH7B,kBAAA,CAAA6B,WAAA;UAAAtC,MAAA,EACL0B,UAAA;UAAAa,mBAAA;QAAA,C;;;;;;;;;;;;;;;WAfdX,E;;;;IAwBgBA,EAAA,GAAA7B,KAAA,IAASO,CAAA,CAAE;IAAAZ,CAAA,OAAAK,KAAA;IAAAL,CAAA,OAAAY,CAAA;IAAAZ,CAAA,OAAAkC,EAAA;EAAA;IAAAA,EAAA,GAAAlC,CAAA;EAAA;EAA/B,MAAA8C,aAAA,GAAoBZ,EAAW;EAAA,IAAAE,EAAA;EAAA,IAAApC,CAAA,SAAA8C,aAAA,IAAA9C,CAAA,SAAAC,WAAA,IAAAD,CAAA,SAAAO,IAAA;IAQX6B,EAAA,GAAAW,EAAA;MAAC;QAAAC,MAAA;QAAA,GAAAC;MAAA,IAAAF,EAA0B;MAAA,OACvCP,IAAA,CAAA/C,MAAA;QAAA,GACMwD,WAAW;QAAAhD,WAAA;QAAAwC,SAAA,EAEJ,GAAA5C,SAAA,gBAA4B;QAAAqD,IAAA,EAClC;QAAAC,QAAA,EACKH,MAAA;QAAAzC,IAAA;QAAAgC,QAAA,EAGTJ;MAAA,C;;;;;;;;;;;;;MAKciB,EAAA,GAAAC,YAAA,IACfb,IAAA,CAAA5C,SAAA,CAAAH,MAAA;QAAAkD,OAAA,EAAAA,CAAA,KAEiBd,YAAA,CAAaD,YAAA;QAAAW,QAAA,EAE3Bb,kBAAA,CAAmBE,YAAA;MAAA,GAHfA,YAAA,CAAAL,cAAyB;MAAAvB,CAAA,OAAA0B,kBAAA;MAAA1B,CAAA,OAAA6B,YAAA;MAAA7B,CAAA,OAAAoD,EAAA;IAAA;MAAAA,EAAA,GAAApD,CAAA;IAAA;IArBxC+C,EAAA,GAAAV,KAAA,CAAAC,SAAA;MAAAC,QAAA,GACEC,IAAA,CAAA7C,KAAA;QAAA8C,SAAA,EACa,GAAA5C,SAAA,SAAqB;QAAAyD,eAAA,EAChB;QAAAC,SAAA,EACN;QAAAC,YAAA,EACIpB,E;kBAadI,IAAA,CAAA5C,SAAA,CAAA6D,WAAA;UAAAlB,QAAA,EACGpC,WAAA,CAAAuD,GAAA,CAAgBN,EAEiB;QAAA,C;UAQrCrC,kBAAA,IACCyB,IAAA,CAAA9C,cAAA;QAAA6B,cAAA,EACkBR,kBAAA,CAAAQ,cAAA;QAAAnB,UAAA;QAAAwC,WAAA,EAEH7B,kBAAA,CAAA6B,WAAA;QAAAtC,MAAA,EACL0B,UAAA;QAAAa,mBAAA;MAAA,C;;;;;;;;;;;;;SAlCdE,E","ignoreList":[]}

package/dist/elements/DatePicker/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/elements/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAMvC,OAAO,aAAa,CAAA;AAIpB,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2H/B,CAAA;eAGc,UAAU"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/elements/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAOvC,OAAO,aAAa,CAAA;AA4CpB,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkM/B,CAAA;eAGc,UAAU"}

package/dist/elements/DatePicker/DatePicker.js

@@ -1,18 +1,50 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import ReactDatePickerDefaultImport, { registerLocale, setDefaultLocale } from 'react-datepicker';
+import { createPortal, flushSync } from 'react-dom';
 const ReactDatePicker = 'default' in ReactDatePickerDefaultImport ? ReactDatePickerDefaultImport.default : ReactDatePickerDefaultImport;
 import { CalendarIcon } from '../../icons/Calendar/index.js';
 import { ChevronIcon } from '../../icons/Chevron/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { getFormattedLocale } from './getFormattedLocale.js';
+import { hasAmbiguousYearInput } from './hasAmbiguousYearInput.js';
 import './index.css';
 const baseClass = 'date-time-picker';
+const AccessibleCalendarContainer = ({
+  children,
+  className,
+  dialogLabel,
+  monthLabel,
+  yearLabel
+}) => {
+  const containerRef = React.useRef(null);
+  React.useLayoutEffect(() => {
+    containerRef.current?.querySelector('.react-datepicker__month-select')?.setAttribute('aria-label', monthLabel);
+    containerRef.current?.querySelector('.react-datepicker__year-select')?.setAttribute('aria-label', yearLabel);
+  });
+  return /*#__PURE__*/_jsx("div", {
+    "aria-label": dialogLabel,
+    className: className,
+    ref: containerRef,
+    role: "dialog",
+    children: children
+  });
+};
+const getDateTimeFieldLabel = ({
+  field,
+  locale
+}) => {
+  try {
+    return new Intl.DisplayNames(locale, {
+      type: 'dateTimeField'
+    }).of(field) || field;
+  } catch (_error) {
+    return field;
+  }
+};
 const DatePicker = props => {
-  const $ = _c(6);
   const {
     id,
     displayFormat: customDisplayFormat,
@@ -20,60 +52,94 @@ const DatePicker = props => {
     maxTime,
     minDate,
     minTime,
-    monthsToShow: t0,
+    monthsToShow = 1,
     onChange: onChangeFromProps,
     overrides,
-    pickerAppearance: t1,
+    pickerAppearance = 'default',
     placeholder: placeholderText,
     readOnly,
-    timeFormat: t2,
-    timeIntervals: t3,
+    timeFormat = 'h:mm aa',
+    timeIntervals = 30,
     value
   } = props;
-  const monthsToShow = t0 === undefined ? 1 : t0;
-  const pickerAppearance = t1 === undefined ? "default" : t1;
-  const timeFormat = t2 === undefined ? "h:mm aa" : t2;
-  const timeIntervals = t3 === undefined ? 30 : t3;
+  const datePickerRef = React.useRef(null);
+  const rejectedInputValueRef = React.useRef(undefined);
+  const [modalContainer, setModalContainer] = React.useState(null);
+  const setContainerRef = React.useCallback(element => {
+    setModalContainer(element?.closest('dialog, [role="dialog"]') ?? null);
+  }, []);
+  const popperContainer = React.useCallback(({
+    children
+  }) => modalContainer ? /*#__PURE__*/createPortal(children, modalContainer) : children, [modalContainer]);
+  // Use the user's AdminUI language preference for the locale
   const {
-    i18n
+    i18n,
+    t
   } = useTranslation();
+  const monthLabel = getDateTimeFieldLabel({
+    field: 'month',
+    locale: i18n.language
+  });
+  const yearLabel = getDateTimeFieldLabel({
+    field: 'year',
+    locale: i18n.language
+  });
+  const calendarContainer = React.useCallback(({
+    children: children_0,
+    className
+  }) => /*#__PURE__*/_jsx(AccessibleCalendarContainer, {
+    className: className,
+    dialogLabel: `${t('general:selectValue')}: ${monthLabel}, ${yearLabel}`,
+    monthLabel: monthLabel,
+    yearLabel: yearLabel,
+    children: children_0
+  }), [monthLabel, t, yearLabel]);
   let dateFormat = customDisplayFormat;
   if (!customDisplayFormat) {
-    if (pickerAppearance === "default") {
-      dateFormat = "MM/dd/yyyy";
-    } else {
-      if (pickerAppearance === "dayAndTime") {
-        dateFormat = "MMM d, yyy h:mm a";
-      } else {
-        if (pickerAppearance === "timeOnly") {
-          dateFormat = "h:mm a";
-        } else {
-          if (pickerAppearance === "dayOnly") {
-            dateFormat = "MMM dd";
-          } else {
-            if (pickerAppearance === "monthOnly") {
-              dateFormat = "MMMM";
-            }
-          }
-        }
-      }
+    // when no displayFormat is provided, determine format based on the picker appearance
+    if (pickerAppearance === 'default') {
+      dateFormat = 'MM/dd/yyyy';
+    } else if (pickerAppearance === 'dayAndTime') {
+      dateFormat = 'MMM d, yyy h:mm a';
+    } else if (pickerAppearance === 'timeOnly') {
+      dateFormat = 'h:mm a';
+    } else if (pickerAppearance === 'dayOnly') {
+      dateFormat = 'MMM dd';
+    } else if (pickerAppearance === 'monthOnly') {
+      dateFormat = 'MMMM';
     }
   }
-  const onChange = incomingDate => {
+  const onChange = (incomingDate, event) => {
     const newDate = incomingDate;
-    if (newDate instanceof Date && ["dayOnly", "default", "monthOnly"].includes(pickerAppearance)) {
+    const inputValue = event?.target instanceof HTMLInputElement ? event.target.value : !event ? rejectedInputValueRef.current : undefined;
+    if (hasAmbiguousYearInput({
+      date: newDate,
+      dateFormat: overrides?.dateFormat ?? dateFormat,
+      inputValue,
+      locale: overrides?.locale
+    })) {
+      const picker = datePickerRef.current;
+      rejectedInputValueRef.current = inputValue;
+      picker?.setPreSelection(picker.calcInitialState().preSelection);
+      return;
+    }
+    rejectedInputValueRef.current = undefined;
+    if (newDate instanceof Date && ['dayOnly', 'default', 'monthOnly'].includes(pickerAppearance)) {
       const tzOffset = incomingDate.getTimezoneOffset() / 60;
       newDate.setHours(12 - tzOffset, 0);
     }
-    if (newDate instanceof Date && !dateFormat.includes("SSS")) {
+    if (newDate instanceof Date && !dateFormat.includes('SSS')) {
+      // Unless the dateFormat includes milliseconds, set milliseconds to 0
+      // This is to ensure that the timestamp is consistent with the displayFormat
       newDate.setMilliseconds(0);
     }
-    if (typeof onChangeFromProps === "function") {
+    if (typeof onChangeFromProps === 'function') {
       onChangeFromProps(newDate);
     }
   };
   const dateTimePickerProps = {
-    customInputRef: "ref",
+    calendarContainer,
+    customInputRef: 'ref',
     dateFormat,
     disabled: readOnly,
     maxDate,
@@ -81,73 +147,69 @@ const DatePicker = props => {
     minDate,
     minTime,
     monthsShown: Math.min(2, monthsToShow),
-    nextMonthButtonLabel: _jsx(ChevronIcon, {
+    nextMonthButtonLabel: /*#__PURE__*/_jsx(ChevronIcon, {
       direction: "right"
     }),
-    nextYearButtonLabel: "\u203A",
+    nextYearButtonLabel: '›',
     onChange,
     placeholderText,
-    popperPlacement: "bottom-start",
-    previousMonthButtonLabel: _jsx(ChevronIcon, {
+    popperContainer: modalContainer ? popperContainer : undefined,
+    popperPlacement: 'bottom-start',
+    portalId: modalContainer ? undefined : 'date-time-picker-portal',
+    previousMonthButtonLabel: /*#__PURE__*/_jsx(ChevronIcon, {
       direction: "left"
     }),
-    previousYearButtonLabel: "\u2039",
+    previousYearButtonLabel: '‹',
     selected: value && new Date(value),
     shouldCloseOnSelect: false,
-    showMonthYearPicker: pickerAppearance === "monthOnly",
+    showMonthYearPicker: pickerAppearance === 'monthOnly',
     showPopperArrow: false,
-    showTimeSelect: pickerAppearance === "dayAndTime" || pickerAppearance === "timeOnly",
-    showTimeSelectOnly: pickerAppearance === "timeOnly",
+    showTimeSelect: pickerAppearance === 'dayAndTime' || pickerAppearance === 'timeOnly',
+    showTimeSelectOnly: pickerAppearance === 'timeOnly',
     timeFormat,
     timeIntervals,
     ...overrides
   };
-  const t4 = `${baseClass}__appearance--${pickerAppearance}`;
-  let t5;
-  if ($[0] !== t4) {
-    t5 = [baseClass, t4].filter(Boolean);
-    $[0] = t4;
-    $[1] = t5;
-  } else {
-    t5 = $[1];
-  }
-  const classes = t5.join(" ");
-  let t6;
-  let t7;
-  if ($[2] !== i18n.dateFNS || $[3] !== i18n.language) {
-    t6 = () => {
-      if (i18n.dateFNS) {
-        ;
-        try {
-          const datepickerLocale = getFormattedLocale(i18n.language);
-          registerLocale(datepickerLocale, i18n.dateFNS);
-          setDefaultLocale(datepickerLocale);
-        } catch (t8) {
-          console.warn(`Could not find DatePicker locale for ${i18n.language}`);
-        }
+  const onBlurCapture = event_0 => {
+    const input = event_0.target;
+    if (input !== datePickerRef.current?.input || !(input instanceof HTMLInputElement)) {
+      return;
+    }
+    if (/[a-z0-9]/i.test(input.value) || !/[\p{L}\p{N}]/u.test(input.value)) {
+      return;
+    }
+    // react-datepicker 9.1 treats non-Latin input as an empty mask.
+    // Reset raw text synchronously before its blur handler can clear the selected date.
+    // eslint-disable-next-line @eslint-react/dom/no-flush-sync -- Programmatic blur also requires the reset before the upstream handler runs.
+    flushSync(() => datePickerRef.current?.resetInputValue());
+  };
+  const classes = [baseClass, `${baseClass}__appearance--${pickerAppearance}`].filter(Boolean).join(' ');
+  React.useEffect(() => {
+    if (i18n.dateFNS) {
+      try {
+        const datepickerLocale = getFormattedLocale(i18n.language);
+        registerLocale(datepickerLocale, i18n.dateFNS);
+        setDefaultLocale(datepickerLocale);
+      } catch (_error) {
+        // eslint-disable-next-line no-console
+        console.warn(`Could not find DatePicker locale for ${i18n.language}`);
       }
-    };
-    t7 = [i18n.language, i18n.dateFNS];
-    $[2] = i18n.dateFNS;
-    $[3] = i18n.language;
-    $[4] = t6;
-    $[5] = t7;
-  } else {
-    t6 = $[4];
-    t7 = $[5];
-  }
-  React.useEffect(t6, t7);
-  return _jsx("div", {
+    }
+  }, [i18n.language, i18n.dateFNS]);
+  return /*#__PURE__*/_jsx("div", {
     className: classes,
-    id,
-    children: _jsxs("div", {
+    id: id,
+    onBlurCapture: onBlurCapture,
+    ref: setContainerRef,
+    children: /*#__PURE__*/_jsxs("div", {
       className: `${baseClass}__input-wrapper`,
-      children: [_jsx(ReactDatePicker, {
+      children: [/*#__PURE__*/_jsx(ReactDatePicker, {
         ...dateTimePickerProps,
         dropdownMode: "select",
-        showMonthDropdown: pickerAppearance !== "monthOnly",
-        showYearDropdown: pickerAppearance !== "monthOnly"
-      }), _jsx(CalendarIcon, {})]
+        ref: datePickerRef,
+        showMonthDropdown: pickerAppearance !== 'monthOnly',
+        showYearDropdown: pickerAppearance !== 'monthOnly'
+      }), /*#__PURE__*/_jsx(CalendarIcon, {})]
     })
   });
 };

package/dist/elements/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","names":["c","_c","React","ReactDatePickerDefaultImport","registerLocale","setDefaultLocale","ReactDatePicker","default","CalendarIcon","ChevronIcon","useTranslation","getFormattedLocale","baseClass","DatePicker","props","$","id","displayFormat","customDisplayFormat","maxDate","maxTime","minDate","minTime","monthsToShow","t0","onChange","onChangeFromProps","overrides","pickerAppearance","t1","placeholder","placeholderText","readOnly","timeFormat","t2","timeIntervals","t3","value","undefined","i18n","dateFormat","incomingDate","newDate","Date","includes","tzOffset","getTimezoneOffset","setHours","setMilliseconds","dateTimePickerProps","customInputRef","disabled","monthsShown","Math","min","nextMonthButtonLabel","_jsx","direction","popperPlacement","previousMonthButtonLabel","selected","shouldCloseOnSelect","showMonthYearPicker","showPopperArrow","showTimeSelect","showTimeSelectOnly","t4","t5","filter","Boolean","classes","join","t6","t7","dateFNS","language","datepickerLocale","t8","console","warn","useEffect","className","children","_jsxs","dropdownMode","showMonthDropdown","showYearDropdown"],"sources":["../../../src/elements/DatePicker/DatePicker.tsx"],"sourcesContent":["'use client'\nimport type { DatePickerProps } from 'react-datepicker'\n\nimport React from 'react'\nimport ReactDatePickerDefaultImport, { registerLocale, setDefaultLocale } from 'react-datepicker'\nconst ReactDatePicker =\n  'default' in ReactDatePickerDefaultImport\n    ? ReactDatePickerDefaultImport.default\n    : ReactDatePickerDefaultImport\n\nimport type { Props } from './types.js'\n\nimport { CalendarIcon } from '../../icons/Calendar/index.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { getFormattedLocale } from './getFormattedLocale.js'\nimport './index.css'\n\nconst baseClass = 'date-time-picker'\n\nconst DatePicker: React.FC<Props> = (props) => {\n  const {\n    id,\n    displayFormat: customDisplayFormat,\n    maxDate,\n    maxTime,\n    minDate,\n    minTime,\n    monthsToShow = 1,\n    onChange: onChangeFromProps,\n    overrides,\n    pickerAppearance = 'default',\n    placeholder: placeholderText,\n    readOnly,\n    timeFormat = 'h:mm aa',\n    timeIntervals = 30,\n    value,\n  } = props\n\n  // Use the user's AdminUI language preference for the locale\n  const { i18n } = useTranslation()\n\n  let dateFormat = customDisplayFormat\n\n  if (!customDisplayFormat) {\n    // when no displayFormat is provided, determine format based on the picker appearance\n    if (pickerAppearance === 'default') {\n      dateFormat = 'MM/dd/yyyy'\n    } else if (pickerAppearance === 'dayAndTime') {\n      dateFormat = 'MMM d, yyy h:mm a'\n    } else if (pickerAppearance === 'timeOnly') {\n      dateFormat = 'h:mm a'\n    } else if (pickerAppearance === 'dayOnly') {\n      dateFormat = 'MMM dd'\n    } else if (pickerAppearance === 'monthOnly') {\n      dateFormat = 'MMMM'\n    }\n  }\n\n  const onChange: Extract<\n    DatePickerProps,\n    { selectsMultiple?: never; selectsRange?: never }\n  >['onChange'] = (incomingDate) => {\n    const newDate = incomingDate\n    if (newDate instanceof Date && ['dayOnly', 'default', 'monthOnly'].includes(pickerAppearance)) {\n      const tzOffset = incomingDate.getTimezoneOffset() / 60\n      newDate.setHours(12 - tzOffset, 0)\n    }\n\n    if (newDate instanceof Date && !dateFormat.includes('SSS')) {\n      // Unless the dateFormat includes milliseconds, set milliseconds to 0\n      // This is to ensure that the timestamp is consistent with the displayFormat\n      newDate.setMilliseconds(0)\n    }\n\n    if (typeof onChangeFromProps === 'function') {\n      onChangeFromProps(newDate)\n    }\n  }\n\n  const dateTimePickerProps: Extract<\n    DatePickerProps,\n    { selectsMultiple?: never; selectsRange?: never }\n  > = {\n    customInputRef: 'ref',\n    dateFormat,\n    disabled: readOnly,\n    maxDate,\n    maxTime,\n    minDate,\n    minTime,\n    monthsShown: Math.min(2, monthsToShow),\n    nextMonthButtonLabel: <ChevronIcon direction=\"right\" />,\n    nextYearButtonLabel: '›',\n    onChange,\n    placeholderText,\n    popperPlacement: 'bottom-start',\n    previousMonthButtonLabel: <ChevronIcon direction=\"left\" />,\n    previousYearButtonLabel: '‹',\n    selected: value && new Date(value),\n    shouldCloseOnSelect: false,\n    showMonthYearPicker: pickerAppearance === 'monthOnly',\n    showPopperArrow: false,\n    showTimeSelect: pickerAppearance === 'dayAndTime' || pickerAppearance === 'timeOnly',\n    showTimeSelectOnly: pickerAppearance === 'timeOnly',\n    timeFormat,\n    timeIntervals,\n    ...(overrides as Extract<\n      DatePickerProps,\n      { selectsMultiple?: never; selectsRange?: never } // to satisfy TypeScript. Overrides can enable selectsMultiple or selectsRange but then it's up to the user to ensure they pass in the correct onChange\n    >),\n  }\n\n  const classes = [baseClass, `${baseClass}__appearance--${pickerAppearance}`]\n    .filter(Boolean)\n    .join(' ')\n\n  React.useEffect(() => {\n    if (i18n.dateFNS) {\n      try {\n        const datepickerLocale = getFormattedLocale(i18n.language)\n        registerLocale(datepickerLocale, i18n.dateFNS)\n        setDefaultLocale(datepickerLocale)\n      } catch (_error) {\n        // eslint-disable-next-line no-console\n        console.warn(`Could not find DatePicker locale for ${i18n.language}`)\n      }\n    }\n  }, [i18n.language, i18n.dateFNS])\n\n  return (\n    <div className={classes} id={id}>\n      <div className={`${baseClass}__input-wrapper`}>\n        <ReactDatePicker\n          {...dateTimePickerProps}\n          dropdownMode=\"select\"\n          showMonthDropdown={pickerAppearance !== 'monthOnly'}\n          showYearDropdown={pickerAppearance !== 'monthOnly'}\n        />\n        <CalendarIcon />\n      </div>\n    </div>\n  )\n}\n\n// eslint-disable-next-line no-restricted-exports\nexport default DatePicker\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DatePicker.js","names":["React","ReactDatePickerDefaultImport","registerLocale","setDefaultLocale","createPortal","flushSync","ReactDatePicker","default","CalendarIcon","ChevronIcon","useTranslation","getFormattedLocale","hasAmbiguousYearInput","baseClass","AccessibleCalendarContainer","children","className","dialogLabel","monthLabel","yearLabel","containerRef","useRef","useLayoutEffect","current","querySelector","setAttribute","_jsx","ref","role","getDateTimeFieldLabel","field","locale","Intl","DisplayNames","type","of","_error","DatePicker","props","id","displayFormat","customDisplayFormat","maxDate","maxTime","minDate","minTime","monthsToShow","onChange","onChangeFromProps","overrides","pickerAppearance","placeholder","placeholderText","readOnly","timeFormat","timeIntervals","value","datePickerRef","rejectedInputValueRef","undefined","modalContainer","setModalContainer","useState","setContainerRef","useCallback","element","closest","popperContainer","i18n","t","language","calendarContainer","dateFormat","incomingDate","event","newDate","inputValue","target","HTMLInputElement","date","picker","setPreSelection","calcInitialState","preSelection","Date","includes","tzOffset","getTimezoneOffset","setHours","setMilliseconds","dateTimePickerProps","customInputRef","disabled","monthsShown","Math","min","nextMonthButtonLabel","direction","nextYearButtonLabel","popperPlacement","portalId","previousMonthButtonLabel","previousYearButtonLabel","selected","shouldCloseOnSelect","showMonthYearPicker","showPopperArrow","showTimeSelect","showTimeSelectOnly","onBlurCapture","input","test","resetInputValue","classes","filter","Boolean","join","useEffect","dateFNS","datepickerLocale","console","warn","_jsxs","dropdownMode","showMonthDropdown","showYearDropdown"],"sources":["../../../src/elements/DatePicker/DatePicker.tsx"],"sourcesContent":["'use client'\nimport type { DatePickerProps, DatePicker as ReactDatePickerInstance } from 'react-datepicker'\n\nimport React from 'react'\nimport ReactDatePickerDefaultImport, { registerLocale, setDefaultLocale } from 'react-datepicker'\nimport { createPortal, flushSync } from 'react-dom'\nconst ReactDatePicker =\n  'default' in ReactDatePickerDefaultImport\n    ? ReactDatePickerDefaultImport.default\n    : ReactDatePickerDefaultImport\n\nimport type { Props } from './types.js'\n\nimport { CalendarIcon } from '../../icons/Calendar/index.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { getFormattedLocale } from './getFormattedLocale.js'\nimport { hasAmbiguousYearInput } from './hasAmbiguousYearInput.js'\nimport './index.css'\n\nconst baseClass = 'date-time-picker'\n\ntype AccessibleCalendarContainerProps = React.PropsWithChildren<{\n  className?: string\n  dialogLabel: string\n  monthLabel: string\n  yearLabel: string\n}>\n\nconst AccessibleCalendarContainer: React.FC<AccessibleCalendarContainerProps> = ({\n  children,\n  className,\n  dialogLabel,\n  monthLabel,\n  yearLabel,\n}) => {\n  const containerRef = React.useRef<HTMLDivElement>(null)\n\n  React.useLayoutEffect(() => {\n    containerRef.current\n      ?.querySelector<HTMLSelectElement>('.react-datepicker__month-select')\n      ?.setAttribute('aria-label', monthLabel)\n    containerRef.current\n      ?.querySelector<HTMLSelectElement>('.react-datepicker__year-select')\n      ?.setAttribute('aria-label', yearLabel)\n  })\n\n  return (\n    <div aria-label={dialogLabel} className={className} ref={containerRef} role=\"dialog\">\n      {children}\n    </div>\n  )\n}\n\nconst getDateTimeFieldLabel = ({ field, locale }: { field: 'month' | 'year'; locale: string }) => {\n  try {\n    return new Intl.DisplayNames(locale, { type: 'dateTimeField' }).of(field) || field\n  } catch (_error) {\n    return field\n  }\n}\n\nconst DatePicker: React.FC<Props> = (props) => {\n  const {\n    id,\n    displayFormat: customDisplayFormat,\n    maxDate,\n    maxTime,\n    minDate,\n    minTime,\n    monthsToShow = 1,\n    onChange: onChangeFromProps,\n    overrides,\n    pickerAppearance = 'default',\n    placeholder: placeholderText,\n    readOnly,\n    timeFormat = 'h:mm aa',\n    timeIntervals = 30,\n    value,\n  } = props\n\n  const datePickerRef = React.useRef<ReactDatePickerInstance>(null)\n  const rejectedInputValueRef = React.useRef<string | undefined>(undefined)\n  const [modalContainer, setModalContainer] = React.useState<Element | null>(null)\n  const setContainerRef = React.useCallback((element: HTMLDivElement | null) => {\n    setModalContainer(element?.closest('dialog, [role=\"dialog\"]') ?? null)\n  }, [])\n  const popperContainer = React.useCallback<React.FC<React.PropsWithChildren>>(\n    ({ children }) => (modalContainer ? createPortal(children, modalContainer) : children),\n    [modalContainer],\n  )\n\n  // Use the user's AdminUI language preference for the locale\n  const { i18n, t } = useTranslation()\n  const monthLabel = getDateTimeFieldLabel({ field: 'month', locale: i18n.language })\n  const yearLabel = getDateTimeFieldLabel({ field: 'year', locale: i18n.language })\n  const calendarContainer = React.useCallback(\n    ({ children, className }) => (\n      <AccessibleCalendarContainer\n        className={className}\n        dialogLabel={`${t('general:selectValue')}: ${monthLabel}, ${yearLabel}`}\n        monthLabel={monthLabel}\n        yearLabel={yearLabel}\n      >\n        {children}\n      </AccessibleCalendarContainer>\n    ),\n    [monthLabel, t, yearLabel],\n  )\n\n  let dateFormat = customDisplayFormat\n\n  if (!customDisplayFormat) {\n    // when no displayFormat is provided, determine format based on the picker appearance\n    if (pickerAppearance === 'default') {\n      dateFormat = 'MM/dd/yyyy'\n    } else if (pickerAppearance === 'dayAndTime') {\n      dateFormat = 'MMM d, yyy h:mm a'\n    } else if (pickerAppearance === 'timeOnly') {\n      dateFormat = 'h:mm a'\n    } else if (pickerAppearance === 'dayOnly') {\n      dateFormat = 'MMM dd'\n    } else if (pickerAppearance === 'monthOnly') {\n      dateFormat = 'MMMM'\n    }\n  }\n\n  const onChange: Extract<\n    DatePickerProps,\n    { selectsMultiple?: false; selectsRange?: false }\n  >['onChange'] = (incomingDate, event) => {\n    const newDate = incomingDate\n\n    const inputValue =\n      event?.target instanceof HTMLInputElement\n        ? event.target.value\n        : !event\n          ? rejectedInputValueRef.current\n          : undefined\n\n    if (\n      hasAmbiguousYearInput({\n        date: newDate,\n        dateFormat: overrides?.dateFormat ?? dateFormat,\n        inputValue,\n        locale: overrides?.locale,\n      })\n    ) {\n      const picker = datePickerRef.current\n\n      rejectedInputValueRef.current = inputValue\n      picker?.setPreSelection(picker.calcInitialState().preSelection)\n      return\n    }\n    rejectedInputValueRef.current = undefined\n\n    if (newDate instanceof Date && ['dayOnly', 'default', 'monthOnly'].includes(pickerAppearance)) {\n      const tzOffset = incomingDate.getTimezoneOffset() / 60\n      newDate.setHours(12 - tzOffset, 0)\n    }\n\n    if (newDate instanceof Date && !dateFormat.includes('SSS')) {\n      // Unless the dateFormat includes milliseconds, set milliseconds to 0\n      // This is to ensure that the timestamp is consistent with the displayFormat\n      newDate.setMilliseconds(0)\n    }\n\n    if (typeof onChangeFromProps === 'function') {\n      onChangeFromProps(newDate)\n    }\n  }\n\n  const dateTimePickerProps: Extract<\n    DatePickerProps,\n    { selectsMultiple?: false; selectsRange?: false }\n  > = {\n    calendarContainer,\n    customInputRef: 'ref',\n    dateFormat,\n    disabled: readOnly,\n    maxDate,\n    maxTime,\n    minDate,\n    minTime,\n    monthsShown: Math.min(2, monthsToShow),\n    nextMonthButtonLabel: <ChevronIcon direction=\"right\" />,\n    nextYearButtonLabel: '›',\n    onChange,\n    placeholderText,\n    popperContainer: modalContainer ? popperContainer : undefined,\n    popperPlacement: 'bottom-start',\n    portalId: modalContainer ? undefined : 'date-time-picker-portal',\n    previousMonthButtonLabel: <ChevronIcon direction=\"left\" />,\n    previousYearButtonLabel: '‹',\n    selected: value && new Date(value),\n    shouldCloseOnSelect: false,\n    showMonthYearPicker: pickerAppearance === 'monthOnly',\n    showPopperArrow: false,\n    showTimeSelect: pickerAppearance === 'dayAndTime' || pickerAppearance === 'timeOnly',\n    showTimeSelectOnly: pickerAppearance === 'timeOnly',\n    timeFormat,\n    timeIntervals,\n    ...(overrides as Extract<\n      DatePickerProps,\n      { selectsMultiple?: false; selectsRange?: false } // to satisfy TypeScript. Overrides can enable selectsMultiple or selectsRange but then it's up to the user to ensure they pass in the correct onChange\n    >),\n  }\n\n  const onBlurCapture = (event: React.FocusEvent<HTMLDivElement>) => {\n    const input = event.target\n\n    if (input !== datePickerRef.current?.input || !(input instanceof HTMLInputElement)) {\n      return\n    }\n\n    if (/[a-z0-9]/i.test(input.value) || !/[\\p{L}\\p{N}]/u.test(input.value)) {\n      return\n    }\n\n    // react-datepicker 9.1 treats non-Latin input as an empty mask.\n    // Reset raw text synchronously before its blur handler can clear the selected date.\n    // eslint-disable-next-line @eslint-react/dom/no-flush-sync -- Programmatic blur also requires the reset before the upstream handler runs.\n    flushSync(() => datePickerRef.current?.resetInputValue())\n  }\n\n  const classes = [baseClass, `${baseClass}__appearance--${pickerAppearance}`]\n    .filter(Boolean)\n    .join(' ')\n\n  React.useEffect(() => {\n    if (i18n.dateFNS) {\n      try {\n        const datepickerLocale = getFormattedLocale(i18n.language)\n        registerLocale(datepickerLocale, i18n.dateFNS)\n        setDefaultLocale(datepickerLocale)\n      } catch (_error) {\n        // eslint-disable-next-line no-console\n        console.warn(`Could not find DatePicker locale for ${i18n.language}`)\n      }\n    }\n  }, [i18n.language, i18n.dateFNS])\n\n  return (\n    <div className={classes} id={id} onBlurCapture={onBlurCapture} ref={setContainerRef}>\n      <div className={`${baseClass}__input-wrapper`}>\n        <ReactDatePicker\n          {...dateTimePickerProps}\n          dropdownMode=\"select\"\n          ref={datePickerRef}\n          showMonthDropdown={pickerAppearance !== 'monthOnly'}\n          showYearDropdown={pickerAppearance !== 'monthOnly'}\n        />\n        <CalendarIcon />\n      </div>\n    </div>\n  )\n}\n\n// eslint-disable-next-line no-restricted-exports\nexport default DatePicker\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAClB,OAAOC,4BAAA,IAAgCC,cAAc,EAAEC,gBAAgB,QAAQ;AAC/E,SAASC,YAAY,EAAEC,SAAS,QAAQ;AACxC,MAAMC,eAAA,GACJ,aAAaL,4BAAA,GACTA,4BAAA,CAA6BM,OAAO,GACpCN,4BAAA;AAIN,SAASO,YAAY,QAAQ;AAC7B,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,qBAAqB,QAAQ;AACtC,OAAO;AAEP,MAAMC,SAAA,GAAY;AASlB,MAAMC,2BAAA,GAA0EA,CAAC;EAC/EC,QAAQ;EACRC,SAAS;EACTC,WAAW;EACXC,UAAU;EACVC;AAAS,CACV;EACC,MAAMC,YAAA,GAAepB,KAAA,CAAMqB,MAAM,CAAiB;EAElDrB,KAAA,CAAMsB,eAAe,CAAC;IACpBF,YAAA,CAAaG,OAAO,EAChBC,aAAA,CAAiC,oCACjCC,YAAA,CAAa,cAAcP,UAAA;IAC/BE,YAAA,CAAaG,OAAO,EAChBC,aAAA,CAAiC,mCACjCC,YAAA,CAAa,cAAcN,SAAA;EACjC;EAEA,oBACEO,IAAA,CAAC;IAAI,cAAYT,WAAA;IAAaD,SAAA,EAAWA,SAAA;IAAWW,GAAA,EAAKP,YAAA;IAAcQ,IAAA,EAAK;cACzEb;;AAGP;AAEA,MAAMc,qBAAA,GAAwBA,CAAC;EAAEC,KAAK;EAAEC;AAAM,CAA+C;EAC3F,IAAI;IACF,OAAO,IAAIC,IAAA,CAAKC,YAAY,CAACF,MAAA,EAAQ;MAAEG,IAAA,EAAM;IAAgB,GAAGC,EAAE,CAACL,KAAA,KAAUA,KAAA;EAC/E,EAAE,OAAOM,MAAA,EAAQ;IACf,OAAON,KAAA;EACT;AACF;AAEA,MAAMO,UAAA,GAA+BC,KAAA;EACnC,MAAM;IACJC,EAAE;IACFC,aAAA,EAAeC,mBAAmB;IAClCC,OAAO;IACPC,OAAO;IACPC,OAAO;IACPC,OAAO;IACPC,YAAA,GAAe,CAAC;IAChBC,QAAA,EAAUC,iBAAiB;IAC3BC,SAAS;IACTC,gBAAA,GAAmB,SAAS;IAC5BC,WAAA,EAAaC,eAAe;IAC5BC,QAAQ;IACRC,UAAA,GAAa,SAAS;IACtBC,aAAA,GAAgB,EAAE;IAClBC;EAAK,CACN,GAAGlB,KAAA;EAEJ,MAAMmB,aAAA,GAAgBzD,KAAA,CAAMqB,MAAM,CAA0B;EAC5D,MAAMqC,qBAAA,GAAwB1D,KAAA,CAAMqB,MAAM,CAAqBsC,SAAA;EAC/D,MAAM,CAACC,cAAA,EAAgBC,iBAAA,CAAkB,GAAG7D,KAAA,CAAM8D,QAAQ,CAAiB;EAC3E,MAAMC,eAAA,GAAkB/D,KAAA,CAAMgE,WAAW,CAAEC,OAAA;IACzCJ,iBAAA,CAAkBI,OAAA,EAASC,OAAA,CAAQ,8BAA8B;EACnE,GAAG,EAAE;EACL,MAAMC,eAAA,GAAkBnE,KAAA,CAAMgE,WAAW,CACvC,CAAC;IAAEjD;EAAQ,CAAE,KAAM6C,cAAA,gBAAiBxD,YAAA,CAAaW,QAAA,EAAU6C,cAAA,IAAkB7C,QAAA,EAC7E,CAAC6C,cAAA,CAAe;EAGlB;EACA,MAAM;IAAEQ,IAAI;IAAEC;EAAC,CAAE,GAAG3D,cAAA;EACpB,MAAMQ,UAAA,GAAaW,qBAAA,CAAsB;IAAEC,KAAA,EAAO;IAASC,MAAA,EAAQqC,IAAA,CAAKE;EAAS;EACjF,MAAMnD,SAAA,GAAYU,qBAAA,CAAsB;IAAEC,KAAA,EAAO;IAAQC,MAAA,EAAQqC,IAAA,CAAKE;EAAS;EAC/E,MAAMC,iBAAA,GAAoBvE,KAAA,CAAMgE,WAAW,CACzC,CAAC;IAAEjD,QAAQ,EAARA,UAAQ;IAAEC;EAAS,CAAE,kBACtBU,IAAA,CAACZ,2BAAA;IACCE,SAAA,EAAWA,SAAA;IACXC,WAAA,EAAa,GAAGoD,CAAA,CAAE,2BAA2BnD,UAAA,KAAeC,SAAA,EAAW;IACvED,UAAA,EAAYA,UAAA;IACZC,SAAA,EAAWA,SAAA;cAEVJ;MAGL,CAACG,UAAA,EAAYmD,CAAA,EAAGlD,SAAA,CAAU;EAG5B,IAAIqD,UAAA,GAAa/B,mBAAA;EAEjB,IAAI,CAACA,mBAAA,EAAqB;IACxB;IACA,IAAIS,gBAAA,KAAqB,WAAW;MAClCsB,UAAA,GAAa;IACf,OAAO,IAAItB,gBAAA,KAAqB,cAAc;MAC5CsB,UAAA,GAAa;IACf,OAAO,IAAItB,gBAAA,KAAqB,YAAY;MAC1CsB,UAAA,GAAa;IACf,OAAO,IAAItB,gBAAA,KAAqB,WAAW;MACzCsB,UAAA,GAAa;IACf,OAAO,IAAItB,gBAAA,KAAqB,aAAa;MAC3CsB,UAAA,GAAa;IACf;EACF;EAEA,MAAMzB,QAAA,GAGUA,CAAC0B,YAAA,EAAcC,KAAA;IAC7B,MAAMC,OAAA,GAAUF,YAAA;IAEhB,MAAMG,UAAA,GACJF,KAAA,EAAOG,MAAA,YAAkBC,gBAAA,GACrBJ,KAAA,CAAMG,MAAM,CAACrB,KAAK,GAClB,CAACkB,KAAA,GACChB,qBAAA,CAAsBnC,OAAO,GAC7BoC,SAAA;IAER,IACE/C,qBAAA,CAAsB;MACpBmE,IAAA,EAAMJ,OAAA;MACNH,UAAA,EAAYvB,SAAA,EAAWuB,UAAA,IAAcA,UAAA;MACrCI,UAAA;MACA7C,MAAA,EAAQkB,SAAA,EAAWlB;IACrB,IACA;MACA,MAAMiD,MAAA,GAASvB,aAAA,CAAclC,OAAO;MAEpCmC,qBAAA,CAAsBnC,OAAO,GAAGqD,UAAA;MAChCI,MAAA,EAAQC,eAAA,CAAgBD,MAAA,CAAOE,gBAAgB,GAAGC,YAAY;MAC9D;IACF;IACAzB,qBAAA,CAAsBnC,OAAO,GAAGoC,SAAA;IAEhC,IAAIgB,OAAA,YAAmBS,IAAA,IAAQ,CAAC,WAAW,WAAW,YAAY,CAACC,QAAQ,CAACnC,gBAAA,GAAmB;MAC7F,MAAMoC,QAAA,GAAWb,YAAA,CAAac,iBAAiB,KAAK;MACpDZ,OAAA,CAAQa,QAAQ,CAAC,KAAKF,QAAA,EAAU;IAClC;IAEA,IAAIX,OAAA,YAAmBS,IAAA,IAAQ,CAACZ,UAAA,CAAWa,QAAQ,CAAC,QAAQ;MAC1D;MACA;MACAV,OAAA,CAAQc,eAAe,CAAC;IAC1B;IAEA,IAAI,OAAOzC,iBAAA,KAAsB,YAAY;MAC3CA,iBAAA,CAAkB2B,OAAA;IACpB;EACF;EAEA,MAAMe,mBAAA,GAGF;IACFnB,iBAAA;IACAoB,cAAA,EAAgB;IAChBnB,UAAA;IACAoB,QAAA,EAAUvC,QAAA;IACVX,OAAA;IACAC,OAAA;IACAC,OAAA;IACAC,OAAA;IACAgD,WAAA,EAAaC,IAAA,CAAKC,GAAG,CAAC,GAAGjD,YAAA;IACzBkD,oBAAA,eAAsBtE,IAAA,CAACjB,WAAA;MAAYwF,SAAA,EAAU;;IAC7CC,mBAAA,EAAqB;IACrBnD,QAAA;IACAK,eAAA;IACAe,eAAA,EAAiBP,cAAA,GAAiBO,eAAA,GAAkBR,SAAA;IACpDwC,eAAA,EAAiB;IACjBC,QAAA,EAAUxC,cAAA,GAAiBD,SAAA,GAAY;IACvC0C,wBAAA,eAA0B3E,IAAA,CAACjB,WAAA;MAAYwF,SAAA,EAAU;;IACjDK,uBAAA,EAAyB;IACzBC,QAAA,EAAU/C,KAAA,IAAS,IAAI4B,IAAA,CAAK5B,KAAA;IAC5BgD,mBAAA,EAAqB;IACrBC,mBAAA,EAAqBvD,gBAAA,KAAqB;IAC1CwD,eAAA,EAAiB;IACjBC,cAAA,EAAgBzD,gBAAA,KAAqB,gBAAgBA,gBAAA,KAAqB;IAC1E0D,kBAAA,EAAoB1D,gBAAA,KAAqB;IACzCI,UAAA;IACAC,aAAA;IACA,GAAIN;EAIN;EAEA,MAAM4D,aAAA,GAAiBnC,OAAA;IACrB,MAAMoC,KAAA,GAAQpC,OAAA,CAAMG,MAAM;IAE1B,IAAIiC,KAAA,KAAUrD,aAAA,CAAclC,OAAO,EAAEuF,KAAA,IAAS,EAAEA,KAAA,YAAiBhC,gBAAe,GAAI;MAClF;IACF;IAEA,IAAI,YAAYiC,IAAI,CAACD,KAAA,CAAMtD,KAAK,KAAK,CAAC,gBAAgBuD,IAAI,CAACD,KAAA,CAAMtD,KAAK,GAAG;MACvE;IACF;IAEA;IACA;IACA;IACAnD,SAAA,CAAU,MAAMoD,aAAA,CAAclC,OAAO,EAAEyF,eAAA;EACzC;EAEA,MAAMC,OAAA,GAAU,CAACpG,SAAA,EAAW,GAAGA,SAAA,iBAA0BqC,gBAAA,EAAkB,CAAC,CACzEgE,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;EAERpH,KAAA,CAAMqH,SAAS,CAAC;IACd,IAAIjD,IAAA,CAAKkD,OAAO,EAAE;MAChB,IAAI;QACF,MAAMC,gBAAA,GAAmB5G,kBAAA,CAAmByD,IAAA,CAAKE,QAAQ;QACzDpE,cAAA,CAAeqH,gBAAA,EAAkBnD,IAAA,CAAKkD,OAAO;QAC7CnH,gBAAA,CAAiBoH,gBAAA;MACnB,EAAE,OAAOnF,MAAA,EAAQ;QACf;QACAoF,OAAA,CAAQC,IAAI,CAAC,wCAAwCrD,IAAA,CAAKE,QAAQ,EAAE;MACtE;IACF;EACF,GAAG,CAACF,IAAA,CAAKE,QAAQ,EAAEF,IAAA,CAAKkD,OAAO,CAAC;EAEhC,oBACE5F,IAAA,CAAC;IAAIV,SAAA,EAAWiG,OAAA;IAAS1E,EAAA,EAAIA,EAAA;IAAIsE,aAAA,EAAeA,aAAA;IAAelF,GAAA,EAAKoC,eAAA;cAClE,aAAA2D,KAAA,CAAC;MAAI1G,SAAA,EAAW,GAAGH,SAAA,iBAA0B;8BAC3Ca,IAAA,CAACpB,eAAA;QACE,GAAGoF,mBAAmB;QACvBiC,YAAA,EAAa;QACbhG,GAAA,EAAK8B,aAAA;QACLmE,iBAAA,EAAmB1E,gBAAA,KAAqB;QACxC2E,gBAAA,EAAkB3E,gBAAA,KAAqB;uBAEzCxB,IAAA,CAAClB,YAAA;;;AAIT;AAEA;AACA,eAAe6B,UAAA","ignoreList":[]}

package/dist/elements/DatePicker/hasAmbiguousYearInput.d.ts

@@ -0,0 +1,8 @@
+import type { DatePickerProps } from 'react-datepicker';
+export declare const hasAmbiguousYearInput: ({ date, dateFormat, inputValue, locale, }: {
+    date: Date | null;
+    dateFormat: string | string[];
+    inputValue?: string;
+    locale?: DatePickerProps['locale'];
+}) => boolean;
+//# sourceMappingURL=hasAmbiguousYearInput.d.ts.map

package/dist/elements/DatePicker/hasAmbiguousYearInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hasAmbiguousYearInput.d.ts","sourceRoot":"","sources":["../../../src/elements/DatePicker/hasAmbiguousYearInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAOvD,eAAO,MAAM,qBAAqB,8CAK/B;IACD,IAAI,EAAE,IAAI,GAAG,IAAI,CAAA;IACjB,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAA;CACnC,KAAG,OAgBH,CAAA"}