How to show kendo-datepicker as windows calander format with 60 days Angular

Question

I need to show a datepicker calendar just like windows but with 60 days (30 current month 15 previous month dates and 15 future month dates) in angular and also with scrolling feature like windows

I have tried the below where i kept calendarType as classic but it is not either scrolling or showing 60days

<kendo-datepicker calendarType="classic" [value]="value" ></kendo-datepicker>

Is there any way around to show 60days or to enable scrolling option to calendarType="classic" Please help me out

Answer 1

This process might be helpful for you to get some idea of how to make it. In the component after setting the properties. Get the First date of the last month (assign it to relevant variable):

new Date(currentDate.getFullYear(), currentDate.getMonth() - 1, 1);

Similarly, Omit the First 15 days from the Last month, Get the First date of the current month and Get the Last date of the current month. Then format the dates to match the format in your Date Picker

this.datePipe.transform(lastMonthLastDate, 'yyyy-MM-dd');