Hi, Julian,

Thank you for the example.

Basically, the spinners are taken as a part of the DateInput element that when clicked, opens the Popup. As a solution, you can handle the click event on the spinner buttons where you first need to give them the click event listener. In addition, you should stop the event propagation in order to not open the popup, and finally, increase or decrease the date value based on which button is clicked:

• https://stackblitz.com/edit/react-ugado1-uxw4vc?file=app%2Fmain.tsx

As the solution is very custom and additional code on the user's side, I will change the portal status of this feature request to add the Spinners to the DatePicker component from declined to unplanned. Having a spinners prop that automatically renders the spinner component that is handled in all scenarios is much more convenient.

Moreover, I updated your Telerik Points accordingly as a small token of gratitude for your suggestion.

If you have any questions, please let me know.

Regards,
Wissam
Progress Telerik

Hello, Julian,

I will provide you with a solution on a new thread in order to keep the information consistent:

• https://www.telerik.com/account/support-center/view-ticket/1646876

Regards,
Wissam
Progress Telerik

Hi, Julian,

Since this feature is available for the DateInput component, you can achieve this to the DatePicker by custom rendering its date input component. (The DatePicker uses the DateInput internally by default).

In the below example, I am setting the dateInput prop to `CustomDateInput` where I am returning the DateInput components with its spinners prop set to true:

• https://stackblitz.com/edit/react-ugado1?file=app%2Fmain.tsx,app%2FcustomDateInput.tsx

For more information on customizing the DatePicker, check the following article:

• https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/custom-rendering/

I hope this helps, but please let me know if you have any further questions.

Regards,
Wissam
Progress Telerik