@bigbinary/neeto-atoms 1.0.27 → 1.0.28

package/dist/cjs/{DatePicker-CA113xZV.js → DatePicker-aFQ4yEf1.js}

@@ -2656,11 +2656,42 @@ const SIZE_CONFIG = {
     large: { trigger: "h-10 text-sm", icon: "size-4" },
 };
 
+/** Coerce dayjs/moment-like objects or date strings to native Date. */
+const toNativeDate = (value) => {
+    if (value == null)
+        return null;
+    if (value instanceof Date)
+        return value;
+    if (typeof value.toDate === "function") {
+        return value.toDate();
+    }
+    if (typeof value === "string") {
+        const parsed = new Date(value);
+        if (!isNaN(parsed.getTime()))
+            return parsed;
+    }
+    return null;
+};
+/** Coerce a single or range value to native Date(s). */
+const coerceDateValue = (value, type) => {
+    if (value == null)
+        return null;
+    if (type === "range" && Array.isArray(value)) {
+        return [toNativeDate(value[0]), toNativeDate(value[1])];
+    }
+    return toNativeDate(value);
+};
+/** Convert dayjs/moment format tokens to date-fns format tokens. */
+const normalizeDateFormat = (fmt) => fmt
+    .replace(/YYYY/g, "yyyy")
+    .replace(/YY/g, "yy")
+    .replace(/DD/g, "dd")
+    .replace(/\bD\b/g, "d");
 const formatDate = (date, formatStr) => {
     if (!date)
         return "";
     try {
-        return primitives_Calendar.format(date, formatStr);
+        return primitives_Calendar.format(date, normalizeDateFormat(formatStr));
     }
     catch {
         return "";
@@ -2670,7 +2701,7 @@ const parseDate = (str, formatStr) => {
     if (!str)
         return null;
     try {
-        const parsed = parse(str, formatStr, new Date());
+        const parsed = parse(str, normalizeDateFormat(formatStr), new Date());
         if (!isNaN(parsed.getTime()))
             return parsed;
     }
@@ -2727,8 +2758,8 @@ const DatePicker = React.forwardRef(({ value, defaultValue, onChange, type = "da
     const containerRef = React.useRef(null);
     const popoverContentId = React.useRef(`datepicker-popover-${generatedId}`).current;
     const [open, setOpen] = React.useState(false);
-    const [internalValue, setInternalValue] = React.useState(defaultValue ?? null);
-    const currentValue = value !== undefined ? value : internalValue;
+    const [internalValue, setInternalValue] = React.useState(coerceDateValue(defaultValue, type) ?? null);
+    const currentValue = value !== undefined ? coerceDateValue(value, type) : internalValue;
     const [calendarMonth, setCalendarMonth] = React.useState((type === "date"
         ? (value ?? defaultValue)
         : null) ?? new Date());
@@ -2959,4 +2990,4 @@ const DatePicker = React.forwardRef(({ value, defaultValue, onChange, type = "da
 DatePicker.displayName = "DatePicker";
 
 exports.DatePicker = DatePicker;
-//# sourceMappingURL=DatePicker-CA113xZV.js.map
+//# sourceMappingURL=DatePicker-aFQ4yEf1.js.map