@bryntum/calendar

<a href="https://bryntum.com/" rel="noopener" target="_blank"> <img height="50" src="https://bryntum.com/resources/bryntum_logo_blue.svg" alt="Bryntum logo"> </a> # Bryntum Calendar placeholder package This is a placeholder package. The licensed version of Bryntum Calendar is hosted on the private Bryntum npm registry. **Looking to try Bryntum Calendar?** Install our trial package: [`@bryntum/calendar-trial`](https://www.npmjs.com/package/@bryntum/calendar-trial) <img src="https://bryntum.com/products/calendar/examples/meta/thumb.2048.png" alt="Bryntum Calendar Screenshot" width="600"> ## Trial version Trial packages are available on the public npm registry without authentication. ### Why Use npm Aliasing? Trial packages use npm aliasing to install `@bryntum/calendar-trial` under the `@bryntum/calendar` name. This approach provides a seamless upgrade path - when you purchase a license, you only need to update the alias in `package.json` without changing any application code. Install using `npm`: ```bash npm install @bryntum/calendar@npm:@bryntum/calendar-trial@latest ``` Or using `yarn`: ```bash yarn add @bryntum/calendar@npm:@bryntum/calendar-trial@latest ``` Alternatively, add to `package.json` dependencies: ```json "dependencies": { "@bryntum/calendar": "npm:@bryntum/calendar-trial@latest" } ``` Trial packages have the following limitations: - Displays a trial watermark - Obfuscated code - Intended for evaluation use only For full guide, see [Public repository access](https://bryntum.com/products/calendar/docs/guide/Calendar/npm/repository/public-repository-access). ## Licensed version Licensed packages require authentication to the private Bryntum repository. ### Step 1: Configure npm and Login We have two registry servers - you can use either one: **Using Europe server:** ```bash npm config set "@bryntum:registry=https://npm.bryntum.com" npm login --registry=https://npm.bryntum.com ``` **Using US server:** ```bash npm config set "@bryntum:registry=https://npm-us.bryntum.com" npm login --registry=https://npm-us.bryntum.com ``` Login using your [Bryntum Customer Zone](https://customerzone.bryntum.com) credentials. Replace `@` in your email with `..` (double dot). Example: if your email is `user@example.com`, enter username as `user..example.com`. ### Step 2: Install ```bash npm install @bryntum/calendar@latest ``` For full guide including CI/CD setup and access tokens, see [Private repository access](https://bryntum.com/products/calendar/docs/guide/Calendar/npm/repository/private-repository-access). ## Explore All Bryntum Products * [Bryntum Grid](https://bryntum.com/products/grid/) - High-performance data grid * [Bryntum Scheduler](https://bryntum.com/products/scheduler/) - Resource scheduling component * [Bryntum Scheduler Pro](https://bryntum.com/products/schedulerpro/) - Advanced scheduling with dependencies * [Bryntum Gantt](https://bryntum.com/products/gantt/) - Project planning and management * [Bryntum Calendar](https://bryntum.com/products/calendar/) - Full-featured calendar component * [Bryntum TaskBoard](https://bryntum.com/products/taskboard/) - Kanban-style task management Explore our comprehensive collection of demos: | Product | <img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/js.svg" alt="JavaScript" width="30"> JavaScript | <img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/react.svg" alt="React" width="30"> React | <img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/vue.svg" alt="Vue" width="30"> Vue | <img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/angular.svg" alt="Angular" width="30"> Angular | |-------------------|:------------------------------------------------------------------------------------:|:--------------------------------------------------------------------------:|:----------------------------------------------------------------------:|:------------------------------------------------------------------------------:| | **Grid** | [Grid JavaScript demos](https://bryntum.com/products/grid/examples/?framework=javascript) | [Grid React demos](https://bryntum.com/products/grid/examples/?framework=react) | [Grid Vue demos](https://bryntum.com/products/grid/examples/?framework=vue) | [Grid Angular demos](https://bryntum.com/products/grid/examples/?framework=angular) | | **Scheduler** | [Scheduler JavaScript demos](https://bryntum.com/products/scheduler/examples/?framework=javascript) | [Scheduler React demos](https://bryntum.com/products/scheduler/examples/?framework=react) | [Scheduler Vue demos](https://bryntum.com/products/scheduler/examples/?framework=vue) | [Scheduler Angular demos](https://bryntum.com/products/scheduler/examples/?framework=angular) | | **Scheduler Pro** | [Scheduler Pro JavaScript demos](https://bryntum.com/products/schedulerpro/examples/?framework=javascript) | [Scheduler Pro React demos](https://bryntum.com/products/schedulerpro/examples/?framework=react) | [Scheduler Pro Vue demos](https://bryntum.com/products/schedulerpro/examples/?framework=vue) | [Scheduler Pro Angular demos](https://bryntum.com/products/schedulerpro/examples/?framework=angular) | | **Gantt** | [Gantt JavaScript demos](https://bryntum.com/products/gantt/examples/?framework=javascript) | [Gantt React demos](https://bryntum.com/products/gantt/examples/?framework=react) | [Gantt Vue demos](https://bryntum.com/products/gantt/examples/?framework=vue) | [Gantt Angular demos](https://bryntum.com/products/gantt/examples/?framework=angular) | | **Calendar** | [Calendar JavaScript demos](https://bryntum.com/products/calendar/examples/?framework=javascript) | [Calendar React demos](https://bryntum.com/products/calendar/examples/?framework=react) | [Calendar Vue demos](https://bryntum.com/products/calendar/examples/?framework=vue) | [Calendar Angular demos](https://bryntum.com/products/calendar/examples/?framework=angular) | | **TaskBoard** | [TaskBoard JavaScript demos](https://bryntum.com/products/taskboard/examples/?framework=javascript) | [TaskBoard React demos](https://bryntum.com/products/taskboard/examples/?framework=react) | [TaskBoard Vue demos](https://bryntum.com/products/taskboard/examples/?framework=vue) | [TaskBoard Angular demos](https://bryntum.com/products/taskboard/examples/?framework=angular) | ## Online references * [Bryntum Calendar documentation](https://bryntum.com/products/calendar/docs/) * [Bryntum Calendar examples](https://bryntum.com/products/calendar/examples/) * [Bryntum Support Forum](https://forum.bryntum.com/) * [Contact us](https://bryntum.com/contact/) ## License and copyright Bryntum Calendar is commercial software and requires a paid license. Please visit the [Bryntum Calendar End User License](https://bryntum.com/products/calendar/license/) for the full text of the license. Copyright © 2009-2026, Bryntum All rights reserved.