Customize the default months shown?

[Brian Vallelunga]

The default state of the multi-view calendar is to pop up with the current month and next month shown by default. For our needs, it would be better to show the previous month and current month by default. Is there a way to accomplish this?

[Dimiter Topalov]

Hello Brian,

The most straight-forward approach would be to set the focusedDate to a value in the previous month, e.g.:

https://stackblitz.com/edit/angular-7aepxo?file=app/app.component.ts

A more generic approach would be to set it to a date, calculated as the first of the previous month based on a new Date() (today), e.g.:

https://stackblitz.com/edit/angular-7aepxo-zbu7pw?file=app/app.component.ts

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik

[Brian Vallelunga]

Thanks, that was very helpful.