initial commit

1 files changed, 29 insertions, 0 deletions

diff --git a/src/Entry.jsx b/src/Entry.jsx
new file mode 100644
index 0000000..e554050
--- /dev/null
+++ b/src/Entry.jsx
@@ -0,0 +1,29 @@
+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({propDate, propStart, propFinish}) {
+    const [date, setDate] = useState(propDate);
+    const [start, setStart] = useState(propStart);
+    const [finish, setFinish] = useState(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)
+                }}/>
+            </div>
+        </LocalizationProvider>
+    )
+}
+
+export default Entry;
\ No newline at end of file