From a8616dfe865c284d6621c9fd144b14146e349bea Mon Sep 17 00:00:00 2001
From: V3N1TH <152465117+VenithAbey@users.noreply.github.com>
Date: Sun, 22 Mar 2026 13:14:07 +0530
Subject: [PATCH] added input restrictions in signup

---
 src/components/signup/formRow.jsx            |  3 +-
 src/pages/Login_Signup/signupPagePatient.jsx | 32 ++++++++++++++++++--
 2 files changed, 31 insertions(+), 4 deletions(-)

diff --git a/src/components/signup/formRow.jsx b/src/components/signup/formRow.jsx
index 42387bb..5568a66 100644
--- a/src/components/signup/formRow.jsx
+++ b/src/components/signup/formRow.jsx
@@ -1,4 +1,4 @@
-export default function FormRow({ label, type = "text", value, onChange, children, required = false }) {
+export default function FormRow({ label, type = "text", value, onChange, children, required = false, ...rest }) {
   return (
     <div className="
       flex items-center
@@ -25,6 +25,7 @@ export default function FormRow({ label, type = "text", value, onChange, childre
             value={value}
             onChange={onChange}
             required={required}
+            {...rest}
             className="
     w-full h-11
     bg-white/35 backdrop-blur-md
diff --git a/src/pages/Login_Signup/signupPagePatient.jsx b/src/pages/Login_Signup/signupPagePatient.jsx
index 0767808..e137aa2 100644
--- a/src/pages/Login_Signup/signupPagePatient.jsx
+++ b/src/pages/Login_Signup/signupPagePatient.jsx
@@ -29,6 +29,14 @@ export default function SignupPagePatient() {
   const [error, setError] = useState("");
   const [loading, setLoading] = useState(false);
 
+  // Date-of-birth bounds (recalculated at render time)
+  const today = new Date();
+  const dobMax = new Date(today);
+  dobMax.setDate(dobMax.getDate() - 1); // at least 1 day old
+  const dobMin = new Date(today);
+  dobMin.setFullYear(dobMin.getFullYear() - 110); // at most 110 years old
+  const toDateStr = (d) => d.toISOString().split("T")[0];
+
   const handleSignup = async () => {
     setError("");
 
@@ -57,6 +65,19 @@ export default function SignupPagePatient() {
       return;
     }
 
+    // Validate date of birth range
+    if (dateOfBirth) {
+      const dob = new Date(dateOfBirth);
+      if (dob > dobMax) {
+        setError("Date of birth must be at least 1 day in the past.");
+        return;
+      }
+      if (dob < dobMin) {
+        setError("Date of birth cannot be more than 110 years ago.");
+        return;
+      }
+    }
+
     setLoading(true);
     try {
       const response = await fetch(`${API_BASE_URL}/api/auth/signup`, {
@@ -155,6 +176,8 @@ export default function SignupPagePatient() {
               type="date"
               value={dateOfBirth}
               onChange={(e) => setDateOfBirth(e.target.value)}
+              min={toDateStr(dobMin)}
+              max={toDateStr(dobMax)}
               required
             />
             <FormRow
@@ -173,7 +196,8 @@ export default function SignupPagePatient() {
             <FormRow
               label="NIC No"
               value={nicNo}
-              onChange={(e) => setNicNo(e.target.value)}
+              onChange={(e) => setNicNo(e.target.value.replace(/\D/g, ""))}
+              inputMode="numeric"
               required
             />
 
@@ -209,7 +233,8 @@ export default function SignupPagePatient() {
               label="Contact No"
               type="tel"
               value={contactNo}
-              onChange={(e) => setContactNo(e.target.value)}
+              onChange={(e) => setContactNo(e.target.value.replace(/\D/g, ""))}
+              inputMode="numeric"
               required
             />
 
@@ -246,7 +271,8 @@ export default function SignupPagePatient() {
               label="Guardian's Contact No"
               type="tel"
               value={guardianContactNo}
-              onChange={(e) => setGuardianContactNo(e.target.value)}
+              onChange={(e) => setGuardianContactNo(e.target.value.replace(/\D/g, ""))}
+              inputMode="numeric"
               required
             />
           </div>