Component: Scheduler / Schedule / Calendar

[WilliamKelley]

So far I've seen this pattern be adhoc'd on PW for Guides in microschool day/hours scheduling, and on PW for students on Collaborate

Samples:
https://demos.telerik.com/kendo-ui/scheduler/index
https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxscheduler/jquery-scheduler-styling-and-appearance.htm

A11y will be especially important with this as there's no WAI-ARIA spec for a scheduler, we'll have to learn from previous enterprise examples.

Semantic structure of https://demos.telerik.com/kendo-ui/scheduler/selection

• <div> toolbar
  • ...
• <table> for calendar
  • Only <tbody>
    • Two <tr>'s, each contain an inner <table>'s marked with role="presentation
      • First row is sticky
      • Second row has scrollable overflow, showing ~6 hours of the day at a time
      • ...

Nice-to-have Features:

• export to gCal
• ...

Parallel requirements

• need the DatePicker / DateTimePicker developed, so post-Mui-v5
• need Dialog developed for event creation
• need ToggleButton developed for Toolbar section on Day/Week/Month, etc.
• need ButtonGroup developed for Toolbar section on Today, prev, next
• ...

[WilliamKelley]

Found a 3rd party scheduler with Mui integration

https://devexpress.github.io/devextreme-reactive/react/scheduler/

Source repo: https://github.com/DevExpress/devextreme-reactive

Cost: im not sure how to interpret their pay structure for a company-shared component library. Seems anywhere from $500 to thousands per year

[WilliamKelley]

Free component with wide adoption and only a few things under Premium

https://github.com/fullcalendar/fullcalendar