0.0.7 • Published 3 years ago
chakra-date-range-picker v0.0.7
Chakra-Date-Range-Picker
Installation
using npm:
$ npm i chakra-date-range-pickerusing yarn:
$ yarn add chakra-date-range-pickerExample
import { DateRangePicker } from 'chakra-date-range-picker';
const App=()=>{
return(
<DateRangePicker onChange={e => console.log(e)} />
)}Props
| props | value |
|---|---|
| hasRangeSelect | Boolean |
| hasTime | Boolean |
| hasSideMenu | Boolean |
| onChange | (date: {startDate:Date,endDate:Date}) =>void |
| todayDateColor | String |
| selectedDateColor | String |
| dateHoverColor | String |
| label | String |
| height | String |
| width | String |
| defaultValue | {startDate:Date,endDate:Date} |
| iconPosition | 'LEFT' or 'RIGHT' |
| icon | React.ReactNode |