@hoddy-ui/next 2.5.78 → 2.5.79

package/dist/index.d.mts

@@ -206,7 +206,7 @@ interface TextFieldProps extends TextInputProps {
     variant?: "outlined" | "text" | "contained";
     color?: colorTypes;
     size?: "small" | "normal" | "large";
-    type?: "email" | "tel" | "password" | "text" | "number" | "search";
+    type?: "email" | "tel" | "password" | "text" | "number" | "search" | "date";
     helperText?: string;
     value: any;
     start?: ReactNode;

package/dist/index.d.ts

@@ -206,7 +206,7 @@ interface TextFieldProps extends TextInputProps {
     variant?: "outlined" | "text" | "contained";
     color?: colorTypes;
     size?: "small" | "normal" | "large";
-    type?: "email" | "tel" | "password" | "text" | "number" | "search";
+    type?: "email" | "tel" | "password" | "text" | "number" | "search" | "date";
     helperText?: string;
     value: any;
     start?: ReactNode;

package/dist/index.js

@@ -420,7 +420,7 @@ var FlashMessage = () => {
       left: 0,
       paddingTop: top + 10,
       paddingHorizontal: "15@ms",
-      backgroundColor: type === "default" ? "#444" : colors2[type].main,
+      backgroundColor: type === "default" ? "#333" : colors2[type].main,
       width: "100%",
       borderBottomLeftRadius: 10,
       borderBottomRightRadius: 10,
@@ -1537,6 +1537,7 @@ var TextField = ({
   color = "primary",
   value,
   type,
+  placeholder = "",
   helperText,
   onChangeText,
   onSubmitEditing = () => {
@@ -1560,6 +1561,7 @@ var TextField = ({
 }) => {
   const colors2 = useColors();
   const [focused, setFocused] = (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)(
     new import_react_native16.Animated.Value(height2 / (0, import_react_native_size_matters13.moderateScale)(variant === "text" ? 2.5 : 3.2))
@@ -1616,6 +1618,21 @@ var TextField = ({
       paddingLeft: variant === "text" ? 0 : (0, import_react_native_size_matters13.moderateScale)(15),
       paddingTop: "13@ms"
     },
+    dateContent: {
+      flexDirection: "row",
+      alignItems: "center",
+      flex: 1,
+      paddingLeft: variant === "text" ? 0 : (0, import_react_native_size_matters13.moderateScale)(15),
+      paddingRight: (0, import_react_native_size_matters13.moderateScale)(10),
+      paddingTop: variant === "text" ? (0, import_react_native_size_matters13.ms)(13) : (0, import_react_native_size_matters13.ms)(12)
+    },
+    dateText: {
+      fontSize: "14@ms",
+      flex: 1
+    },
+    datePlaceholder: {
+      color: colors2.textSecondary.main
+    },
     label: {
       fontFamily: getFontFamily(400),
       position: "absolute",
@@ -1661,10 +1678,19 @@ var TextField = ({
     autoCapitalize: "none",
     textContentType: "password"
   } : {};
+  const handleContainerPress = () => {
+    if (disabled)
+      return;
+    setFocused(true);
+    if (isDate) {
+      onFocus();
+      setTimeout(() => setFocused(false), 150);
+    }
+  };
   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(
     import_react_native16.TouchableOpacity,
     {
-      onPress: () => setFocused(true),
+      onPress: handleContainerPress,
       style: styles.container
     },
     /* @__PURE__ */ import_react16.default.createElement(import_react_native16.Animated.Text, { style: { ...styles.label, top: labelAnim } }, label),
@@ -1685,7 +1711,24 @@ var TextField = ({
         options.find((cur) => cur.value === value)?.start
       ),
       /* @__PURE__ */ import_react16.default.createElement(Typography_default, { style: styles.inputText }, options.find((cur) => cur.value === value)?.label)
-    ) : /* @__PURE__ */ import_react16.default.createElement(
+    ) : isDate ? /* @__PURE__ */ import_react16.default.createElement(import_react_native16.View, { style: styles.dateContent }, /* @__PURE__ */ import_react16.default.createElement(
+      Typography_default,
+      {
+        style: [
+          styles.dateText,
+          !value ? styles.datePlaceholder : void 0
+        ],
+        color: value ? "dark" : "textSecondary"
+      },
+      value || placeholder
+    ), /* @__PURE__ */ import_react16.default.createElement(import_react_native16.View, { style: { marginLeft: 8 } }, end ?? /* @__PURE__ */ import_react16.default.createElement(
+      import_vector_icons8.Ionicons,
+      {
+        name: "calendar-outline",
+        size: 22,
+        color: colors2.textSecondary.main
+      }
+    ))) : /* @__PURE__ */ import_react16.default.createElement(
       import_react_native16.TextInput,
       {
         onFocus: () => {
@@ -1765,6 +1808,7 @@ var TextField2 = import_react16.default.forwardRef(
     color = "primary",
     value,
     type,
+    placeholder,
     helperText,
     onChangeText,
     onSubmitEditing = () => {
@@ -1780,7 +1824,6 @@ var TextField2 = import_react16.default.forwardRef(
     style = {},
     inputStyles = {},
     gutterBottom = 8,
-    placeholder,
     end,
     options,
     multiline,
@@ -1790,6 +1833,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 isDate = type === "date";
     const height2 = (0, import_react_native_size_matters13.moderateScale)(
       multiline ? 50 + (props.numberOfLines || 1) * 18 : 50
     );
@@ -1840,6 +1884,20 @@ var TextField2 = import_react16.default.forwardRef(
         color: colors2.textSecondary.light,
         paddingLeft: (0, import_react_native_size_matters13.moderateScale)(10)
       },
+      dateContent: {
+        flexDirection: "row",
+        alignItems: "center",
+        flex: 1,
+        paddingHorizontal: (0, import_react_native_size_matters13.moderateScale)(10),
+        paddingTop: multiline ? 4 : 0
+      },
+      dateText: {
+        fontSize: "14@ms",
+        flex: 1
+      },
+      datePlaceholder: {
+        color: colors2.textSecondary.light
+      },
       label: {},
       helperText: {
         paddingHorizontal: "15@s",
@@ -1878,6 +1936,15 @@ var TextField2 = import_react16.default.forwardRef(
       autoCapitalize: "none",
       textContentType: "password"
     } : {};
+    const handleContainerPress = () => {
+      if (disabled)
+        return;
+      setFocused(true);
+      if (isDate) {
+        onFocus();
+        setTimeout(() => setFocused(false), 150);
+      }
+    };
     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(
       Typography_default,
       {
@@ -1890,7 +1957,7 @@ var TextField2 = import_react16.default.forwardRef(
     ), /* @__PURE__ */ import_react16.default.createElement(
       import_react_native16.TouchableOpacity,
       {
-        onPress: () => setFocused(true),
+        onPress: handleContainerPress,
         style: styles.container
       },
       /* @__PURE__ */ import_react16.default.createElement(import_react_native16.View, { style: { marginTop: multiline ? 5 : 0 } }, start),
@@ -1902,7 +1969,24 @@ var TextField2 = import_react16.default.forwardRef(
           style: { marginLeft: "auto", marginRight: 15 },
           color: colors2.dark.light
         }
-      )) : /* @__PURE__ */ import_react16.default.createElement(
+      )) : isDate ? /* @__PURE__ */ import_react16.default.createElement(import_react_native16.View, { style: styles.dateContent }, /* @__PURE__ */ import_react16.default.createElement(
+        Typography_default,
+        {
+          style: [
+            styles.dateText,
+            !value ? styles.datePlaceholder : void 0
+          ],
+          color: value ? "dark" : "textSecondary"
+        },
+        value || placeholder
+      ), /* @__PURE__ */ import_react16.default.createElement(import_react_native16.View, { style: { marginLeft: 8 } }, end ?? /* @__PURE__ */ import_react16.default.createElement(
+        import_vector_icons8.Ionicons,
+        {
+          name: "calendar-outline",
+          size: 22,
+          color: colors2.textSecondary.main
+        }
+      ))) : /* @__PURE__ */ import_react16.default.createElement(
         import_react_native16.TextInput,
         {
           ref,