# DayPilot for JavaScript

> DayPilot provides browser UI components for calendars, resource scheduling, Gantt charts and related scheduling interfaces, with JavaScript, React, Angular and Vue integration options. This file links to official development guidance and working examples.

Identify the component, Lite or Pro edition, installed package version and framework before choosing an API or example. Feature availability differs by component and edition. Use the installed TypeScript declarations and the API reference to verify member names and signatures. Documentation may also describe other DayPilot products; check each page's platform and edition information.

Use the package instructions for the selected edition. For Pro, obtain installation commands from the DayPilot package service. Applications supply their own data persistence and server-side business rules.

## Agent tools

- [AI and developer tools](https://www.daypilot.org/ai/): Capabilities, existing-application guidance, new project workflow and edition boundaries.
- [DayPilot MCP setup](https://mcp.daypilot.org/): Official reference search/retrieval, release package resolution, CSS theme rendering and Builder discovery/validation/generation; no account or license key required. Preserve existing dependencies and use Builder for deliberate new scaffolds.
- [DayPilot MCP endpoint](https://mcp.daypilot.org/mcp): Streamable HTTP endpoint for MCP clients.

## Select and install

- [Feature matrix](https://javascript.daypilot.org/feature-matrix/): Compare component features and Lite/Pro availability.
- [JavaScript Lite](https://javascript.daypilot.org/open-source/): Open-source edition, supported components and package links.
- [Pro trial](https://javascript.daypilot.org/try/): Evaluation options and downloads.
- [Pro package service](https://npm.daypilot.org/): Exact-version installation commands for JavaScript and framework packages.
- [Pricing and licensing](https://javascript.daypilot.org/buy/): Current Pro licensing and purchase options.

## Component guides

- [Scheduler](https://doc.daypilot.org/scheduler/): Resources on rows and time on a horizontal timeline.
- [Calendar](https://doc.daypilot.org/calendar/): Day/week calendars and resource columns.
- [Month](https://doc.daypilot.org/month/): Monthly calendar grid.
- [Gantt](https://doc.daypilot.org/gantt/): Tasks, milestones and dependencies.
- [Documentation index](https://doc.daypilot.org/): Additional components and shared integration topics.
- [API reference](https://api.daypilot.org/): Exact classes, properties, methods and event handlers; check component and edition availability.

## Framework integration

- [React Scheduler](https://doc.daypilot.org/scheduler/react/): Scheduler integration for React applications.
- [Angular Scheduler](https://doc.daypilot.org/scheduler/angular/): Scheduler integration for Angular applications.
- [Vue Scheduler](https://doc.daypilot.org/scheduler/vue-js/): Scheduler integration for Vue applications.
- [React Calendar](https://doc.daypilot.org/calendar/react/): Calendar integration for React applications.
- [Angular Calendar](https://doc.daypilot.org/calendar/angular/): Calendar integration for Angular applications.
- [Vue Calendar](https://doc.daypilot.org/calendar/vue-js/): Calendar integration for Vue applications.

## Project generation

- [UI Builder](https://builder.daypilot.org/): Generate a starter project for a supported component, edition and target; generated projects include AGENTS.md instructions.
- [Builder API guide for agents](https://builder.daypilot.org/llms.txt): Discover settings, validate a configuration and generate a project. The catalog covers the Builder-configurable subset; successful generation does not verify application behavior.
- [Builder API discovery](https://builder.daypilot.org/api/v1): Current service contracts and available operations.

## Examples

- [Pro demo catalog in Markdown](https://javascript.daypilot.org/demo/llms.txt): Agent-readable index of Pro demonstrations and their source; verify edition availability before reusing an example.
- [Lite demo catalog in Markdown](https://javascript.daypilot.org/demo/lite/llms.txt): Agent-readable index for the open-source edition.
- [Scheduler example in Markdown](https://javascript.daypilot.org/demo/scheduler/index.md): Example source and canonical demo link.
- [Tutorials](https://code.daypilot.org/): Complete example applications; check the article's framework, package and edition requirements.

## Optional

- [Support](https://www.daypilot.org/support/): Official support options.
- [Forums](https://forums.daypilot.org/): Troubleshooting discussions; check dates and versions.
- [DayPilot ecosystem](https://www.daypilot.org/llms.txt): Product overview and related official services.