Calendar

A month-view calendar - month switcher, inbox feed dropdown, and a month grid with event chips that overflow into a “+N more” label. Tapping an event opens an anchored details popover with attendees, meeting code, and a join button.

August 2026

SunMonTueWedThuFriSat

Keyboard: arrows move by day/week; Home/End move within a week; Page Up/Down change month. Enter adds an event.

Installation

Download the React source package, install its dependencies, and import the component with its shared styles.

Download React package Installation guide

'use client';
import {BoardTemplate} from '@helios-ui/react';
import '@helios-ui/react/styles.css';

export default function Example(){return <BoardTemplate id="calendar" embedded chrome={false}/>;}

Advanced playground, API and recovery states ↗

Calendar

August 2026

SunMonTueWedThuFriSat

Keyboard: arrows move by day/week; Home/End move within a week; Page Up/Down change month. Enter adds an event.

Installation

Download the React source package, install its dependencies, and import the component with its shared styles.

Download React package Installation guide

'use client';
import {BoardTemplate} from '@helios-ui/react';
import '@helios-ui/react/styles.css';

export default function Example(){return <BoardTemplate id="calendar" embedded chrome={false}/>;}

Advanced playground, API and recovery states ↗

Calendar

August 2026

Add a local calendar account

Edit event

Workspace notifications

Notifications 2 unread

Recent

Notification

Sign in example

Create an example agent

Cloud engineer

Installation

Search Helios UI

Calendar

August 2026

Add a local calendar account

Edit event

Workspace notifications

Notifications 2 unread

Recent

Notification

Sign in example

Create an example agent

Cloud engineer

Installation

Search Helios UI