fix: adjust date filter layout

This commit is contained in:
ValdiANS
2026-04-30 16:56:47 +07:00
parent 9e402e373c
commit 6ffc2c2806
@@ -203,40 +203,31 @@ const ExpensesFilterModal = ({
{/* Modal Body */} {/* Modal Body */}
<div className='p-4 flex flex-col gap-1.5'> <div className='p-4 flex flex-col gap-1.5'>
<div className='flex flex-col'> <DateInput
<span className='py-2 text-xs font-semibold'>Tanggal</span> name='transaction_date'
<div className='flex flex-row items-center gap-1.5'> label='Tanggal Transaksi'
<DateInput placeholder='Tanggal Transaksi'
name='transaction_date' value={formik.values.transaction_date || ''}
placeholder='Tanggal Transaksi' onChange={formik.handleChange}
value={formik.values.transaction_date || ''} onBlur={formik.handleBlur}
onChange={formik.handleChange} isError={
onBlur={formik.handleBlur} formik.touched.transaction_date &&
isError={ !!formik.errors.transaction_date
formik.touched.transaction_date && }
!!formik.errors.transaction_date />
}
/> <DateInput
<hr className='w-full max-w-3 h-px border-base-content/10' /> name='realization_date'
<DateInput label='Tanggal Realisasi'
name='realization_date' placeholder='Tanggal Realisasi'
placeholder='Tanggal Realisasi' value={formik.values.realization_date || ''}
value={formik.values.realization_date || ''} onChange={formik.handleChange}
onChange={formik.handleChange} onBlur={formik.handleBlur}
onBlur={formik.handleBlur} isError={
isError={ formik.touched.realization_date &&
formik.touched.realization_date && !!formik.errors.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>
<SelectInput <SelectInput
label='Lokasi' label='Lokasi'