feat(FE): API integration dashboard

src/components/pages/report/finance/tab/DebtSupplier.tsx

@@ -40,6 +40,7 @@ const DebtSupplierTab = () => {
   const [filterSupplier, setFilterSupplier] = useState<OptionType[]>([]);
   const [filterStartDate, setFilterStartDate] = useState('');
   const [filterEndDate, setFilterEndDate] = useState('');
+  const [filterDataType, setFilterDataType] = useState<OptionType>();
   const [filterErrors, setFilterErrors] = useState<Record<string, string>>({});
 
   const filterModal = useModal();
@@ -142,6 +143,7 @@ const DebtSupplierTab = () => {
       filter_by: 'do_date' as const,
       start_date: filterStartDate || undefined,
       end_date: filterEndDate || undefined,
+      date_type: filterDataType ? filterDataType.value : undefined,
       limit: 100,
       page: 1,
     };
@@ -556,6 +558,9 @@ const DebtSupplierTab = () => {
                 placeholder='Pilih Filter Berdasarkan'
                 options={dataTypeOptions}
                 value={dataTypeOptions[0]}
+                onChange={(val) => {
+                  setFilterDataType(val ? (val as OptionType) : undefined);
+                }}
                 isDisabled={true}
                 className={{ wrapper: 'w-full' }}
               />