React : Storing date to database via API Platform - reactjs

Question

I'm using react in my symfony project. I need to save data through a form.
No problem for saving string data, but not date one.
Any idea of how to do it ?
const CvexperienceForm = React.memo(({post = null, onComment, cvexperience = null, onCancel = null}) => {
// Variables
const ref = useRef(null)
const refPost = useRef(null)
const refEntreprise = useRef(null)
const refDebut = useRef(null)
const onSuccess = useCallback(cvexperience => {
onComment(cvexperience)
refPost.current.value = ''
refEntreprise.current.value = ''
ref.current.value = ''
refDebut.current.value = ''
}, [ref, refEntreprise, refPost, refDebut, onComment])
// Hooks
const method = cvexperience ? 'PUT' : 'POST'
const url = cvexperience ? cvexperience['#id'] : '/api/cv_experiences'
const {load, loading, errors, clearError} = useFetch(url, method, onSuccess)
// Méthodes
const onSubmit = useCallback(e => {
e.preventDefault()
load({
entreprise: ref.current.value,
post: refPost.current.value,
description: refEntreprise.current.value,
debut: refDebut.current.value,
//fin: ref.current.value,
profile: "/api/cv_experiences/" + post
})
}, [load, ref, refEntreprise, refPost, refDebut, post])
// Affichage du form
const [show,setShow]=useState(false)
// Effets
useEffect(() => {
if (cvexperience && cvexperience.description && ref.current && refPost.current && refEntreprise.current && refDebut.current) {
ref.current.value = cvexperience.description
refPost.current.value = cvexperience.post
refEntreprise.current.value = cvexperience.entreprise
refDebut.current.value = cvexperience.debut
}
}, [cvexperience, ref, refPost, refEntreprise, refDebut])
return(
<div className="well">
{
show?
<form onSubmit={onSubmit}>
<button onClick={()=>setShow(false)} ><Icon icon="times"/> Replier</button>
{cvexperience === null && <fieldset>
</fieldset>}
<Field
name="description"
help="Veuillez renseigner tous les champs."
ref={ref}
refPost={refPost}
refEntreprise={refEntreprise}
refDebut={refDebut}
required
minLength={3}
namePost="post"
requiredPost="required"
childrenPost="Post"
nameEntreprise="entreprise"
requiredEntreprise="required"
childrenEntreprise="Entreprise"
nameDebut="debut"
requiredDebut="required"
childrenDebut="Date de début"
onChange={clearError.bind(this, 'description')}
error={errors['description']}
/>
<div className="form-group">
<button className="theme-btn btn-style-one small text-white" disabled={loading}>
{cvexperience === null ? 'Envoyer' : 'Editer'}
</button>
{onCancel && <button className="theme-btn btn-style-eight small" onClick={onCancel}>
Annuler
</button>}
</div>
</form>
:null
}
<button onClick={()=>setShow(true)} ><Icon icon="plus"/> Ajouter une expérience</button>
</div>
)
})