@reachfive/identity-ui 1.32.0 → 1.32.1

package/cjs/identity-ui.js

@@ -1,6 +1,6 @@
 /**
- * @reachfive/identity-ui - v1.32.0
- * Compiled Wed, 05 Feb 2025 16:08:31 UTC
+ * @reachfive/identity-ui - v1.32.1
+ * Compiled Thu, 06 Feb 2025 17:46:27 UTC
  *
  * Copyright (c) ReachFive.
  *
@@ -6941,17 +6941,19 @@ const datetimeValidator = (locale) => new Validator({
   parameters: { format: dateFormat$2(locale) }
 });
 function dateField({
+  format,
   key = "date",
   label = "date",
-  yearDebounce,
   locale,
+  validator,
+  yearDebounce,
   ...props
 }, config) {
   return createField({
     key,
     label,
     ...props,
-    format: {
+    format: format ?? {
       bind: (value) => {
         const dt = value ? dateFns.parseISO(value) : void 0;
         return dt && dateFns.isValid(dt) ? { raw: dt } : void 0;
@@ -6960,7 +6962,7 @@ function dateField({
         return isRichFormValue(value, "raw") ? dateFns.formatISO(value.raw) : value ? dateFns.formatISO(value) : null;
       }
     },
-    validator: props.validator ? datetimeValidator(config.language).and(props.validator) : datetimeValidator(config.language),
+    validator: validator ? datetimeValidator(config.language).and(validator) : datetimeValidator(config.language),
     component: DateField,
     extendedParams: {
       locale: locale ?? config.language,
@@ -6981,6 +6983,15 @@ function birthdateField({ min, max, label = "birthdate", ...props }, config) {
   return dateField({
     ...props,
     label,
+    format: {
+      bind: (value) => {
+        const dt = value ? dateFns.parseISO(value) : void 0;
+        return dt && dateFns.isValid(dt) ? { raw: dt } : void 0;
+      },
+      unbind: (value) => {
+        return isRichFormValue(value, "raw") ? dateFns.formatISO(value.raw, { representation: "date" }) : value ? dateFns.formatISO(value, { representation: "date" }) : null;
+      }
+    },
     validator: ageLimitValidator(min, max)
   }, config);
 }