---
applyTo: "**"
---
# Mobiscroll for jQuery — AI Rules (v5)

## Documentation Source

- **Primary (complete v5 docs):** {{DOCS_BASE_URL}}/5.35.0/llms-jquery-full.txt
- **TOC (links to .md pages):** {{DOCS_BASE_URL}}/5.35.0/llms-jquery.txt
- **Individual pages:** `{{DOCS_BASE_URL}}/jquery/{section}/{page}.md`
- **Icons (supplementary):** {{DOCS_BASE_URL}}/5.35.0/llms-icons.txt

## Scope

USE this file when:
- Project has `@mobiscroll/jquery` in package.json **and is on Mobiscroll v5**
- Code uses `$('#element').mobiscroll()` or imports from `@mobiscroll/jquery`
- Project depends on jQuery AND Mobiscroll together
- User explicitly mentions jQuery + Mobiscroll v5

DO NOT use this file for React, Angular, Vue, or plain JavaScript projects.
DO NOT use this file for Mobiscroll v6 projects — use `mobiscroll-jquery.mdc` instead.

**Version: 5.35.0.** Do not use v6-only APIs. Do not use this file for v6 projects.

## Version Mismatch

If the user mentions "v6", "version 6", "latest version", or asks about an API not found in the v5 docs, respond:

> "⚠️ This context is configured for Mobiscroll **v5 (5.35.0)**. The feature you asked about may only exist in v6. Do you want to switch to the v6 documentation instead?"

Never silently fall back to v6 documentation.

## Component Mapping

All scheduling views are ONE component: **Eventcalendar**, configured via the `view` option.

| Intent | Component | Doc Path |
|:---|:---|:---|
| Event calendar / scheduling | eventcalendar | `jquery/eventcalendar/overview` |
| Monthly/weekly/daily grid | eventcalendar (calendar view) | `jquery/eventcalendar/calendar` |
| Event list / agenda | eventcalendar (agenda view) | `jquery/eventcalendar/agenda` |
| Resource scheduler | eventcalendar (scheduler view) | `jquery/eventcalendar/scheduler` |
| Horizontal timeline | eventcalendar (timeline view) | `jquery/eventcalendar/timeline` |
| Drag & drop | eventcalendar | `jquery/eventcalendar/drag-and-drop` |
| CRUD operations | eventcalendar | `jquery/eventcalendar/crud` |
| Recurring events | eventcalendar | `jquery/core-concepts/recurrence` |
| Date / time picker | datepicker | `jquery/datepicker/overview` |
| Dropdown select | select | `jquery/select/overview` |
| Modal / overlay | popup | `jquery/popup/overview` |
| Input, textarea, button | forms | `jquery/forms/input` |
| Toast, snackbar, alert | notifications | `jquery/notifications/toast` |
| Theming | theming | `jquery/theming/sass-themes` |
| Full API reference | eventcalendar API | `jquery/eventcalendar/api` |

## Rules

- Fetch `5.35.0/llms-jquery-full.txt` for complete v5 context
- Prefer `.md` pages over HTML — `.md` files are optimized for AI
- Use official v5 docs examples only — docs are the source of truth
- Package: `@mobiscroll/jquery` — no other Mobiscroll package
- CSS: `import '@mobiscroll/jquery/dist/css/mobiscroll.min.css'`
- jQuery plugin pattern: `$('#element').mobiscroll().eventcalendar({ ... })`
- Requires jQuery as peer dependency
- Version: 5 (5.35.0). Do not reference v6-only APIs.

## Constraints

- NEVER import from `@mobiscroll/react`, `@mobiscroll/angular`, `@mobiscroll/vue`, or `@mobiscroll/javascript`
- NEVER use React JSX, Angular decorators, or Vue SFC patterns
- NEVER invent API options, events, methods, or types — if not found in v5 docs, say so
- NEVER treat Scheduler/Timeline/Agenda as separate components — they are views of Eventcalendar
- NEVER use Mobiscroll Connect docs for frontend UI (Connect = server-side REST API)
- NEVER use v6 documentation or v6-only APIs for this context
- If the framework is unclear, ASK — do not default