# [v5] Mobiscroll for Angular

> Links to all Mobiscroll v5 Angular component docs. This documentation refers to Mobiscroll version 5.35.0.

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

## Table of Contents

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