Course

A hands-on course that walks you through building a complete calendar from scratch using @gentleduck/calendar.

This course takes you from zero to a fully styled, accessible calendar with date range selection, time picking, and performance optimization.

Lessons

Introduction - Why we built the engine and what problems it solves

Adapter Pattern - Understanding `Adapter.IDateAdapter<TDate>` and plugging in any date library

Building a Grid - Using `buildCalendarMonth` to generate and render month grids

Selection Modes - Single, range, and multi-select with `useCalendar`

Keyboard and Accessibility - WAI-ARIA grid pattern, roving tabIndex, and screen reader support

Time Picker - `useTimePicker` and `useDateTime` for time input

Styling - Data attributes, Tailwind, and plain CSS approaches

Performance - Benchmarks, bundle analysis, and optimization strategies