genie-react-calendar
React events calendar built on top of react-big-calendar
(https://github.com/intljusticemission/react-big-calendar)
Inspired by Full Calendar.
Use and Setup
npm install genie-react-calendar --save
Include genie-react-calendar/lib/css/react-big-calendar.css
for styles, and make sure your calendar's container
element has a height, or the calendar won't be visible.
Localization and Date Formatting
react-big-calendar
includes two options for handling the date formatting and culture localization, depending
on your preference of DateTime libraries. You can use either the Moment.js or Globalize.js localizers.
Regardless of your choice, you must choose a localizer to use this library:
Moment.js
const localizer = BigCalendar const MyCalendar = <div> <BigCalendar localizer=localizer events=myEventsList startAccessor="start" endAccessor="end" /> </div>
Globalize.js v0.1.1
const localizer = BigCalendar const MyCalendar = <div> <BigCalendar localizer=localizer events=myEventsList startAccessor="start" endAccessor="end" /> </div>