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 />;
    }
}

ReactDOM.render(
    <App />,
    document.querySelector('my-app')
);

Functionality and Features

• Disabled state
• Dates
• Date ranges
• Week number column
• Integration with JSON
• Globalization
• Keyboard navigation
• Accessibility

Suggested Links

• API Reference of the Calendar
• Globalization of the DateInputs