An input for editing time. <TimeInput> renders a standard browser Time Picker, so the appearance depends on the browser.

Firefox Edge
TimeInput Firefox TimeInput Edge

This component works with Date objects to handle the timezone using the browser locale. You can still pass string values as long as those can be converted to a JavaScript Date object.


import { TimeInput } from 'react-admin';

<TimeInput source="published_at" />

Tip: For a MUI styled <TimeInput> component, check out vascofg/react-admin-date-inputs.


<TimeInput> accepts the common input props.