Calendar Overview

The Calendar is a form component that represents a graphical Gregorian calendar.

It supports the selection of and navigation between dates and date ranges for scheduling appointments.

Basic Usage

The following example demonstrates the Calendar in action.

import * as React from 'react';
import * as ReactDOM from 'react-dom';

import { Calendar } from '@progress/kendo-react-dateinputs';

class App extends React.Component {
    render() {
        return <Calendar />;

    <App />,

Functionality and Features

In this article