Active View

To define the first view that the Calendar initially renders, use the defaultActiveView property.

The ActiveView type defines the following possible view options:

  • month—Shows the days of the month.
  • year—Shows the months of the year.
  • decade—Shows the years of the decade.
  • century—Shows the decades of the century.
class App extends React.Component {
    render() {
        return (
            <Calendar defaultActiveView="decade"/>
    <App />,

In this article

Not finding the help you need?