This is a migrated thread and some comments may be shown as answers.

Add Icon to Date Range Picker Input

2 Answers 1382 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Lara Marie
Top achievements
Rank 1
Lara Marie asked on 01 Nov 2019, 02:11 PM

Hi,

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

 

 

Thanks,

Lara

2 Answers, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 05 Nov 2019, 07:55 AM

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

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Lara Marie
Top achievements
Rank 1
answered on 05 Nov 2019, 10:24 AM
Thanks Stefan - this works :)
Tags
General Discussions
Asked by
Lara Marie
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Lara Marie
Top achievements
Rank 1
Share this question
or