0.0.7 • Published 1 year ago
chakra-date-range-picker v0.0.7
Chakra-Date-Range-Picker
Installation
using npm:
$ npm i chakra-date-range-picker
using yarn:
$ yarn add chakra-date-range-picker
Example
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 |