A DateRange picker made with tailwind and date-fns

tw-daterange

A DateRange picker made with tailwind and date-fns


How to install

  1. Make sure you have tailwind installed and setup

  2. 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

MIT © Swapnil Soni

GitHub

View Github