React Scheduler - Date Navigation

The React Scheduler component's ViewState and DateNavigator plugins enable you to change the current date at runtime.

Related Plugins

The following plugins implement date navigation feature:

• ViewState - manages a current date state
• Toolbar - renders the Scheduler Toolbar
• DateNavigator - renders a date navigator control
• TodayButton - a button that is used to navigate to the today's date

Basic Setup

Import the plugins listed above to enable a user to change the current date at runtime.

Uncontrolled Mode

In uncontrolled mode, specify the initial date in the ViewState plugin's defaultCurrentDate property.

import * as React from 'react';

export default () => {

Controlled Mode

In controlled mode, pass the current date to the ViewState plugin's currentDate property and handle the onCurrentDateChange event to control the date externally.

import * as React from 'react';

export default () => {