From d4c92a8f0c046512980f082600b793f67153ee6e Mon Sep 17 00:00:00 2001
From: Noah Spannbauer <noahspannbauer@icloud.com>
Date: Sun, 28 Jul 2024 09:03:40 -0500
Subject: [PATCH] adding pilots

---
 app/src/components/pilotForm/PilotForm.tsx | 11 ++++++++---
 app/src/components/pilots/Pilots.tsx       | 10 +++++++++-
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/app/src/components/pilotForm/PilotForm.tsx b/app/src/components/pilotForm/PilotForm.tsx
index 6b33b62..e846848 100644
--- a/app/src/components/pilotForm/PilotForm.tsx
+++ b/app/src/components/pilotForm/PilotForm.tsx
@@ -223,7 +223,7 @@ const PilotForm: React.FC<PilotFormProps> = ({
                 <hr className="my-3" />
               </div>
               <PilotFormEndorsements endorsements={[]} />
-              <div className="col-span-1">
+              <div className="col-span-4">
                 <Typography variant="h5">Medical</Typography>
                 <hr className="my-3" />
               </div>
@@ -236,7 +236,12 @@ const PilotForm: React.FC<PilotFormProps> = ({
                   control={methods.control}
                   render={({ field }) => {
                     return (
-                      <Select {...field}>
+                      <Select
+                        labelProps={{
+                          className: 'before:content-none after:content-none'
+                        }}
+                        {...field}
+                      >
                         <Option key="first" value="First">
                           First
                         </Option>
@@ -255,7 +260,7 @@ const PilotForm: React.FC<PilotFormProps> = ({
                 />
               </div>
               <div className="col-span-1">
-                <Typography variant="h6">Class</Typography>
+                <Typography variant="h6">Expiration Date</Typography>
               </div>
               <div className="col-span-3">
                 <Controller
diff --git a/app/src/components/pilots/Pilots.tsx b/app/src/components/pilots/Pilots.tsx
index f04abfa..5b050cb 100644
--- a/app/src/components/pilots/Pilots.tsx
+++ b/app/src/components/pilots/Pilots.tsx
@@ -1,12 +1,13 @@
 import { useState } from 'react';
 import PilotForm from '../pilotForm/PilotForm';
-import { Button, PlusIcon } from '@noahspan/noahspan-components';
+import { Button, PlusIcon, DatePicker } from '@noahspan/noahspan-components';
 
 const Pilots: React.FC<unknown> = () => {
   const [isDrawerOpen, setIsDrawerOpen] = useState(false);
   const onOpenCloseDrawer = () => {
     setIsDrawerOpen(!isDrawerOpen);
   };
+  const [date, setDate] = useState();
 
   return (
     <div className="container mx-auto">
@@ -23,6 +24,13 @@ const Pilots: React.FC<unknown> = () => {
           Add Pilot
         </Button>
 
+        <DatePicker
+          handleDateChanged={(date) => console.log(date)}
+          inputProps={{
+            value: date
+          }}
+        />
+
         <PilotForm
           isDrawerOpen={isDrawerOpen}
           onOpenCloseDrawer={onOpenCloseDrawer}