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 (
            <div className="example-config">
                <Calendar defaultActiveView="decade"/>
    <App />,