KendoReact MultiViewCalendar Overview

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


The following example demonstrates the MultiViewCalendar in action.

Example
View Source
Change Theme:

The MultiViewCalendar is part of the KendoReact Date Inputs component library. The procedures for installing, importing, and using the Date Inputs are identical for all components in the package. To learn how to use the MultiViewCalendar and the rest of the Date Inputs, see the Getting Started with the KendoReact Date Inputs guide.

Key Features

  • Disabled MultiViewCalendarTo prevent users from interacting with the MultiViewCalendar, you can render it in a disabled state until specific requirements are met.
  • Focused and selected datesThe built-in configuration options of the MultiViewCalendar allow you to set the behavior of the focused and selected dates.
  • Controlled modeBy using the controlled mode, you can manage the value of the MultiViewCalendar.
  • Multiple viewsThe MultiViewCalendar provides options for controlling the number of horizontally rendered views.
  • View selectionYou can configure the initially rendered view and the depth of the MultiViewCalendar selection.
  • Reverse range selectionTo improve the user experience, the MultiViewCalendar automatically corrects the selection when the end-user selects a start value that is after the end value.
  • Week number columnYou can enable a column that displays the number of the weeks in the MultiViewCalendar.
  • Custom renderingThe MultiViewCalendar allows you to customize its rendering and transform the appearance of its child components.
  • GlobalizationThe MultiViewCalendar provides globalization features allowing you to create applications that can be used all over the world.
  • Keyboard navigationThe MultiViewCalendar supports numerous keyboard shortcuts that allow users to interact with the component.
  • AccessibilityThe MultiViewCalendar is accessible for screen readers and provides full WAI-ARIA support.

In this article

Not finding the help you need?