update App.js, Input.js, src/components/DateRangePicker/index.js and src/components/FormInput/index.js

src/components/FormInput/index.js

@@ -11,7 +11,7 @@ const FormInput = ({ items }) => {
   const [selectedInput, setSelectedInput] = useState(false);
 
   return (
-    <div className="mx-72 mt-20 flex flex-row items-center justify-between divide-x-2 divide-[#F3F3F3] divide-x-reverse bg-white p-4 py-7 border border-gray-200 rounded-sm shadow-sm">
+    <div className="h-96 mx-72 mt-20 flex flex-row items-center justify-between divide-x-2 divide-[#F3F3F3] divide-x-reverse bg-white p-4 py-7 border border-gray-200 rounded-sm shadow-sm">
       <div className="flex-grow flex-1 flex flex-col gap-y-4 px-4">
         <Input
           register={register("firstName")}
@@ -79,14 +79,14 @@ const FormInput = ({ items }) => {
           className={``}
         />
       </div>
-      <div className="flex-grow flex-1 flex flex-col  px-4">
-        <Input
+      <div className="flex-grow flex-1 flex flex-col px-4 justify-between">
+        {/* <Input
           register={register("lastName")}
           label="تاریخ ورود"
           type="text"
           borderClassname={`border-transparent `}
           className={``}
-        />
+        /> */}
         <DateRangePicker />
       </div>
     </div>