Skip to main content
All docs
V25.1
  • DxDateRangePicker<T>.Buttons Property

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

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

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

    Property Value

    Type Description
    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 more information.

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

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

    Date Range Picker - Command Button Position

    See Also