@elemental-ui-alpha/date-picker
v0.0.2
Published
Date pickers let users choose dates from a dialog calendar.
Downloads
5
Readme
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} />;