This commit is contained in:
Raja Oktafrianto
2025-04-15 16:16:03 +07:00
2 changed files with 92 additions and 90 deletions

View File

@ -42,56 +42,58 @@ const ListToolbar = () => {
return ( return (
<div className="card-header flex-wrap gap-2 border-b-0 px-5"> <div className="card-header flex-wrap gap-2 border-b-0 px-5">
<div className="flex flex-wrap gap-2 lg:gap-5 w-full"> <div className="flex flex-wrap gap-2 lg:gap-5 w-full justify-between items-center">
<div className="flex justify-between w-full items-center"> <div className="flex gap-3 items-center w-full md:w-auto">
<div className="flex w-[50%] gap-3 items-center"> <label className="input input-sm w-[160px]">
<label className="input input-sm w-1/3"> From
From <input
<input type="date"
type="date" placeholder="From"
placeholder="From" value={trxDate.from}
value={trxDate.from} onChange={(event) =>
onChange={(event) => settrxDate({ ...trxDate, from: event.target.value })
settrxDate({ ...trxDate, from: event.target.value }) }
} name="from"
name="from" />
/> </label>
</label>
<label className="input input-sm w-1/3"> <label className="input input-sm w-[160px]">
To To
<input <input
type="date" type="date"
placeholder="To" placeholder="To"
value={trxDate.to} value={trxDate.to}
onChange={(event) => onChange={(event) =>
settrxDate({ ...trxDate, to: event.target.value }) settrxDate({ ...trxDate, to: event.target.value })
} }
name="to" name="to"
/> />
</label> </label>
<DefaultTooltip title={'Refresh'} placement={'top'}> </div>
<Button
variant="outline" <div className="ml-auto">
className="h-7.5" <DefaultTooltip title={'Refresh'} placement={'top'}>
onClick={() => { <Button
const today = new Date(); variant="outline"
const firstDayOfMonth = new Date(today.getFullYear(), today.getMonth(), 1); className="h-7.5"
settrxDate({ onClick={() => {
from: formatDate(firstDayOfMonth), const today = new Date();
to: formatDate(today), const firstDayOfMonth = new Date(today.getFullYear(), today.getMonth(), 1);
}); settrxDate({
reload(); from: formatDate(firstDayOfMonth),
}} to: formatDate(today),
> });
<KeenIcon icon="arrows-circle" /> reload();
</Button> }}
</DefaultTooltip> >
</div> <KeenIcon icon="arrows-circle" />
</Button>
</DefaultTooltip>
</div> </div>
</div> </div>
</div> </div>
); );
}; };
export default ListToolbar; export default ListToolbar;

View File

@ -42,53 +42,53 @@ const ListToolbar = () => {
return ( return (
<div className="card-header flex-wrap gap-2 border-b-0 px-5"> <div className="card-header flex-wrap gap-2 border-b-0 px-5">
<div className="flex flex-wrap gap-2 lg:gap-5 w-full"> <div className="flex flex-wrap gap-2 lg:gap-5 w-full justify-between items-center">
<div className="flex justify-between w-full items-center"> <div className="flex gap-3 items-center w-full md:w-auto">
<div className="flex w-[50%] gap-3 items-center"> <label className="input input-sm w-[160px]">
<label className="input input-sm w-1/3"> From
From <input
<input type="date"
type="date" placeholder="From"
placeholder="From" value={trxDate.from}
value={trxDate.from} onChange={(event) =>
onChange={(event) => settrxDate({ ...trxDate, from: event.target.value })
settrxDate({ ...trxDate, from: event.target.value }) }
} name="from"
name="from" />
/> </label>
</label>
<label className="input input-sm w-1/3"> <label className="input input-sm w-[160px]">
To To
<input <input
type="date" type="date"
placeholder="To" placeholder="To"
value={trxDate.to} value={trxDate.to}
onChange={(event) => onChange={(event) =>
settrxDate({ ...trxDate, to: event.target.value }) settrxDate({ ...trxDate, to: event.target.value })
} }
name="to" name="to"
/> />
</label> </label>
<DefaultTooltip title={'Refresh'} placement={'top'}> </div>
<Button
variant="outline"
className="h-7.5"
onClick={() => {
const today = new Date();
const firstDayOfMonth = new Date(today.getFullYear(), today.getMonth(), 1);
settrxDate({
from: formatDate(firstDayOfMonth),
to: formatDate(today),
});
reload();
}}
>
<KeenIcon icon="arrows-circle" />
</Button>
</DefaultTooltip>
</div> <div className="ml-auto">
<DefaultTooltip title={'Refresh'} placement={'top'}>
<Button
variant="outline"
className="h-7.5"
onClick={() => {
const today = new Date();
const firstDayOfMonth = new Date(today.getFullYear(), today.getMonth(), 1);
settrxDate({
from: formatDate(firstDayOfMonth),
to: formatDate(today),
});
reload();
}}
>
<KeenIcon icon="arrows-circle" />
</Button>
</DefaultTooltip>
</div> </div>
</div> </div>
</div> </div>