From 6ffc2c280609dd2879a7813c642ac8d696d6642d Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Thu, 30 Apr 2026 16:56:47 +0700
Subject: [PATCH] fix: adjust date filter layout

---
 .../expense/filter/ExpensesFilterModal.tsx    | 59 ++++++++-----------
 1 file changed, 25 insertions(+), 34 deletions(-)

diff --git a/src/components/pages/expense/filter/ExpensesFilterModal.tsx b/src/components/pages/expense/filter/ExpensesFilterModal.tsx
index 67a6f431..fbde8542 100644
--- a/src/components/pages/expense/filter/ExpensesFilterModal.tsx
+++ b/src/components/pages/expense/filter/ExpensesFilterModal.tsx
@@ -203,40 +203,31 @@ const ExpensesFilterModal = ({
 
         {/* Modal Body */}
         <div className='p-4 flex flex-col gap-1.5'>
-          <div className='flex flex-col'>
-            <span className='py-2 text-xs font-semibold'>Tanggal</span>
-            <div className='flex flex-row items-center gap-1.5'>
-              <DateInput
-                name='transaction_date'
-                placeholder='Tanggal Transaksi'
-                value={formik.values.transaction_date || ''}
-                onChange={formik.handleChange}
-                onBlur={formik.handleBlur}
-                isError={
-                  formik.touched.transaction_date &&
-                  !!formik.errors.transaction_date
-                }
-              />
-              <hr className='w-full max-w-3 h-px border-base-content/10' />
-              <DateInput
-                name='realization_date'
-                placeholder='Tanggal Realisasi'
-                value={formik.values.realization_date || ''}
-                onChange={formik.handleChange}
-                onBlur={formik.handleBlur}
-                isError={
-                  formik.touched.realization_date &&
-                  !!formik.errors.realization_date
-                }
-              />
-            </div>
-            {formik.touched.realization_date &&
-              formik.errors.realization_date && (
-                <span className='text-xs text-error'>
-                  {formik.errors.realization_date}
-                </span>
-              )}
-          </div>
+          <DateInput
+            name='transaction_date'
+            label='Tanggal Transaksi'
+            placeholder='Tanggal Transaksi'
+            value={formik.values.transaction_date || ''}
+            onChange={formik.handleChange}
+            onBlur={formik.handleBlur}
+            isError={
+              formik.touched.transaction_date &&
+              !!formik.errors.transaction_date
+            }
+          />
+
+          <DateInput
+            name='realization_date'
+            label='Tanggal Realisasi'
+            placeholder='Tanggal Realisasi'
+            value={formik.values.realization_date || ''}
+            onChange={formik.handleChange}
+            onBlur={formik.handleBlur}
+            isError={
+              formik.touched.realization_date &&
+              !!formik.errors.realization_date
+            }
+          />
 
           <SelectInput
             label='Lokasi'