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

Firefox 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 Material UI styled <TimeInput> component, check out vascofg/react-admin-date-inputs.


<TimeInput> accepts the common input props.