Getting Started with KendoReact Calendar

The KendoReact Calendar is a form component that represents a graphical Gregorian calendar and supports the selection of and navigation between dates and date ranges for scheduling appointments.

The KendoReact Calendar is distributed through NPM under the kendo-react-dateinputs package.

The Calendar component is part of KendoReact, a professionally built commercial UI library. To try out this component you need to sign up for a 30-day trial, which gives you access to the full KendoReact library.

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