Components
Date Picker
Allow users to select date and date range
Selected Theme
Select brand or tribe name to preview style
Default
Usage
A datepicker component allows users to select date/date range. Ours is based on rc-picker’s.
import { Datepicker } from 'legion-ui';
Basic
Default usage of Datepicker and its behavior being md in size.
<Datepicker />
Size
You can customise the size of the Datepicker icon displayed via the size prop, which accepts either sm, md, or lg. By default size is md.
<Datepicker size="sm" /><Datepicker size="md" /><Datepicker size="lg" />
DateRange Picker
To choose a date range, you can use DateRangePicker
To
import { DateRangePicker } from 'legion-ui';<DateRangePicker size="md" />
Props
Full documentation of rc-picker can be look thoroughly in rc-picker’s Github repository.
| property | propType | required | default | description |
|---|---|---|---|---|
| size | sm | md | lg | - | md | Set the size of the datepicker icon |
Do you have feedback?
Please let us know to make it better