비행 승인 검색 select 변경

src/components/flight/FlightApprovalsReport.js

@@ -1,6 +1,6 @@
 import { useState } from 'react';
 import Flatpickr from 'react-flatpickr';
-import { Button, Input, CustomInput, Col } from '@component/ui';
+import { Button, Input, CustomInput, Col, Row } from '@component/ui';
 import { Search, Calendar } from 'react-feather';
 import dayjs from 'dayjs';
 
@@ -52,6 +52,7 @@ export default function FlightApprovalsReport(props) {
             onChange={e => setFilterId(`${e.target.value}`)}
           />
         </div>
+
         <div className='search-box'>
           <div
             className='search-list-ti'
@@ -69,24 +70,19 @@ export default function FlightApprovalsReport(props) {
             <div className='search-list-cont'>
               <CustomInput
                 inline
-                type='checkbox'
-                id='exampleCustomCheckbox'
-                label='전체'
-                checked={filterArea === ''}
-                onChange={() => setFilterArea('')}
-              />
-              <CustomInput
-                inline
-                type='checkbox'
-                id='exampleCustomCheckbox2'
-                label='김포'
-                checked={filterArea === 'gimpo'}
-                onChange={() => setFilterArea('gimpo')}
-              />
-            </div>
+                type='select'
+                id=''
+                bsSize='sm'
+                value={filterArea}
+                onChange={e => setFilterArea(e.target.value)}
+              >
+                <option value='' selected>
+                  전체
+                </option>
+                <option value='gimpo'>김포</option>
+              </CustomInput>
             </div>
           </div>
-        <div>
           <Button
             color='primary'
             onClick={() =>