fix: adjust date filter layout

src/components/pages/expense/filter/ExpensesFilterModal.tsx

@@ -203,11 +203,9 @@ 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'
+            label='Tanggal Transaksi'
             placeholder='Tanggal Transaksi'
             value={formik.values.transaction_date || ''}
             onChange={formik.handleChange}
@@ -217,9 +215,10 @@ const ExpensesFilterModal = ({
               !!formik.errors.transaction_date
             }
           />
-              <hr className='w-full max-w-3 h-px border-base-content/10' />
+
           <DateInput
             name='realization_date'
+            label='Tanggal Realisasi'
             placeholder='Tanggal Realisasi'
             value={formik.values.realization_date || ''}
             onChange={formik.handleChange}
@@ -229,14 +228,6 @@ const ExpensesFilterModal = ({
               !!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>
 
           <SelectInput
             label='Lokasi'