Getting Started with KendoReact MultiViewCalendar

The KendoReact MultiViewCalendar supports the selection of and navigation between dates as well as date ranges for scheduling appointments.

The KendoReact MultiViewCalendar component is part of the KendoReact library of React UI components. It is distributed through NPM under the kendo-react-dateinputs package.

Basic Usage

The following example demonstrates the MultiViewCalendar in action.

Copy Codeclass App extends React.Component {
    render() {
        return (
            <MultiViewCalendar />
        );
    }
}
ReactDOM.render(
    <App />,
    document.querySelector('my-app')
);

Functionality and Features

• Disabled MultiViewCalendar
• Focused and selected dates
• Controlled MultiViewCalendar
• Multiple views
• View selection
• Reverse range selection
• Week number column
• Custom rendering
• Globalization
• Keyboard navigation
• Accessibility

Suggested Links

• API Reference of the MultiViewCalendar
• Globalization of the Date Inputs