React-ultimate-calendar NPM

Zero dependency calendar with a localization support, dynamic or weekly range selection, and expanded view.

Install

npm install react-ultimate-calendar

Getting Started

import Calendar from "react-ultimate-calendar";

const start = new Date();
const end = new Date();
end.setDate(end.getDate() + 10);

const onChangeHandler = (weekNumber, startDate, end Date) => { ... }

<Calendar
  locale="de-DE"
  multi
  onChange={onChangeHandler}
  showWeekNumbers
  weeksSelector
  value={[start, end]} // Specify default selected range of 10 days from today
/>;