# Mobiscroll for Vue

> Links to all Mobiscroll Vue component docs: Eventcalendar, Datepicker, Select, Forms, Popup, and more.

This file contains links to documentation sections following the llmstxt.org standard.

## Table of Contents

- [Getting started with Mobiscroll for Vue](https://mobiscroll.com/docs/docs/vue/getting-started/installation.md): Install Mobiscroll for Vue via npm, CDN download, or the Mobiscroll CLI — includes trial and licensed setup instructions.
- [Mobiscroll for Vue](https://mobiscroll.com/docs/docs/vue/getting-started/vue.md): Mobiscroll for Vue — a standalone UI component library for scheduling, date picking, forms, and notifications with no framework dependency.
- [Using Mobiscroll with Ionic](https://mobiscroll.com/docs/docs/vue/getting-started/with-ionic.md): Integrate Mobiscroll into an Ionic Vue app — installation, plugin setup, and using Mobiscroll components inside Ionic pages.
- [Accessibility](https://mobiscroll.com/docs/docs/vue/core-concepts/accessibility.md): Keyboard navigation, screen reader support, and ARIA conventions shared across all Mobiscroll Vue components.
- [Mobiscroll CLI](https://mobiscroll.com/docs/docs/vue/core-concepts/cli.md): Use the Mobiscroll CLI to scaffold, install, and configure Mobiscroll packages in Vue projects with a single command.
- [Global options](https://mobiscroll.com/docs/docs/vue/core-concepts/global-options.md): Set global default options for all Mobiscroll components in Vue using `setOptions` to avoid repeating configuration across instances.
- [Icons](https://mobiscroll.com/docs/docs/vue/core-concepts/icons.md): Browse and use the built-in Mobiscroll icon set in Vue components, or register custom icon fonts and SVGs.
- [Instance](https://mobiscroll.com/docs/docs/vue/core-concepts/instance.md): Access and control a Mobiscroll component instance in Vue to call methods, update options, and listen to events programmatically.
- [Localization](https://mobiscroll.com/docs/docs/vue/core-concepts/localization.md): Localize Mobiscroll Vue components — configure locale, date/time formats, RTL direction, and custom text labels.
- [Recurrence](https://mobiscroll.com/docs/docs/vue/core-concepts/recurrence.md): Define repeating events in Mobiscroll using RRULE-compatible recurrence rules for daily, weekly, monthly, and custom patterns.
- [Accessibility](https://mobiscroll.com/docs/docs/vue/eventcalendar/accessibility.md): Keyboard navigation, screen reader support, and ARIA landmarks for the Mobiscroll Eventcalendar in Vue.
- [Agenda](https://mobiscroll.com/docs/docs/vue/eventcalendar/agenda.md): Configure the Eventcalendar Agenda view in Vue — a scrollable list of upcoming events with customizable display options and grouping.
- [Eventcalendar API](https://mobiscroll.com/docs/docs/vue/eventcalendar/api.md): Complete API reference for the Mobiscroll Eventcalendar in Vue — all options, events, methods, and template slots.
- [Blocked out dates](https://mobiscroll.com/docs/docs/vue/eventcalendar/blocked-out-dates.md): Block out specific dates, date ranges, or recurring periods on the Mobiscroll Eventcalendar to prevent event creation or display unavailability.
- [Third party calendar integration](https://mobiscroll.com/docs/docs/vue/eventcalendar/calendar-integrations/calendar-integrations.md): Sync the Mobiscroll Eventcalendar with Google Calendar, Outlook, or Apple Calendar using API integration in Vue.
- [Working with recurring events](https://mobiscroll.com/docs/docs/vue/eventcalendar/calendar-integrations/recurring-events.md): Work with recurring events in the Mobiscroll Eventcalendar for Vue — display, edit single occurrences, and delete recurrence series.
- [Calendar](https://mobiscroll.com/docs/docs/vue/eventcalendar/calendar.md): Set up the Mobiscroll Eventcalendar Calendar view in Vue with monthly/weekly/daily grid display, event dots, popover, and navigation.
- [CRUD](https://mobiscroll.com/docs/docs/vue/eventcalendar/crud.md): Implement create, read, update, and delete (CRUD) operations for events in the Mobiscroll Eventcalendar using JavaScript.
- [CSS variables](https://mobiscroll.com/docs/docs/vue/eventcalendar/css-variables.md): Custom CSS variables for the Mobiscroll Eventcalendar (Vue) — override colors, sizes, and layout tokens for deep visual customization.
- [Data binding](https://mobiscroll.com/docs/docs/vue/eventcalendar/data-binding.md): Bind event data to the Mobiscroll Eventcalendar in Vue — data structure, dynamic loading, and runtime event list updates.
- [Drag & drop](https://mobiscroll.com/docs/docs/vue/eventcalendar/drag-and-drop.md): Enable drag-and-drop event creation, moving, and resizing in the Mobiscroll Eventcalendar and Timeline views for Vue.
- [Navigating to a date and time](https://mobiscroll.com/docs/docs/vue/eventcalendar/navigate-to-date.md): Programmatically navigate the Mobiscroll Eventcalendar to a specific date or time at runtime in Vue.
- [Eventcalendar](https://mobiscroll.com/docs/docs/vue/eventcalendar/overview.md): Mobiscroll Eventcalendar for Vue — Calendar, Scheduler, Timeline, and Agenda views for building scheduling UIs.
- [Print](https://mobiscroll.com/docs/docs/vue/eventcalendar/print.md): Print the Mobiscroll Eventcalendar in Vue using the `@mobiscroll/print` add-on package — generates a print-optimized snapshot of any calendar, sche...
- [Resources](https://mobiscroll.com/docs/docs/vue/eventcalendar/resources.md): Configure resources (rooms, staff, equipment) in the Mobiscroll Eventcalendar Scheduler and Timeline views for Vue.
- [Scheduler](https://mobiscroll.com/docs/docs/vue/eventcalendar/scheduler.md): Configure the Mobiscroll Eventcalendar Scheduler view in Vue — a time-grid layout for daily, weekly, or multi-day slot-based scheduling.
- [Setting the initial view](https://mobiscroll.com/docs/docs/vue/eventcalendar/selected-date.md): Set the initially displayed date or date range when the Mobiscroll Eventcalendar mounts in Vue using the `selectedDate` option.
- [Templating](https://mobiscroll.com/docs/docs/vue/eventcalendar/templating.md): Customize Eventcalendar event rendering in Vue with templating — override event bubbles, slot content, header, and more.
- [Timeline](https://mobiscroll.com/docs/docs/vue/eventcalendar/timeline.md): Set up the Mobiscroll Eventcalendar Timeline view in Vue — horizontal resource scheduling with variable row heights and grouping.
- [Timezones](https://mobiscroll.com/docs/docs/vue/eventcalendar/timezones.md): Handle timezone-aware events in the Mobiscroll Eventcalendar for Vue using moment-timezone, Luxon, or the Intl API.
- [Accessibility](https://mobiscroll.com/docs/docs/vue/datepicker/accessibility.md): Keyboard navigation, screen reader support, and ARIA roles for the Mobiscroll Datepicker in Vue.
- [Datepicker API](https://mobiscroll.com/docs/docs/vue/datepicker/api.md): Complete API reference for the Mobiscroll Datepicker in Vue — all options, events, methods, and template slots.
- [Controls](https://mobiscroll.com/docs/docs/vue/datepicker/controls.md): Choose which controls appear in the Mobiscroll Datepicker — calendar picker, time grid, date scroller, time scroller, or combinations thereof.
- [CSS variables](https://mobiscroll.com/docs/docs/vue/datepicker/css-variables.md): CSS custom properties for the Mobiscroll Datepicker (Vue) to override colors, padding, and visual tokens.
- [Customizing the input](https://mobiscroll.com/docs/docs/vue/datepicker/customizing-the-input.md): Customize the input element used by the Mobiscroll Datepicker in Vue — custom triggers, inline rendering, and anchor elements.
- [Display modes](https://mobiscroll.com/docs/docs/vue/datepicker/display-modes.md): Control how the Mobiscroll Datepicker appears in Vue — inline, floating popover, bottom sheet, or full-screen modal display modes.
- [Exclusive end dates](https://mobiscroll.com/docs/docs/vue/datepicker/exclusive-end-dates.md): Use exclusive end dates in the Mobiscroll Datepicker range selection so the end date is excluded from the selected range.
- [Live selection](https://mobiscroll.com/docs/docs/vue/datepicker/live-selection.md): Enable live selection in the Mobiscroll Datepicker for Vue — fires change events as the user moves the selection, before confirmation.
- [Date & Time picker](https://mobiscroll.com/docs/docs/vue/datepicker/overview.md): Mobiscroll Datepicker for Vue — pick single dates, times, multiple dates, or date ranges with calendar and scroller controls.
- [Return value](https://mobiscroll.com/docs/docs/vue/datepicker/return-value.md): Datepicker return value formats in Mobiscroll Vue — date objects, ISO strings, and range output structures.
- [Templating](https://mobiscroll.com/docs/docs/vue/datepicker/templating.md): Customize Datepicker cell and day rendering in Vue with slot templates — mark dates, add tooltips, or render custom calendar content.
- [Timezones](https://mobiscroll.com/docs/docs/vue/datepicker/timezones.md): Handle timezone-aware date and time selection in the Mobiscroll Datepicker for Vue using moment-timezone, Luxon, or the Intl API.
- [Value Selection](https://mobiscroll.com/docs/docs/vue/datepicker/value-selection.md): Configure date value selection behavior in the Mobiscroll Datepicker — set min/max, disabled dates, pre-selected values, and selection constraints.
- [Accessibility](https://mobiscroll.com/docs/docs/vue/select/accessibility.md): Accessibility support for the Mobiscroll Select component in Vue — ARIA roles, keyboard navigation, and screen reader guidance.
- [Select API](https://mobiscroll.com/docs/docs/vue/select/api.md): Complete API reference for the Mobiscroll Select in Vue — all options, events, methods, and template slots.
- [CSS variables](https://mobiscroll.com/docs/docs/vue/select/css-variables.md): CSS custom properties for the Mobiscroll Select (Vue) — override option item colors, scroller wheel dimensions, border radius, and selected value h...
- [Customizing the input](https://mobiscroll.com/docs/docs/vue/select/customizing-the-input.md): Customize the input trigger for the Mobiscroll Select in Vue — use custom anchors, inline rendering, or custom value display.
- [Data binding](https://mobiscroll.com/docs/docs/vue/select/data-binding.md): Bind option data to the Mobiscroll Select in Vue — static arrays, grouped options, and object-based data structures.
- [Display modes](https://mobiscroll.com/docs/docs/vue/select/display-modes.md): Control where the Mobiscroll Select picker renders in Vue — centered modal, top or bottom sheet, anchored popover relative to the input, or inline ...
- [Dynamic or async data](https://mobiscroll.com/docs/docs/vue/select/dynamic-or-async-data.md): Load Select options asynchronously in Mobiscroll Vue — fetch from an API, lazy-load on open, or update options dynamically.
- [Filtering](https://mobiscroll.com/docs/docs/vue/select/filtering.md): Enable search filtering in the Mobiscroll Select for Vue — built-in filter input and custom filter functions for large option lists.
- [Invalid items](https://mobiscroll.com/docs/docs/vue/select/invalid-items.md): Mark specific options as disabled or invalid in the Mobiscroll Select for Vue to prevent them from being selected.
- [Live selection](https://mobiscroll.com/docs/docs/vue/select/live-selection.md): Enable live selection in the Mobiscroll Select for Vue — fires change immediately as the user scrolls through options, before confirmation.
- [Select](https://mobiscroll.com/docs/docs/vue/select/overview.md): Mobiscroll Select for Vue — a touch-optimized dropdown and picker for single or multiple option selection.
- [Templating](https://mobiscroll.com/docs/docs/vue/select/templating.md): Customize Select option rendering in Mobiscroll Vue — render custom HTML per option, group headers, and footer content.
- [Value Selection](https://mobiscroll.com/docs/docs/vue/select/value-selection.md): Control value selection behavior in the Mobiscroll Select for Vue — single, multiple, pre-selected values, and programmatic value updates.
- [Accessibility](https://mobiscroll.com/docs/docs/vue/forms/accessibility.md): Keyboard navigation, ARIA roles, and label pairing for Mobiscroll form components in Vue.
- [Button](https://mobiscroll.com/docs/docs/vue/forms/button.md): Use the Mobiscroll Button component in Vue — styles, variants, icons, loading states, and API for handling click events.
- [Checkbox](https://mobiscroll.com/docs/docs/vue/forms/checkbox.md): Use the Mobiscroll Checkbox component in Vue — standard and indeterminate states, label placement, and change event handling.
- [CSS variables](https://mobiscroll.com/docs/docs/vue/forms/css-variables.md): CSS custom properties for Mobiscroll form components (Vue) to customize colors, spacing, and visual tokens globally.
- [Dropdown](https://mobiscroll.com/docs/docs/vue/forms/dropdown.md): Mobiscroll Dropdown for Vue — themed wrapper for native HTML select with floating labels and validation states.
- [Input](https://mobiscroll.com/docs/docs/vue/forms/input.md): Use the Mobiscroll Input form component in Vue — text inputs with floating labels, validation states, icons, and password toggle.
- [Radio button](https://mobiscroll.com/docs/docs/vue/forms/radio.md): Use the Mobiscroll Radio button form component in Vue — grouped options, checked states, and change event handling.
- [Segmented](https://mobiscroll.com/docs/docs/vue/forms/segmented.md): Use the Mobiscroll Segmented control in Vue — a button-group for exclusive single or multiple option selection.
- [Stepper](https://mobiscroll.com/docs/docs/vue/forms/stepper.md): Use the Mobiscroll Stepper component in Vue — increment/decrement numeric input with configurable min, max, and step values.
- [Switch](https://mobiscroll.com/docs/docs/vue/forms/switch.md): Mobiscroll Switch for Vue — a styled boolean toggle with configurable labels, disabled state, and onChange events.
- [Textarea](https://mobiscroll.com/docs/docs/vue/forms/textarea.md): Use the Mobiscroll Textarea form component in Vue — multiline input with floating labels, auto-grow, and validation styles.
- [Accessibility](https://mobiscroll.com/docs/docs/vue/popup/accessibility.md): Focus trap, ARIA dialog role, and keyboard dismissal support for the Mobiscroll Popup in Vue.
- [Popup API](https://mobiscroll.com/docs/docs/vue/popup/api.md): Complete API reference for the Mobiscroll Popup in Vue — all options, methods, lifecycle events, and types.
- [CSS variables](https://mobiscroll.com/docs/docs/vue/popup/css-variables.md): CSS custom properties for the Mobiscroll Popup (Vue) to adjust overlay colors, border radius, and z-index.
- [Display modes](https://mobiscroll.com/docs/docs/vue/popup/display-modes.md): Control how the Mobiscroll Popup appears in Vue — modal dialog, anchored popover, bottom sheet, or inline display mode.
- [Popup](https://mobiscroll.com/docs/docs/vue/popup/overview.md): Mobiscroll Popup for Vue — a configurable modal, bottom-sheet, or popover container for custom overlay content.
- [Accessibility](https://mobiscroll.com/docs/docs/vue/notifications/accessibility.md): ARIA roles, focus management, and keyboard support for Mobiscroll Alert, Confirm, Toast, and Snackbar in Vue.
- [Alert](https://mobiscroll.com/docs/docs/vue/notifications/alert.md): Show a styled alert dialog with the Mobiscroll Alert component in Vue — a Promise-based replacement for the native window.alert.
- [Confirm](https://mobiscroll.com/docs/docs/vue/notifications/confirm.md): Show a Mobiscroll Confirm dialog in Vue — a Promise-based, styleable alternative to the native window.confirm with OK/Cancel actions.
- [CSS variables](https://mobiscroll.com/docs/docs/vue/notifications/css-variables.md): CSS custom properties for Mobiscroll notification components in Vue — override colors, buttons, and overlay styles for Toast, Snackbar, Alert, and ...
- [Prompt](https://mobiscroll.com/docs/docs/vue/notifications/prompt.md): Show a Mobiscroll Prompt dialog in Vue — a Promise-based, styleable input dialog as an alternative to window.prompt.
- [Snackbar](https://mobiscroll.com/docs/docs/vue/notifications/snackbar.md): Display transient Snackbar notifications with the Mobiscroll Snackbar in Vue — auto-dismiss messages with optional action buttons.
- [Toast](https://mobiscroll.com/docs/docs/vue/notifications/toast.md): Show brief Toast notifications in Mobiscroll Vue — auto-dismiss success, warning, error, and info messages.
- [Grid Layout](https://mobiscroll.com/docs/vue/grid-layout.md): Build responsive card grid layouts with the Mobiscroll Grid Layout component for Vue — configurable columns, gaps, and responsive breakpoints.
- [Theming](https://mobiscroll.com/docs/docs/vue/theming/built-in-themes.md): Apply and switch Mobiscroll built-in themes (iOS, Material, Windows) and light/dark variants in your Vue projects.
- [CSS variables](https://mobiscroll.com/docs/docs/vue/theming/css-variables.md): Override Mobiscroll CSS custom properties in Vue projects to retheme colors, typography, border radius, and spacing at runtime — no Sass compilatio...
- [Custom themes](https://mobiscroll.com/docs/docs/vue/theming/sass-themes.md): Create and compile fully custom Mobiscroll Sass/SCSS themes for Vue projects using the Mobiscroll theme builder or manual Sass customization.
- [Sass variables](https://mobiscroll.com/docs/docs/vue/theming/sass-variables.md): Customize Mobiscroll at the Sass source level for Vue projects — override design tokens like $mbsc-ios-background or $mbsc-font-size before compili...
- [Tree shaking for styles](https://mobiscroll.com/docs/docs/vue/theming/tree-shaking.md): Reduce CSS bundle size in Mobiscroll Vue projects by importing only the component styles you use instead of the full stylesheet.
- [AI Integration](https://mobiscroll.com/docs/docs/vue/guides/ai-integration.md): Set up AI coding assistants — Claude Code, Cursor, and GitHub Copilot — with Mobiscroll Vue docs and behavior rules to generate accurate, framework...
- [Migrating from Bryntum to Mobiscroll](https://mobiscroll.com/docs/docs/vue/guides/migrating-from-bryntum-to-mobiscroll.md): Step-by-step guide for migrating a JavaScript scheduling app from Bryntum Scheduler to Mobiscroll Eventcalendar — API mapping and config equivalents.
- [Migrating from DHTMLX to Mobiscroll](https://mobiscroll.com/docs/docs/vue/guides/migrating-from-dhtmlx-to-mobiscroll.md): Step-by-step guide for migrating from DHTMLX Scheduler to Mobiscroll Eventcalendar in Vue — API mapping, event model, and config comparison.
- [Migrating from FullCalendar to Mobiscroll](https://mobiscroll.com/docs/docs/vue/guides/migrating-from-fullcalendar-to-mobiscroll.md): Step-by-step guide for migrating from FullCalendar to Mobiscroll in Vue — API mapping, event model, and config comparison.
- [Unit testing Mobiscroll in Vue](https://mobiscroll.com/docs/docs/vue/guides/unit-testing.md): Write unit tests for Mobiscroll components in Vue projects using Jest or Vitest — mocking, assertions, and testing event handlers.
- [Updating to the latest Mobiscroll](https://mobiscroll.com/docs/docs/vue/guides/update-version.md): Update Mobiscroll to the latest version in your Vue projects — npm update instructions and changelog reference.
- [How to upgrade from the trial version](https://mobiscroll.com/docs/docs/vue/guides/upgrade-from-trial.md): Switch from the Mobiscroll trial package to the licensed version in your Vue projects — replace the trial with the licensed npm package.
- [Mobiscroll 6 upgrade guide](https://mobiscroll.com/docs/docs/vue/guides/upgrade-guide-v6.md): Upgrade from Mobiscroll 5 to version 6 in Vue — breaking changes, removed features, renamed options, and migration examples.
- [Utility functions](https://mobiscroll.com/docs/docs/vue/guides/utility-functions.md): Mobiscroll Vue utility functions for date formatting, parsing, timezone conversion, and calendar math — API reference and examples.