Colander

  • Docs
  • Demo
alpha

Guides

  • Getting Started

Components

  • CalendarProvider
  • MonthView
  • WeeksView

Components

  • CalendarProvider
  • DateString
  • DayButton
  • DayCellTemplate
  • Grid
  • GridBody
  • GridHeader
  • GridHeaderCell
  • MonthSeparator
  • MonthSeparatorCell
  • MonthSeparatorMonth
  • MonthSeparatorRow
  • MonthSeparatorWeekCount
  • MonthSeparatorYear
  • MonthView
  • MonthViewRoot
  • MonthYearString
  • NextMonthButton
  • NextWeeksButton
  • PrevMonthButton
  • PrevWeeksButton
  • RangeEndDragHandle
  • RangePreview
  • RangeSelected
  • RangeStartDragHandle
  • Temporal
  • TimeString
  • WeekCount
  • WeekNumberCell
  • WeekNumberHeader
  • WeeksView
  • WeeksViewRoot
  • WeekTemplate

Hooks

  • useCalendarStable
  • useCalendarState
  • useMonthViewStable
  • useMonthViewState
  • useViewContext
  • useWeeksViewStable
  • useWeeksViewState

Types

  • CalendarProviderProps
  • CalendarStableContextValue
  • CalendarStateContextValue
  • DateRange
  • DateStringProps
  • DateStringState
  • DateValueObject
  • DayButtonProps
  • DayButtonState
  • DayCellTemplateProps
  • DayCellTemplateState
  • DragHandleOwnProps
  • DragHandleState
  • FirstWeekSpec
  • GridBodyProps
  • GridBodyState
  • GridHeaderCellProps
  • GridHeaderCellState
  • GridHeaderProps
  • GridHeaderState
  • GridProps
  • GridState
  • MonthData
  • MonthOverflowBehavior
  • MonthSeparatorState
  • MonthViewProps
  • MonthViewRootProps
  • MonthViewStableContextValue
  • MonthViewStateContextValue
  • MonthYearStringProps
  • MonthYearStringState
  • NavButtonState
  • NextMonthButtonProps
  • NextWeeksButtonProps
  • OutsideDays
  • OverflowBehavior
  • PlainDateObject
  • PrevMonthButtonProps
  • PrevWeeksButtonProps
  • RangeEndDragHandleProps
  • RangeMode
  • RangePreviewProps
  • RangePreviewState
  • RangeSelectedProps
  • RangeSelectedState
  • RangeStartDragHandleProps
  • RawValueForFormat
  • RootState
  • ScrollToWeekSnap
  • TemporalNamespace
  • TimeStringProps
  • TimeStringState
  • ValueChangeMeta
  • ValueForFormat
  • ValueFormat
  • ViewContextValue
  • VisibleMonth
  • WeekCountProps
  • WeekCountState
  • WeekDescriptor
  • WeekNumberCellProps
  • WeekNumberCellState
  • WeekNumberHeaderProps
  • WeekNumberHeaderState
  • WeeksNavButtonOwnProps
  • WeeksNavButtonState
  • WeekStartDay
  • WeeksViewProps
  • WeeksViewRootHandle
  • WeeksViewRootProps
  • WeeksViewStableContextValue
  • WeeksViewStateContextValue
  • WeekTemplateProps
  • WeekTemplateState
  • WindowInfo

Functions

  • computePreviewRange
  • computeWeeksInWindow
  • resolveFirstWeek
  • resolveFirstWeekSpec

Contexts

  • DayCellDataContext
  • GridContext
  • WeekDataContext

Documentation

Learn how to use Colander to build accessible, customizable calendar components.

Getting Started

Install Colander and start building accessible calendar components.

CalendarProvider

Manages shared state across calendar views — selection, bounds, locale, and more.

MonthView

Displays a traditional calendar grid with month-level navigation.

WeeksView

Displays a configurable window of continuous week rows that span month boundaries.

© 2026 Chris Klink. All rights reserved.

MIT License

Colander on GitHub