Reactjs: Add days to input field type="time"

Question

I want to build a time-selector with the format "dd:hh:mm:ss". So far I have following code:

<DetailBar title="Deadline:" type="time" step="2" innerRef={deadlineInput}  id="deadlineInput"  valid={orderValid}/>

I set step="2" so seconds are shown. Detailbar class internally maps the input values onto an input field and returns it, which looks like this:

What I am trying to achieve now, is creating a fourth "field" ("--:") representing days, selectable up to a number of 365. Sadly there is not that much documentation about using type="time". Can this even be achieved using an input field like mine maybe by overriding or setting the attributes right or do I have to code myself a field like this? Any solutions are welcomed.