In my react app, I have an that looks like:

<input
  type="date"
  className="form-control form-control-lg"
  onFocus={(e) => (e.currentTarget.type = "text")}
  onBlur={(e) => (e.currentTarget.type = "date")}
  name="start_date"
  placeholder="mm/dd/yyyy"
  defaultValue={projectDetails.start_date}
  onChange={onChange}
/>

I am passing in the value "05-06-2004". I can see the value in the dev tools inspector, but I am not seeing it in the actual input. Any idea why?