Month
Calendar overview with event chips; compact colored dots on narrow containers.
Free · MIT · TypeScript · Zero dependencies
Month, Week, Day, and Agenda views with continuous navigation and responsive layouts.
Built for real application data, large event collections, and narrow containers without continuously growing the DOM.
Stable · 1.0.0
Views
Calendar overview with event chips; compact colored dots on narrow containers.
Timed grid with all-day band and overlapping event layout.
Focused single-day schedule with vertical day navigation.
Compact event list grouped by date. Days without events are skipped.
Architecture
onVisibleRangeChange for lazy loadingAPI
calendar.setEvents(events) calendar.getEvents() calendar.addEvent({ id: 2, title: 'Review', start, end }) calendar.updateEvent(1, { title: 'Standup (remote)' }) calendar.removeEvent(1)
Responsive
Layout adapts to the calendar container — compact Month dots, readable Week columns, dense Agenda rows. Uses ResizeObserver when available.
Quick start
npm install @rolldate/events
import { RollDateEvents } from '@rolldate/events' import '@rolldate/events/styles' new RollDateEvents('#calendar', { defaultView: 'week', events: [{ id: 1, title: 'Standup', start: '2026-08-30T09:00:00', end: '2026-08-30T09:30:00' }] })
Scope
RollDate Events 1.0 is a complete free event-calendar library under the MIT license with zero runtime dependencies.
Not included in v1: drag and drop, event resizing, resource timeline, recurring-event expansion.