# Elements

## Content


![DateRangeEditElements-20260416-065425](https://cdn.mescius.io/document-site-files/images/1b33a1f1-17e3-4593-a233-97e8b8ff7610/DateRangeEditElements-20260416-065425-20260513.46c708.PNG?width=600)
The DateRangeEdit control consists of the following elements:

* **Editor**
    Displays the selected date range and allows manual input.
* **Drop-down Calendar**
    Allows users to select the start date and end date.
* **Predefined Range Panel**
    Displays commonly used ranges for quick selection.
* **Multi-Month View**
    Displays multiple months simultaneously.
* **Range Highlight**
    Highlights the selected range, including the start date, end date, and dates within the interval.