popover 속성값 수정

src/views/laanc/LaancStep1.js

@@ -151,7 +151,7 @@ export default function LaancStep1({
   // 날짜 선택 핸들러
   const handleOpenFlatpickr = () => {
     if (data.areaList[0].coordList[0].lat === 0) {
-      setIsInfoModal({
+      setIsErrorModal({
         isOpen: true,
         title: '비행 구역 설정',
         desc: '비행 구역 설정을 먼저 설정 해 주세요'
@@ -268,7 +268,7 @@ export default function LaancStep1({
                 <Label for='test' className='pal-popover'>
                   <span className='necessary'>*</span>승인 유형
                   <Info
-                    id='commercial'
+                    id='commercialFocus'
                     onMouseEnter={() => setPopoverCommercial(true)}
                     onMouseLeave={() => setPopoverCommercial(false)}
                     size={16}
@@ -277,8 +277,9 @@ export default function LaancStep1({
                   />
                   <UncontrolledPopover
                     isOpen={popoverCommercial}
-                    target='commercial'
+                    target='commercialFocus'
-                    toggle={() => toggle('commercial')}
+                    trigger='focus'
+                    toggle={() => toggle('commercialFocus')}
                     placement='bottom'
                   >
                     <PopoverBody className='pal-popover-body'>
@@ -317,7 +318,7 @@ export default function LaancStep1({
                     <Label for='test'>
                       <span className='necessary'>*</span>비행 시작 일자
                       <Info
-                        id='schFltStDt'
+                        id='schFltStDtFocus'
                         onMouseEnter={() => setPopoverSchFltStDt(true)}
                         onMouseLeave={() => setPopoverSchFltStDt(false)}
                         size={16}
@@ -326,8 +327,9 @@ export default function LaancStep1({
                       />
                       <UncontrolledPopover
                         isOpen={popoverSchFltStDt}
-                        target='schFltStDt'
+                        target='schFltStDtFocus'
-                        toggle={() => toggle('schFltStDt')}
+                        trigger='focus'
+                        toggle={() => toggle('schFltStDtFocus')}
                         placement='bottom'
                       >
                         <PopoverBody className='pal-popover-body'>
@@ -344,6 +346,7 @@ export default function LaancStep1({
                       data-enable-time
                       defaultValue={data.schFltStDt}
                       value={data.schFltStDt}
+                      ref={schFltStDtRef}
                       onFocus={handleOpenFlatpickr}
                       options={{
                         minDate: moment().format('YYYY-MM-DD'),
@@ -394,7 +397,7 @@ export default function LaancStep1({
                     <Label for='test'>
                       <span className='necessary'>*</span>비행 종료 일자
                       <Info
-                        id='schFltEndDt'
+                        id='schFltEndDtFocus'
                         onMouseEnter={() => setPopoverSchFltEndDt(true)}
                         onMouseLeave={() => setPopoverSchFltEndDt(false)}
                         size={16}
@@ -403,8 +406,9 @@ export default function LaancStep1({
                       />
                       <UncontrolledPopover
                         isOpen={popoverSchFltEndDt}
-                        target='schFltEndDt'
+                        target='schFltEndDtFocus'
-                        toggle={() => toggle('schFltEndDt')}
+                        trigger='focus'
+                        toggle={() => toggle('schFltEndDtFocus')}
                         placement='bottom'
                       >
                         <PopoverBody className='pal-popover-body'>
@@ -420,6 +424,7 @@ export default function LaancStep1({
                       name='schFltEndDt'
                       data-enable-time
                       defaultValue={data.schFltEndDt}
+                      ref={schFltEndDtRef}
                       value={data.schFltEndDt}
                       onFocus={handleOpenFlatpickr}
                       options={{