Back to Devexpress

DxDateRangePicker<T>.Buttons Property

blazor-devexpress-dot-blazor-dot-dxdaterangepicker-1-6845e5ec.md

latest1.6 KB
Original Source

DxDateRangePicker<T>.Buttons Property

Allows you to add command buttons to the Date Range Picker.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
[Parameter]
public RenderFragment Buttons { get; set; }

Property Value

TypeDescription
RenderFragment

A collection of buttons (UI fragments).

|

Remarks

You can add custom command buttons to the Date Range Picker component. Refer to Command Buttons for additional information.

The following code hides the built-in drop-down button, adds a new drop-down button, and specifies its position:

razor
<DxDateRangePicker StartDate="DateTime.Today"
                   EndDate="DateTime.Today.AddDays(7)"
                   ShowDropDownButton=false>
    <Buttons>
        <DxDateEditDropDownButton Position="EditorButtonPosition.Left"/>
    </Buttons>
</DxDateRangePicker>

See Also

DxDateRangePicker<T> Class

DxDateRangePicker<T> Members

DevExpress.Blazor Namespace