Change Theme Settings
Change Theme Settings
Show All Themes

Scroll Picker

This demo illustrates how to use the DevExpress ASP.NET MVC Date Edit (DateEditExtension) in scroll picker mode (the 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 DateEdit 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 DateEdit in scroll picker mode.