adding pilots

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

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}