add duration

This commit is contained in:
Romulus21
2024-02-17 00:02:39 +01:00
parent 335fc8b12b
commit f27ffc1ce8
19 changed files with 248 additions and 48 deletions

View File

@@ -0,0 +1,38 @@
import React, {FC, FormEvent, ReactEventHandler, useState} from "react"
import Field from "../Field";
import {timeTracker} from "../../utilities/types";
const TimeTrackerEdit: FC<TimeTrackerEditProps> = ({timeTracker}) => {
const [trackerForm, setTrackerForm] = useState<timeTracker>(timeTracker)
const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
console.log(trackerForm, event.target.value)
setTrackerForm({...trackerForm, [event.target.name]: event.target.value.replace('T', ' ')})
}
const onSubmit = (event: FormEvent) => {
event.preventDefault()
console.log(trackerForm)
}
return <form onSubmit={onSubmit}>
<Field name="start_at"
type="datetime-local"
value={trackerForm.start_at}
onChange={handleChange}/>
<Field name="end_at"
type="datetime-local"
value={trackerForm.end_at}
onChange={handleChange}/>
<button type="submit">Valider</button>
</form>
}
export default TimeTrackerEdit
interface TimeTrackerEditProps {
timeTracker: timeTracker,
}