Disable Weekend in Kendo Datepicker

1 Answer 74 Views
DatePicker DateRangePicker
Rashmi
Top achievements
Rank 1
Rashmi asked on 31 Mar 2022, 06:06 PM

Hi Team,

I am using Kendo Grid React. I want to disable weekend on my Datepicker. Please let me know the property to disable weekend on my Datepicker.

1 Answer, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 01 Apr 2022, 09:45 AM

Hello,

The weekend can be disabled in the Calendar component:

https://www.telerik.com/kendo-react-ui/components/dateinputs/calendar/custom-rendering/#toc-modifying-the-cells

Then you can use the modified Calendar in the DatePicker:

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

Regards,
Stefan
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Rashmi
Top achievements
Rank 1
commented on 04 Apr 2022, 06:47 AM

Thanks Stefan, it worked.

After Customizing, calendar is not closing on selection of Date through Datepicker.

 Regards,

Rashmi

Filip
Telerik team
commented on 04 Apr 2022, 01:34 PM

Hello, Rashmi,

The Datepicker may not be closing because of the show prop. Do you have it set to true? Here is an example with a customized Datepicker and it seems to close:

https://stackblitz.com/edit/react-peqf4n?file=app/main.jsx

In case your issue still persists can you send a reproducible stackblitz demo so that I can inspect it further?

Regards,
Filip

Tags
DatePicker DateRangePicker
Asked by
Rashmi
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Share this question
or