Skip to main content
All docs
V24.2

DxDateRangePicker<T>.ShowDropDownButton Property

Specifies whether the Date RangePicker displays the built-in button that invokes a calendar.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(true)]
[Parameter]
public bool ShowDropDownButton { get; set; }

Property Value

Type Default Description
Boolean true

true to display the drop-down button; otherwise, false.

Remarks

The DxDateRangePicker<T> component shows the built-in drop-down button that invokes a calendar. You can set the ShowDropDownButton property to false to hide this button.

You can also add a custom drop-down button to the Date Range Picker:

  1. Add the <Buttons></Buttons> tag to the component’s markup to define the Buttons collection.
  2. Add a DxDateEditDropDownButton object.
  3. Set up button properties to customize the button:

The following code snippet 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