Adding SignUp DateOfBirth Compo

CodeMonitor-lab · CodeMonitor-lab · commit dfed26f50c7c · 2025-04-30T14:10:36.000+03:00
diff --git a/facebook-login-clone/src/Components/Common/DateBirth.jsx b/facebook-login-clone/src/Components/Common/DateBirth.jsx
@@ -0,0 +1,60 @@
+import React from 'react'
+import Input from './Input'
+
+const DateBirth = () => {
+    const currentYear = new Date().getFullYear()
+    const years = Array.from({length:currentYear-1899},(_,i)=> 1900+i)
+    console.log(years)
+    // 
+    const DateBirth = Array.from({length:31},(_,i)=> i+1)
+    const months = [
+        { value: "01", name: "January" },
+        { value: "02", name: "February" },
+        { value: "03", name: "March" },
+        { value: "04", name: "April" },
+        { value: "05", name: "May" },
+        { value: "06", name: "June" },
+        { value: "07", name: "July" },
+        { value: "08", name: "August" },
+        { value: "09", name: "September" },
+        { value: "10", name: "October" },
+        { value: "11", name: "November" },
+        { value: "12", name: "December" },
+      ];
+    // console.log(DateBirth)
+  return (
+    <>
+    <main className='border-2 flex gap-5'>
+        <select name="birth">
+           {
+            DateBirth.map((date)=>(
+                <option key={date}  value={date} >{date}</option>
+            ))
+            }
+        </select>
+        {/*  */}
+        <select name="month">
+            {
+                months.map((mon)=>(
+                    <option key={mon.value} >
+                        {mon.name}
+                    </option>
+                ))
+            }
+        </select>
+        {/*  */}
+        <select name="month">
+         {
+            years.map((year)=>(
+                <option key={year} >
+                    {year}
+                </option>
+            ))
+         }
+        </select>
+    </main>
+    </>
+  )
+}
+
+export default DateBirth
diff --git a/facebook-login-clone/src/Components/SignUp.jsx b/facebook-login-clone/src/Components/SignUp.jsx
@@ -1,11 +1,19 @@
 import React from "react";
 import { NavLink } from "react-router-dom";
-import { Input,BtnSubmit } from "./index";
+import { Input,BtnSubmit,DateBirth} from "./index";
 
 const SignUp = () => {
   return <>
       <main>
-        <BtnSubmit/>
+        <section>
+          <div>
+            <Input/>
+            <Input/>
+          </div>
+          <div>
+            <DateBirth/>
+          </div>
+        </section>
       </main>
   </>;
 };
diff --git a/facebook-login-clone/src/Components/index.js b/facebook-login-clone/src/Components/index.js
@@ -1,4 +1,5 @@
 export {default as Login} from './Login'
 export {default as SignUp} from './SignUp'
 export {default as Input} from './Common/Input'
-export {default as BtnSubmit} from './Common/BtnSubmit'
+export {default as BtnSubmit} from './Common/BtnSubmit'
+export {default as DateBirth} from './Common/DateBirth'
