DateTimePicker apply value without pressing "set"

[Stefan]

Hello,

I'm currently not using the KendoReact - DateTimePicker because I miss the ability to apply a selected Date/Time without

having to press "set". Maybe with an onChange event or similar.

Does anyone have a best practice or workaround to solve this issue?

 

Thanks in advance and Kind regards ~

[Wissam]

Hello, Stefan,

You can change the DateTimePicker date without having to press the `Set` button by rendering a custom Calendar for the component and handling its change event to get the value. Moreover, handle the DateTimePicker in controlled mode, and set its value in the `onChange` event of the Calendar:

• https://stackblitz.com/edit/react-9grpcb-vjeyoc?file=app%2Fmain.tsx

For more information about customising the DateTimePicker's Calendar, you can check the following article:

• https://www.telerik.com/kendo-react-ui/components/dateinputs/datetimepicker/custom-rendering/#toc-customizing-the-calendar

As for changing the time without pressing the `Set` button, this is currently not possible since the TimePicker component is not exposed to the component. Therefore, I can suggest submitting a feature request in our feedback portal (for adding a prop that allows rendering a custom TimePicker) where new ideas are constantly being evaluated and the most popular ones are implemented in future releases:

• https://feedback.telerik.com/kendo-react-ui

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

Regards,
Wissam
Progress Telerik

[Jean]

Hello Wissam,

thank you very much!

[Wissam]

You are welcome, Jean. I am glad that my reply was helpful to you.