Change Theme Settings
Change Theme Settings
Show All Themes

Scroll Picker

This demo illustrates how to use the DevExpress ASP.NET Date Edit (ASPxDateEdit) in scroll picker mode (the ASPxDateEdit.PickerDisplayMode is set to ‘ScrollPicker’ or ‘Auto’). In this mode, the Date Edit displays date components (day, month, year, time) on an independently rotating wheel.

In this demo, the ASPxDateEdit also operates in modal mode (SettingsAdaptivity.Mode=OnWindowInnerWidth). The date editor's drop-down window is displayed as a regular drop-down or modal popup (depending on the browser's width).

You can use the options on the right to change the property values and see how they affect the ASPxDateEdit in scroll picker mode.