React-responsive-calendar-picker NPM

react-responsive-calendar-picker

Made with create-react-library

Install

npm install --save react-responsive-calendar-picker

Usage

import  React, { Component } from  'react'



import { DatePicker } from  'react-responsive-calendar-picker'

import  'react-responsive-calendar-picker/dist/index.css'




export  default  const  App = () => {

const [dates, setDates] = useState({

checkin:  new  Date('2022-03-28'),

checkout:  new  Date('2022-04-28')

})

const [open, setOpen] = useState(false)

return (

<>

<DatePicker

dates={dates}
setDates={setDates}
open={open}
setOpen={setOpen}
mobile={window.innerWidth>800?false:true}

>

<button  onClick={() =>  setOpen(!open)}>

{dates.checkin && dates.checkin.toDateString()} |{' '}

{dates.checkout && dates.checkout.toDateString()}

</button>

</DatePicker>

</>

)

}