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 |