tw-daterange

A DateRange picker made with tailwind and date-fns

How to install

Make sure you have tailwind installed and setup
using npm

npm install tw-daterange

using yarn

yarn add tw-daterange

How to use

import { useState } from "react"
import DateRangePicker from "tw-daterange"

const App = () => {
  const [range, setRange] = useState({
    startDate: new Date(),
    endDate: new Date(),
  })

  return (
    <DateRangePicker
      initialRange={range}
      onUpdate={(dateRange) => {
        setRange(dateRange)
      }}
    />
  )
}

export default App

License

GitHub

View Github