Ideal for editing dates, <DateInput> renders an HTML <input type="date"> element, that most browsers display as a standard Date Picker.


The appearance of <DateInput> depends on the browser, and falls back to a text input on Safari. The date formatting in this input depends on the user’s locale.

import { DateInput } from 'react-admin';

<DateInput source="published_at" />

<DateInput> also accepts the common input props.

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

MUI style DateInput