import {useState} from "react"; import {DatePicker, LocalizationProvider, TimePicker} from '@mui/x-date-pickers'; import {AdapterDayjs} from '@mui/x-date-pickers/AdapterDayjs'; import 'dayjs/locale/id'; function Entry({propId, propDate, propStart, propFinish, handleEntryChange}) { const [date, setDate] = useState(propDate); const [start, setStart] = useState(propStart); const [finish, setFinish] = useState(propFinish); return (
{ setDate(newDate); handleEntryChange({id: propId, date: newDate}, 'date') }} /> { setStart(newStart); handleEntryChange({id: propId, start: newStart}, 'start') }} /> { setFinish(newFinish); handleEntryChange({id: propId, finish: newFinish}, 'finish') }} />
) } export default Entry;