정산 달력

src/pages/settlement/list/list-page.tsx

@@ -1,4 +1,5 @@
 import { useState } from 'react';
+import { useLocation } from 'react-router';
 import { PATHS } from '@/shared/constants/paths';
 import { useNavigate } from '@/shared/lib/hooks/use-navigate';
 import { SettlementTab } from '@/entities/settlement/ui/settlement-tab';
@@ -16,6 +17,10 @@ import {
 
 export const ListPage = () => {
   const { navigate } = useNavigate();
+  const location = useLocation();
+
+  const startDate: string | undefined  = location?.state?.startDate;
+  const endDate: string | undefined  = location?.state?.endDate;
 
   const [activeTab, setActiveTab] = useState<SettlementTabKeys>(SettlementTabKeys.List);
 
@@ -33,7 +38,10 @@ export const ListPage = () => {
         <div className="tab-content">
           <div className="tab-pane pt-46 active">
             <SettlementTab activeTab={ activeTab }></SettlementTab>
-            <ListWrap></ListWrap>
+            <ListWrap
+              startDateFromCalendar={ startDate }
+              endDateFromCalendar={ endDate }
+            ></ListWrap>
           </div>
         </div>
       </main>