• What is KendoReact
  • Getting Started
  • Server Components
  • Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

Add buttons with predefined ranges in DateRangePicker's popup

Environment

Product Version5.12.0
ProductProgress® KendoReact

Description

I want to add buttons in the DateRangePicker's popup for setting predefined ranges (like today's date, this week, this month, etc.).

Solution

For achieving the desired result a custom Popup must be defined for the DateRangePicker, where the custom buttons can be added. Since the custom Popup of the DateRangePicker provides the default children elements, they can be re-used.

This is an example showcasing how to limit the value:

Example
View Source
Change Theme:

In this article

Not finding the help you need?