@elemental-ui-alpha/date-picker v0.0.2

Date Picker

Date pickers allow users to select a single or a range of dates.

import { DatePicker, DateRange } from '@elemental-ui-alpha/data-picker';

For a date that is known by the user or is not close to today, like a birthday, consider using a TextInput of type date.

Date Picker

Select a single date.

const [value, setValue] = React.useState();

return <DatePicker label="Pay date" onChange={setValue} value={value} />;

Date Range

Select a range between two dates.

const [value, setValue] = React.useState({ from: '', to: '' });

return <DateRange label="Pay period" onChange={setValue} value={value} />;