Skip to content

[scheduler] Define responsive strategy and implement the base #22148

@rita-codes

Description

@rita-codes

First step of the responsive scheduler: review the design once it's ready, decide the approach, and lay the foundation the responsive views will build on top of.

Steps:

  1. Review the final design .
  2. Decide the strategy, two main precedents in MUI X:
    • Pickers pattern: separate <DesktopScheduler> / <MobileScheduler> selected via desktopModeMediaQuery prop (same public API)
    • Data Grid pattern: single tree that adapts internally via breakpoint constants + media queries
  3. Implement the base: breakpoint strategy, shared layout/toolbar/navigation adjustments — whatever the chosen approach requires before specific views plug in

Out of scope:

Blocks: #21829, #21584

Note: The design is still TBD.

Metadata

Metadata

Assignees

No one assigned

    Labels

    designThis is about UI or UX design, please involve a designer.on holdThere is a blocker, we need to wait.scope: schedulerChanges related to the scheduler.type: new featureExpand the scope of the product to solve a new problem.

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions