날짜 disabled 색 조정 및 비행유형 값 저장

src/views/laanc/LaacnStep3.js

@@ -85,7 +85,7 @@ export default function LaacnStep3({
                         id='schFltStDt'
                         name='schFltStDt'
                         bsSize='sm'
-                        value={data.schFltStDt}
+                        value={data.schFltStDt.slice(0, 16)}
                         placeholder=''
                         disabled
                       />
@@ -101,7 +101,7 @@ export default function LaacnStep3({
                         id='schFltEndDt'
                         name='schFltEndDt'
                         bsSize='sm'
-                        value={data.schFltEndDt}
+                        value={data.schFltEndDt.slice(0, 16)}
                         placeholder=''
                         disabled
                       />

src/views/laanc/LaancStep1.js

@@ -119,10 +119,24 @@ export default function LaancStep1({
                 <Label for='test'>
                   <span className='necessary'>*</span>종류
                 </Label>
-                <Input type='select' name='select' size='sm' id='test'>
+                <Input
+                  type='select'
+                  size='sm'
+                  name='commercial'
+                  id='commercial'
+                  value={data.commercial}
+                  onChange={e => {
+                    const { name, value } = e.target;
+                    handleChange({
+                      type: 'plan',
+                      name,
+                      value
+                    });
+                  }}
+                >
                   <option value=''>= 선택 =</option>
-                  <option>상업</option>
-                  <option>비상업</option>
+                  <option value={'상업'}>상업</option>
+                  <option value={'비상업'}>비상업</option>
                 </Input>
               </FormGroup>
             </Col>

src/views/laanc/LaancStep2.js

@@ -48,6 +48,7 @@ export default function LaancStep2({
   centeredModal,
   setCenteredModal
 }) {
+  const [isterms, setIsterms] = useState(false);
   const [detailData, setDetailData] = useState(initFlightBas.initDetail);
   const { user } = useSelector(state => state.authState);
 
@@ -159,7 +160,14 @@ export default function LaancStep2({
                 <Label for='test'>
                   <span className='necessary'>*</span>종류
                 </Label>
-                <Input type='select' name='select' size='sm' id='test' disabled>
+                <Input
+                  type='select'
+                  name='commercial'
+                  value={data.commercial}
+                  size='sm'
+                  id='commercial'
+                  disabled
+                >
                   <option>상업</option>
                   <option>비상업</option>
                 </Input>
@@ -171,28 +179,15 @@ export default function LaancStep2({
                 <Col className='list-input' md='6'>
                   <FormGroup>
                     <Label for='test'>
-                      <span className='necessary'>*</span>비행 시작 일자
+                      <span className='necessary'>*</span>비행 시작 일시
                     </Label>
-                    <Flatpickr
-                      className='form-control form-control-sm'
+                    <Input
                       type='text'
                       id='schFltStDt'
                       name='schFltStDt'
-                      data-enable-time
-                      defaultValue={data.schFltStDt}
-                      value={data.schFltStDt}
-                      options={{
-                        minDate: moment().format('YYYY-MM-DD')
-                      }}
-                      onChange={date => {
-                        const value =
-                          moment(date[0]).format('YYYY-MM-DD HH:mm:ss') || '';
-                        handleChange({
-                          name: 'schFltStDt',
-                          value
-                        });
-                      }}
-                      placeholder='비행 시작일자 선택(클릭)'
+                      bsSize='sm'
+                      value={data.schFltStDt.slice(0, 16)}
+                      placeholder=''
                       disabled
                     />
                   </FormGroup>
@@ -200,30 +195,16 @@ export default function LaancStep2({
                 <Col className='list-input' md='6'>
                   <FormGroup>
                     <Label for='test'>
-                      <span className='necessary'>*</span>비행 종료 일자
+                      <span className='necessary'>*</span>비행 종료 일시
                     </Label>
-                    <Flatpickr
-                      className='form-control form-control-sm'
+                    <Input
                       type='text'
                       id='schFltEndDt'
                       name='schFltEndDt'
-                      data-enable-time
-                      defaultValue={data.schFltEndDt}
-                      value={data.schFltEndDt}
-                      options={{
-                        minDate: moment().format('YYYY-MM-DD')
-                      }}
-                      onChange={date => {
-                        const value =
-                          moment(date[0]).format('YYYY-MM-DD HH:mm:ss') || '';
-                        handleChange({
-                          name: 'schFltEndDt',
-                          value
-                        });
-                      }}
-                      placeholder='비행 종료일자 선택(클릭)'
+                      bsSize='sm'
+                      value={data.schFltEndDt.slice(0, 16)}
+                      placeholder=''
                       disabled
-                      // {...{options:{minDate: "today"}}}
                     />
                   </FormGroup>
                 </Col>
@@ -336,6 +317,8 @@ export default function LaancStep2({
                 className='terms-check'
                 id='exampleCustomCheckbox'
                 label='조종자 준수사항 미 준수 시 처벌에 동의합니다.'
+                checked={isterms}
+                onChange={() => setIsterms(!isterms)}
               />
             </Col>
           </Row>
@@ -356,7 +339,7 @@ export default function LaancStep2({
             <span></span>
           </li>
         </ul>
-        <Button outline onClick={() => handlerStep(3)}>
+        <Button disabled={!isterms} outline onClick={() => handlerStep(3)}>
           다음
         </Button>
       </ModalFooter>