Is there any way to hide weekends days from SharePoint Modern Calendar?

Question

Can someone please guide me how to hide weekends from modern calendar. Options that I could find are related to classic calendar in SharePoint.

Answer 1

You cannot hide weekend days from SharePoint OOTB calendar views in lists.

You may need to add custom JavaScript on modern pages to hide respective HTML elements from calendar view.

If you want to add custom JavaScript on single page, you can use modern script editor web part. See below links for more information:

1. Hide Page Title and Command bar from Modern UI SharePoint pages
2. "Modern Script Editor Feature" not available for activation from site features page

If you want to add custom JavaScript on all modern pages in site, you can use SPFx application customizer. Check this for more information: How can I include the same JS and CSS files on multiple SharePoint Modern Page?

Note: DOM manipulation & CSS customizations are not recommended by Microsoft and some of your customization may break if Microsoft changes HTML element id/classes in new release updates.

---

You can also use calendar web parts created using SPFx which you can customize according to your requirements. Check below SPFx samples:

1. Modern Calendar
2. sp-dev-fx-webparts samples/