Date Range Picker

• Mar 12, 2025

The Date Range Picker component displays a drop-down with two calendars next to each other and allows users to select a range of dates.

Run Demo Read Tutorial: Explore Features

API Reference

Refer to the following list for the component API reference: DxDateRangePicker Members.

Features and Capabilities

For in-depth information about DevExpress Date Range Picker for Blazor, review the following sections in the DxDateRangePicker class description:

• Nullable Date and Placeholder
• Display Format
• Set Range of Available Dates
• Highlight Special Dates
• Set the First Day of the Week
• Appearance Customization
• Hide Built-In Drop-Down Button
• Add Command Buttons
• Input Validation
• Read-Only State
• Drop-Down Window Direction
• HTML Attributes and Events