Download
An events calendar component built for React and made for modern browsers (read: IE10+) and uses flexbox over the classic tables-ception approach. Styles can be found at: react-big-calendar/lib/css/react-big-calendar.css, and should be included on the page with the calendar component. Also make sure that your calendar's container element has a height, or the calendar won't be visible. Date internationalization and localization is hard and react-big-calendar doesn't even attempt to solve that problem. Instead you can use one of the many excellent solutions already out there, via adapters called "localizers". Big Calendar comes with two localizers for use with Globalize.js or Moment.js. Choose the localizer that best suits your needs, or write your own. Whatever you do, you'll need to set it up before you can use the calendar (you only need to set it up once).
Features
- Out of the box, you can include the compiled CSS files and be up and running
- Style Big Calendar to match your application styling
- SASS implementation provides a variables file containing color and sizing variables
- Localization and date formatting
- Events objects can be any shape
- Resource objects, like events, can be any shape or have any properties
Project Samples
