KendoReact Calendar
Graphical React calendar component for intuitive date selection.
- Supports selection and navigation of single dates and date ranges.
- Fully customizable with options for disabled state and date limits.
- Includes keyboard navigation and accessibility compliance.
Prices from:
| Available in | |
|---|---|
| KendoReact | Loading |
| Kendo UI | Loading |
| Telerik DevCraft | Loading |
Date Selection and Navigation
Provides graphical interface for selecting single dates or date ranges, supporting intuitive navigation through days, months, years, decades, and centuries.
Disabled State Support
Allows rendering the calendar in a disabled state to prevent user interaction until certain conditions are met, visually indicating non-interactivity.
Fast Navigation Bar
Includes a navigation sidebar enabling quick switching between date ranges such as months or years, enhancing user experience in browsing calendar periods.
Active View Configuration
Enables setting the initial calendar view depth when rendered, from days to decades or centuries, adapting to application requirements.
View Selection Depth
Controls how deeply users can navigate within the calendar, restricting selection granularity to days, months, years, or higher levels.
Date Range Limits
Supports setting minimum and maximum selectable dates to restrict user choices within predefined valid intervals.
Week Number Column
Optionally displays a column showing week numbers alongside calendar weeks, improving context for weekly planning.
Custom Rendering Capabilities
Allows developers to replace or customize calendar cells, week cells, navigation items, and header titles with custom React components for tailored appearance and behavior.
Globalization Support
Automatically adapts calendar localization, including month and day names and messages, to match user locale settings at runtime.
Keyboard Navigation
Provides extensive keyboard shortcuts to navigate and select dates, improving accessibility and interaction without a mouse.
Accessibility Compliance
Designed for screen reader compatibility and includes full support for WAI-ARIA standards with compliance to Section 508 and WCAG 2.0 AA/AAA guidelines.
Product Compatibility
Review the details below to ensure this product is supported within your environment.
Component Type
- JavaScript
JavaScript Platform
- React
- Vanilla JavaScript
About Telerik
Telerik, founded in 2002 and headquartered in Sofia, Bulgaria, develops UI component libraries, reporting tools, and testing solutions for .NET and JavaScript application development. Its flagship products include Telerik DevCraft, a collection of UI, reporting, testing, and productivity tools for Microsoft development platforms, and Kendo UI, a suite of JavaScript UI libraries for frameworks including Angular, React, and Vue. Telerik also provides document processing, reporting, and automated testing technologies designed for web, desktop, and mobile software development environments.
As official and authorized distributors since 2018, ComponentSource supplies you with legitimate licenses directly from Telerik.