# Elements

Blazor Edition provides the DatePicker control which allows you to select and edit date values. Learn more about DatePicker and its elements in the Blazor documentation.

## Content



**DateTimeEditors for Blazor** includes the DatePicker control, a simple control which allows you to display and edit date values. The interface of the DatePicker control looks similar to the following image with which you can choose a date from a drop-down calendar at run time:

![DatePicker control](https://cdn.mescius.io/document-site-files/images/f5b600ba-f1a7-4f89-a20c-aa6c0c35880d/images/datepicker-elements.png)

The **DatePicker** control consists of the following elements:

*   **Date picker**<br />The date picker element shows the selected date.
*   **Drop-down button**<br />The drop-down button opens a calendar from where you can select a date to display in the date picker.