thailife-react 0.0.42 → 0.0.43

package/dist/cjs/index.js

@@ -203,12 +203,18 @@ requireEn();
 dayjs.extend(localeData);
 dayjs.extend(buddhistEra);
 const DatePicker = React.forwardRef(({ value, defaultValue, onChange, format = 'DD/MM/YYYY', locale = 'th', yearType = 'BE', placeholder, disabled = false, className = '', size = 'md', fullWidth = false, error, helperText, label, required = false, register, disableFuture, disablePast, minDate, maxDate, }, ref) => {
-    const [selectedDate, setSelectedDate] = React.useState(value || defaultValue || null);
+    const safeDate = (d) => {
+        if (!d)
+            return null;
+        const parsed = dayjs(d);
+        return parsed.isValid() ? parsed : null;
+    };
+    const [selectedDate, setSelectedDate] = React.useState(safeDate(value) || safeDate(defaultValue) || null);
     const [isOpen, setIsOpen] = React.useState(false);
     const [currentMonth, setCurrentMonth] = React.useState(dayjs().locale(locale));
     React.useEffect(() => {
         if (value !== undefined) {
-            setSelectedDate(value);
+            setSelectedDate(safeDate(value));
         }
     }, [value]);
     React.useEffect(() => {
@@ -238,12 +244,14 @@ const DatePicker = React.forwardRef(({ value, defaultValue, onChange, format = '
                     return true;
             }
         }
-        if (minDate) {
-            if (targetDate.isBefore(minDate.startOf('day')))
+        const min = safeDate(minDate);
+        if (min) {
+            if (targetDate.isBefore(min.startOf('day')))
                 return true;
         }
-        if (maxDate) {
-            if (targetDate.isAfter(maxDate.startOf('day')))
+        const max = safeDate(maxDate);
+        if (max) {
+            if (targetDate.isAfter(max.startOf('day')))
                 return true;
         }
         return false;