Calendar

If you want to render Calendar component like the following images for different Views.

Simple Calendar

To show this type of Calendar you will need this code in down here.

     
<div className="app-calendar animated slideInUpTiny animation-duration-3">
            <BigCalendar
                    {...props}
                    events={events}
                    views={allViews}
                    step={60}
                    defaultDate={new Date(2015, 3, 1)}/>
</div>
  

Popup

<div className="app-calendar app-cul-calendar animated slideInUpTiny animation-duration-3">
        <h3 className='callout'>
            Click the "+x more" link on any calendar day that cannot fit all the days events to
            see an inline popup of all the events.
        </h3>
        <BigCalendar
                popup
                events={events}
                defaultDate={new Date(2015, 3, 1)}
        />
</div>