diff options
| author | Rosyid Haryadi <rosyid_haryadi@protonmail.com> | 2023-09-30 18:29:36 +0700 |
|---|---|---|
| committer | Rosyid Haryadi <rosyid_haryadi@protonmail.com> | 2023-09-30 18:29:36 +0700 |
| commit | ca044349cac7434560f2646bc4ea4c27f5783d47 (patch) | |
| tree | 91c7f9eb99a9be9d7f6ca5f1bc7e715316f1c65e /src/Entry.jsx | |
| parent | 63633dcd62e72a6c55533b50949630ed8d554328 (diff) | |
cursed state management
Diffstat (limited to 'src/Entry.jsx')
| -rw-r--r-- | src/Entry.jsx | 36 |
1 files changed, 26 insertions, 10 deletions
diff --git a/src/Entry.jsx b/src/Entry.jsx index e554050..c486680 100644 --- a/src/Entry.jsx +++ b/src/Entry.jsx @@ -4,7 +4,7 @@ import {AdapterDayjs} from '@mui/x-date-pickers/AdapterDayjs'; import 'dayjs/locale/id'; -function Entry({propDate, propStart, propFinish}) { +function Entry({propId, propDate, propStart, propFinish, handleEntryChange}) { const [date, setDate] = useState(propDate); const [start, setStart] = useState(propStart); const [finish, setFinish] = useState(propFinish); @@ -12,15 +12,31 @@ function Entry({propDate, propStart, propFinish}) { return ( <LocalizationProvider dateAdapter={AdapterDayjs} adapterLocale='id'> <div style={{display: 'flex', gap: '5px'}}> - <DatePicker label="Tanggal Lembur" value={date} - onAccept={(newDate) => setDate(newDate)}/> - <TimePicker label="Mulai" ampm={false} value={start} maxTime={finish} onAccept={(newStart) => { - setStart(newStart) - }}/> - <TimePicker label="Selesai" ampm={false} value={finish} minTime={start} onAccept={(newFinish) => { - setFinish(newFinish); - console.log(newFinish) - }}/> + <DatePicker label="Tanggal Lembur" + value={date} + onAccept={(newDate) => { + setDate(newDate); + handleEntryChange({id: propId, date: newDate}, 'date') + }} + /> + <TimePicker label="Mulai" + ampm={false} + value={start} + maxTime={finish} + onAccept={(newStart) => { + setStart(newStart); + handleEntryChange({id: propId, start: newStart}, 'start') + }} + /> + <TimePicker label="Selesai" + ampm={false} + value={finish} + minTime={start} + onAccept={(newFinish) => { + setFinish(newFinish); + handleEntryChange({id: propId, finish: newFinish}, 'finish') + }} + /> </div> </LocalizationProvider> ) |