@teamco/ischeduler-mui

iScheduler UI components for React and MUI v5/v6.

Provides a complete scheduler form, a table list with CRUD actions, and a drawer-based creation flow — all driven by a headless core.

Demo sandbox: https://teamco.github.io/ischeduler/

Installation

npm install @teamco/ischeduler-core @teamco/ischeduler-mui
npm install react react-dom @mui/material @mui/x-date-pickers @mui/icons-material @emotion/react @emotion/styled dayjs

Quick Start (Controlled pattern)

MUI and shadcn adapters use a controlled component pattern instead of Ant Design's Form:

import { SchedulerProvider, ESchedulerPrefix, type IScheduler } from '@teamco/ischeduler-core';
import { SchedulersList } from '@teamco/ischeduler-mui';

function App() {
  return (
    <SchedulerProvider
      schedulers={/* your schedulers state */}
      onCreate={/* create callback */}
      onUpdate={/* update callback */}
      onDelete={/* delete callback */}
      permissions={{ canCreate: true, canUpdate: true, canDelete: true }}
    >
      <SchedulersList type={ESchedulerPrefix.SALE} />
    </SchedulerProvider>
  );
}

Components

• Scheduler — Form for creating/editing a scheduler.
• SchedulersList — Table with CRUD actions, column visibility toggle, and pagination.
• SchedulerDrawerButton — Button that opens a drawer with the Scheduler form.

Documentation

For architecture details, i18n customization, and more examples, visit the main repository.

License

MIT