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) {