Team Calendar Extension for Visual Studio Team Services
TypeScript HTML CSS
Latest commit 7313a4d Feb 13, 2017 @dmarcey dmarcey committed on GitHub Merge pull request #131 from Microsoft/users/demarcey/memberNullRef
Prevent null ref with event.member.

Team Calendar Extension for Team Services


Team Calendar helps busy teams stay on track and informed about important deadlines, sprint schedules, and upcoming milestones. It is the one place to see and manage the date important to your teams, including sprint schedule, days off (for individuals or the team), and custom events.

Team Calendar installs into either a Visual Studio Team Services account or into Team Foundation Server.


See overview to learn more about the features of the extension.

About extensions

Extensions enable you to create first-class integration experiences within Visual Studio Team Services, just the way you have always wanted. An extension can be a simple context menu or toolbar action or can be a complex and powerful custom UI experience that light up within the account, collection, or project hubs.

To learn more about Extensions, see the overview of extensions.


To try out the extension in your Team Services account, visit the Team Calendar extension page on the Visual Studio Marketplace.

Don't have a [free] Team Services account? Learn more about getting one.


Team Calendar is written in TypeScript. To build and package the extension:

Get the pre-reqs

  1. Get Node.js
  2. Install TypeScript: npm install -g typescript
  3. Install the Team Services CLI (needed to package the extension): npm install -g tfx-cli
  4. Install required modules: npm install (from the root of t

Compile the code

To compile and package the extension run:

npm run build

This will compile the TypeScript code in the project and create a .vsix file.

Package the extension

To install your own version of the Team Calendar extension into your Team Services account, you need to create a publisher on the Visual Studio Marketplace. There is no cost for creating or having a publisher. Learn how to create a publisher.

  1. Update your version of the extension manifest (vss-extension.json) file:
    1. Set the publisher property to your Visual Studio Marketplace publisher ID
    2. Set the public property to false
  2. Package the extension (npm run build) to produce a .vsix file. Note: you should see your publisher ID in the name of this file.
  3. Go to the manage page of the Marketplace and click Upload to publish your version of the extension (don't worry, only you will be able to see it)
  4. After uploading, select the extension, click Share ,and enter the name of the Team Services account you want to be able to install the extension into
  5. Click the extension's title to open its details page
  6. Click the install button, choose your account from the drop-down, and install the extension

Add custom event sources (advanced)

The Team Calendar extension is designed to be extended by other extensions. Other extensions can contribute new "event sources", which will be pulled from when the Team Calendar is rendered. Once you develop your extension, install it in the account that you installed the Team Calendar extension into.

See the public-events sample for an example of an extension that contributes to the Team Calendar.

Code of Conduct

This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact with any additional questions or comments.