@bolttech/atoms-date-input 0.4.13 → 0.4.15

package/index.cjs.js

@@ -3070,9 +3070,30 @@ const DateInput = /*#__PURE__*/react.forwardRef((_ref, ref) => {
   const calendarRef = react.useRef(null);
   const containerRef = react.useRef(null);
   const firstInputRef = react.useRef(null);
-  const day = react.useRef(value ? String(value).substring(0, 2) : '');
-  const month = react.useRef(value ? String(value).substring(3, 5) : '');
-  const year = react.useRef(value ? String(value).substring(6, 10) : '');
+  const parseInitialValue = val => {
+    if (!val) return {
+      day: '',
+      month: '',
+      year: ''
+    };
+    const parts = val.split('-');
+    if (parts.length === 3) {
+      return {
+        year: parts[0],
+        month: parts[1],
+        day: parts[2]
+      };
+    }
+    return {
+      day: '',
+      month: '',
+      year: ''
+    };
+  };
+  const initialParts = parseInitialValue(value);
+  const day = react.useRef(initialParts.day);
+  const month = react.useRef(initialParts.month);
+  const year = react.useRef(initialParts.year);
   const [isCalendarOpen, setIsCalendarOpen] = react.useState(false);
   const isValidDate = dateStr => {
     if (!dateStr || typeof dateStr !== 'string') return false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bolttech/atoms-date-input",
-  "version": "0.4.13",
+  "version": "0.4.15",
   "dependencies": {
     "styled-components": "6.1.1",
     "react": "19.1.2",
@@ -8,7 +8,7 @@
     "react-dom": "19.1.2",
     "@bolttech/molecules-calendar": "0.29.5",
     "@bolttech/atoms-icon": "0.24.9",
-    "@bolttech/atoms-input": "0.30.4"
+    "@bolttech/atoms-input": "0.30.5"
   },
   "main": "./index.cjs.js",
   "type": "commonjs",