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 |
|
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:
- Add the
<Buttons></Buttons>
tag to the component’s markup to define theButtons
collection. - Add a DxDateEditDropDownButton object.
- 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>
See Also