[Solved] Add Icon to Date Range Picker Input

[Lara Marie]

Hi,

How can I add a calendar icon like that of the simple DatePicker (attachment) into the DateRangePicker please?

 

 

Thanks,

Lara

[Stefan]

Hello, Lara,

This can be achieved using a DatePicker as custom DateInput for the DateRangePicker:

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

It will also require setting the show property of the custom DatePicker to false, as it will otherwise open a second popup.

This is an example:

https://stackblitz.com/edit/react-zmpsz4?file=app/customEndDateInput.jsx

I hope this is helpful.

Regards,
Stefan
Progress Telerik

[Lara Marie]

Thanks Stefan - this works :)