mirror of
https://gitlab.com/mbugroup/lti-web-client.git
synced 2026-05-21 05:45:46 +00:00
fix(FE): fixing report finance filter ui
This commit is contained in:
@@ -280,7 +280,7 @@ const DateInput = ({
|
||||
ref={calendarModal.ref}
|
||||
className={{
|
||||
modal: 'rounded',
|
||||
modalBox: `!max-w-max min-h-${isRange ? '124' : '110'} flex flex-col`,
|
||||
modalBox: `max-w-max flex flex-col`,
|
||||
}}
|
||||
closeOnBackdrop
|
||||
>
|
||||
@@ -296,7 +296,11 @@ const DateInput = ({
|
||||
endMonth={maxDate ?? new Date(new Date().getFullYear() + 5, 11)}
|
||||
selected={selectedRange as DateRange}
|
||||
onSelect={handleSelectRange}
|
||||
footer={<div className='text-center mt-3'>{displayValue}</div>}
|
||||
footer={
|
||||
<div className='text-center py-2 text-base-content/65 font-semibold text-xs'>
|
||||
{displayValue}
|
||||
</div>
|
||||
}
|
||||
disabled={
|
||||
[
|
||||
minDate ? { before: minDate } : undefined,
|
||||
@@ -326,17 +330,26 @@ const DateInput = ({
|
||||
)}
|
||||
<div className='mt-auto flex flex-col gap-2'>
|
||||
{isRange && (
|
||||
<small className='text-secondary'>
|
||||
Tekan dua kali untuk memilih tanggal awal
|
||||
<small className='text-base-content/65'>
|
||||
Tekan dua kali untuk reset tanggal awal
|
||||
</small>
|
||||
)}
|
||||
|
||||
<div className='flex h-full justify-end items-end gap-2'>
|
||||
<Button type='button' color='warning' onClick={handleResetDate}>
|
||||
<div className='flex h-full justify-end items-end gap-1.5 mt-3'>
|
||||
<Button
|
||||
type='button'
|
||||
color='none'
|
||||
className='bg-transparent hover:bg-base-content/10 border-none text-base text-base-content/65 px-3'
|
||||
onClick={handleResetDate}
|
||||
>
|
||||
Reset
|
||||
</Button>
|
||||
{isRange && (
|
||||
<Button type='button' onClick={handleSaveDate}>
|
||||
<Button
|
||||
type='button'
|
||||
className='rounded-lg px-3 py-2 text-white'
|
||||
onClick={handleSaveDate}
|
||||
>
|
||||
Simpan
|
||||
</Button>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user