Save and cancel button inside Datepicker

[Rashmi]

Hi Team,

I am using kendo react in my project. I need a Datepicker which should open on button click instead of input field with save and cancel button inside Datepicker.  I saw this option inside datetimepicker but i don't need time in my calendar. 

 

[Konstantin Dikov]

Hello Rashmi,

The DatePicker provides different options for customization and you can find them in the following help article:

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

Nevertheless, since you need to have "Save" and "Cancel" button and you don't need the DatePicker input, I would suggest that you use an external button to open a Popup component with Calendar component inside, where you can place the "Save" and "Cancel" buttons and handle the calendar value as per your exact requirements:

• https://www.telerik.com/kendo-react-ui/components/dateinputs/calendar/
• https://www.telerik.com/kendo-react-ui/components/popup/

Hope this helps.

 

Regards,
Konstantin Dikov
Progress Telerik

[Rashmi]

Thanks Dikov it worked.