A fast, modern and highly customizable Date range picker for React. Integrates seamlessly React Hook form and can be styled using your favourite css framework like tailwindcss.
import { useState } from 'react';
import { DateRangePicker, DateRange } from 'react-simple-date-range';
const RangeExample = () => {
const [range, setRange] = useState({
start: null,
end: null,
} as DateRange);
return (
<DateRangePicker
value={range}
onChange={(newRange) => setRange(() => newRange)}
></DateRangePicker>
);
};
export default RangeExample;
- Effortless form integration
- Customizable cells
- Full control over disabled dates, with custom options
- Written in Typescript
The documentation is currently being worked on, if you have any issues please visit the issues section on github.
Feel free to submit a PR on Github