Is there any way to view modern calendar by day only so it shows the time slots just like classic calendar shows when we click view by day?

Do I need to create SPFX calendar from scratch showing calendar by time just like outlook?

1 Answer 1


You can use calendar view in SharePoint online modern experience lists. The calendar view shows all the events for a day on right side panel like:

enter image description here

Check below articles related to calendar view in SharePoint online modern experience:

  1. Create a modern Calendar view in SharePoint Online/Microsoft Lists
  2. Add Modern Calendar to a SharePoint Online page using List web part

If you are looking for more advanced & customized day view, you have to develop it using SPFx.

Check this SPFx sample Modern Calendar which uses full calendar library to show the calendar. You can enhance it to show the DayGrid view or TimeGrid View.

Also check other SPFx calendar samples available here which might help you: sp-dev-fx-webparts samples

  • Thank you Ganesh but I am looking for ‘day’ view when you select in classic calendar, it displays the all time slots on that day just like outlook.
    – Saira
    Aug 5, 2022 at 11:36
  • This is not available using OOTB SharePoint functionality. So, you have to develop it using SPFx. Check my updated answer, you can enhance the "Modern Calendar" sample to show the day view using FullCalendar library. Aug 5, 2022 at 11:38
  • 1
    Thank you Ganesh. Links you have shared are really helpful to start developing my custom calendar. More specifically I am looking for time grind calendar.,
    – Saira
    Aug 5, 2022 at 11:44

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.