thailife-react 0.0.42 → 0.0.43

package/dist/esm/components/DatePicker/DatePicker.d.ts

@@ -4,8 +4,8 @@ import 'dayjs/locale/th';
 import 'dayjs/locale/en';
 import { UseFormRegisterReturn } from 'react-hook-form';
 export interface DatePickerProps {
-    value?: Dayjs | null;
-    defaultValue?: Dayjs | null;
+    value?: any;
+    defaultValue?: any;
     onChange?: (date: Dayjs | null) => void;
     format?: string;
     locale?: 'th' | 'en';
@@ -22,8 +22,8 @@ export interface DatePickerProps {
     register?: UseFormRegisterReturn;
     disableFuture?: boolean | number;
     disablePast?: boolean | number;
-    minDate?: Dayjs | null;
-    maxDate?: Dayjs | null;
+    minDate?: any;
+    maxDate?: any;
 }
 export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=DatePicker.d.ts.map

package/dist/esm/components/DatePicker/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAc,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAGrC,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AACzB,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAKxD,MAAM,WAAW,eAAe;IAC5B,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC/B,OAAO,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;CAC1B;AAED,eAAO,MAAM,UAAU,0FAmRtB,CAAC"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAc,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAGrC,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AACzB,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAKxD,MAAM,WAAW,eAAe;IAC5B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC/B,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,OAAO,CAAC,EAAE,GAAG,CAAC;CACjB;AAED,eAAO,MAAM,UAAU,0FA2RtB,CAAC"}

package/dist/esm/index.js

@@ -201,12 +201,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] = useState(value || defaultValue || null);
+    const safeDate = (d) => {
+        if (!d)
+            return null;
+        const parsed = dayjs(d);
+        return parsed.isValid() ? parsed : null;
+    };
+    const [selectedDate, setSelectedDate] = useState(safeDate(value) || safeDate(defaultValue) || null);
     const [isOpen, setIsOpen] = useState(false);
     const [currentMonth, setCurrentMonth] = useState(dayjs().locale(locale));
     useEffect(() => {
         if (value !== undefined) {
-            setSelectedDate(value);
+            setSelectedDate(safeDate(value));
         }
     }, [value]);
     useEffect(() => {
@@ -236,12 +242,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;