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