Is there a way to turn of scrolling of date in the RadDatePicker?

1 Answer 129 Views
DatePicker
TJ
Top achievements
Rank 1
TJ asked on 07 Sep 2022, 08:34 PM

Sometimes when using accessing the RadDatePicker in my web apps, when a user clicks into the control and touches their scroll on their mouse, the date will change.  Several times I've had users put in the correct date only to change it by accidentally touching the scroll button on their mouse.  This is even more prevalent when the users mouse has a touch scroll vs a wheel scroll.

I had the same problem with the RadNumericTextBox but found a post that provided <IncrementSettings> tag.

Is there a way to turn off this scrolling function for the RadDatePicker?

Thanks, T.J.

TJ
Top achievements
Rank 1
commented on 07 Sep 2022, 08:39 PM

I found the <IncrementSettings> tag for the DateInput control but the setting  seems to be ignored.

1 Answer, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 08 Sep 2022, 11:18 AM

Hi TJ,

You can set the DateInput step to 0 as well as the InterceptArrowKeys and InterceptMouseWheel settings to false, e.g.

<telerik:RadDatePicker RenderMode="Lightweight" runat="server" ID="RadCalendar1" EnableKeyboardNavigation="true" DateInput-IncrementSettings-InterceptArrowKeys="false" DateInput-IncrementSettings-InterceptMouseWheel="false" DateInput-IncrementSettings-Step="0"></telerik:RadDatePicker>

Best Regards,
Rumen
Progress Telerik

The Premier Dev Conference is back! 

Coming to you live from Progress360 in-person or on your own time, DevReach for all. Register Today.


Tags
DatePicker
Asked by
TJ
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Share this question
or