React Scheduler - View Switching

The React Scheduler component allows a user to switch between views at runtime.

Related Plugins

The following plugins implement this feature:

• ViewSwitcher - renders the view switcher
• ViewState - manages the current view's state
• Toolbar - renders the Toolbar

Basic Setup

Import the plugins listed above to enable a user to switch between views at runtime.

Uncontrolled Mode

In uncontrolled mode, use the ViewState plugin's defaultCurrentViewName property to specify the initial view:

import * as React from 'react';

export default () => (

Controlled Mode

In controlled mode, use the ViewState plugin's currentViewName property to specify the view and handle the onCurrentViewNameChange event to control the view's state externally. Use the name property to specify the view's unique identifier and the displayName property to specify the view's display name:

import * as React from 'react';

export default () => {

Control the View Externally

Define the ViewState plugin's currentViewName property. The ViewSwitcher plugin is not required in this case:

import * as React from 'react';

const ExternalViewSwitcher = ({