@hoddy-ui/next 2.5.79 → 2.5.81

package/dist/index.js

@@ -1403,6 +1403,7 @@ var import_vector_icons8 = require("@expo/vector-icons");
 var import_react16 = __toESM(require("react"));
 var import_react_native16 = require("react-native");
 var import_react_native_size_matters13 = require("react-native-size-matters");
+var import_react_native_modal_datetime_picker = __toESM(require("react-native-modal-datetime-picker"));
 
 // ../src/Components/SelectMenu.tsx
 var import_vector_icons7 = require("@expo/vector-icons");
@@ -1561,6 +1562,7 @@ var TextField = ({
 }) => {
   const colors2 = useColors();
   const [focused, setFocused] = (0, import_react16.useState)(false);
+  const [datePickerVisible, setDatePickerVisible] = (0, import_react16.useState)(false);
   const isDate = type === "date";
   const height2 = (0, import_react_native_size_matters13.moderateScale)(variant === "text" ? 50 : 45) * (size === "large" ? 1.2 : size === "small" ? 0.8 : 1);
   const labelAnim = (0, import_react16.useRef)(
@@ -1678,13 +1680,40 @@ var TextField = ({
     autoCapitalize: "none",
     textContentType: "password"
   } : {};
+  const parseDateValue = () => {
+    if (!value)
+      return /* @__PURE__ */ new Date();
+    if (value instanceof Date)
+      return value;
+    const parts = `${value}`.split("/");
+    if (parts.length === 3) {
+      const [day, month, year] = parts;
+      const parsed = new Date(
+        parseInt(year, 10),
+        parseInt(month, 10) - 1,
+        parseInt(day, 10)
+      );
+      if (!isNaN(parsed.getTime()))
+        return parsed;
+    }
+    const fallback = new Date(value);
+    return isNaN(fallback.getTime()) ? /* @__PURE__ */ new Date() : fallback;
+  };
+  const handleDateConfirm = (date) => {
+    const day = date.getDate();
+    const month = date.getMonth() + 1;
+    const year = date.getFullYear();
+    const dateString = `${day}/${month}/${year}`;
+    onChangeText?.(dateString);
+    setDatePickerVisible(false);
+  };
   const handleContainerPress = () => {
     if (disabled)
       return;
     setFocused(true);
     if (isDate) {
       onFocus();
-      setTimeout(() => setFocused(false), 150);
+      setDatePickerVisible(true);
     }
   };
   return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(import_react_native16.View, { style: styles.root }, /* @__PURE__ */ import_react16.default.createElement(
@@ -1798,6 +1827,18 @@ var TextField = ({
       onChange: onChangeText,
       ...selectMenuProps
     }
+  ), isDate && /* @__PURE__ */ import_react16.default.createElement(
+    import_react_native_modal_datetime_picker.default,
+    {
+      isVisible: datePickerVisible,
+      mode: "date",
+      date: parseDateValue(),
+      onConfirm: handleDateConfirm,
+      onCancel: () => {
+        setDatePickerVisible(false);
+        setFocused(false);
+      }
+    }
   ));
 };
 var TextField2 = import_react16.default.forwardRef(
@@ -1833,6 +1874,7 @@ var TextField2 = import_react16.default.forwardRef(
     const colors2 = useColors();
     const [focused, _setFocused] = (0, import_react16.useState)(false);
     const [showPassword, setShowPassword] = (0, import_react16.useState)(false);
+    const [datePickerVisible, setDatePickerVisible] = (0, import_react16.useState)(false);
     const isDate = type === "date";
     const height2 = (0, import_react_native_size_matters13.moderateScale)(
       multiline ? 50 + (props.numberOfLines || 1) * 18 : 50
@@ -1936,13 +1978,40 @@ var TextField2 = import_react16.default.forwardRef(
       autoCapitalize: "none",
       textContentType: "password"
     } : {};
+    const parseDateValue = () => {
+      if (!value)
+        return /* @__PURE__ */ new Date();
+      if (value instanceof Date)
+        return value;
+      const parts = `${value}`.split("/");
+      if (parts.length === 3) {
+        const [day, month, year] = parts;
+        const parsed = new Date(
+          parseInt(year, 10),
+          parseInt(month, 10) - 1,
+          parseInt(day, 10)
+        );
+        if (!isNaN(parsed.getTime()))
+          return parsed;
+      }
+      const fallback = new Date(value);
+      return isNaN(fallback.getTime()) ? /* @__PURE__ */ new Date() : fallback;
+    };
+    const handleDateConfirm = (date) => {
+      const day = date.getDate();
+      const month = date.getMonth() + 1;
+      const year = date.getFullYear();
+      const dateString = `${day}/${month}/${year}`;
+      onChangeText?.(dateString);
+      setDatePickerVisible(false);
+    };
     const handleContainerPress = () => {
       if (disabled)
         return;
       setFocused(true);
       if (isDate) {
         onFocus();
-        setTimeout(() => setFocused(false), 150);
+        setDatePickerVisible(true);
       }
     };
     return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(import_react_native16.View, { style: styles.root }, label && /* @__PURE__ */ import_react16.default.createElement(