diff --git a/src/components/flight/NewFlightApprovalsReport.js b/src/components/flight/NewFlightApprovalsReport.js index 7bd1fa10..bb3ee5cd 100644 --- a/src/components/flight/NewFlightApprovalsReport.js +++ b/src/components/flight/NewFlightApprovalsReport.js @@ -1,4 +1,4 @@ -import { useState, useEffect } from 'react'; +import { useState, useEffect, useRef } from 'react'; import Flatpickr from 'react-flatpickr'; import { Button, Input, CustomInput, Col, Row } from '@component/ui'; import { Search, Calendar } from 'react-feather'; @@ -12,7 +12,8 @@ export default function NewFlightApprovalsReport(props) { startDate: dayjs().format('YYYY-MM-DD'), endDate: dayjs().format('YYYY-MM-DD') }); - const location = useLocation(); + + const flatPickerRef = useRef(null); useEffect(() => { const popupSyncSearchData = JSON.parse(localStorage.getItem('popupState')); @@ -24,10 +25,11 @@ export default function NewFlightApprovalsReport(props) { address: popupSyncSearchData.address }); props.setFilterId(popupSyncSearchData.filter); - setSearchDate({ - startDate: popupSyncSearchData.startDate, - endDate: popupSyncSearchData.endDate - }); + + flatPickerRef.current.flatpickr.setDate( + [popupSyncSearchData.startDate, popupSyncSearchData.endDate], + true + ); localStorage.removeItem('popupState'); } }, []); @@ -51,6 +53,7 @@ export default function NewFlightApprovalsReport(props) {