Content v1.0.0

Calendar

Interactive calendar component for date display and selection. Supports month navigation, event dots, date range constraints, keyboard navigation, and configurable week start day.

Month

Full month grid with day numbers, navigation, today highlight, event dots, and date selection

Options

Name Type Default Description
date String Date.today.iso8601 ISO date string for the displayed month
events Array [] Array of event hashes with :date, :title, and :color keys
selected_date String nil ISO date string for the currently selected date
min_date String nil ISO date string for the earliest selectable date
max_date String nil ISO date string for the latest selectable date
week_start Symbol :sunday Day the week starts on: :sunday or :monday

Mini

Compact date picker calendar with smaller cells and abbreviated labels

Options

Name Type Default Description
date String Date.today.iso8601 ISO date string for the displayed month
selected_date String nil ISO date string for the currently selected date
min_date String nil ISO date string for the earliest selectable date
max_date String nil ISO date string for the latest selectable date
week_start Symbol :sunday Day the week starts on: :sunday or :monday

Changelog v1.0.0

- v1.0.0: Initial release with month and mini styles
- Full month grid with event dots and date selection
- Compact mini calendar picker
- Keyboard navigation with arrow keys
- Configurable week start (Sunday/Monday)
- Min/max date range constraints

Get Full Access

Unlock the source code for this component and all others. One-time payment for lifetime access.

Get Access Now