API Reference

MonthSeparatorState

interface

State exposed by the MonthSeparator component and its children.

Defined in package/src/month-separator.tsx:7

Prop Type Default Description

month* number — Calendar month (1-12).

year* number — Calendar year.

firstOfYear* boolean — True when this is the first month of a new year in the visible window.

firstVisible* boolean — True for the separator at the top of the visible window.

weeksVisibleBefore* number — Number of weeks of the previous month visible above this separator.

weeksVisibleAfter* number — Number of weeks of this month visible below this separator.

firstDayColumn* number — 0-based column index where the 1st of the month falls within the week row. Accounts for week number column if present (column 0 = week number).

totalColumns* number — Total number of columns (7 days + optional week number column).

firstDayVisible* boolean — True when the 1st day of this month is visible in the weeks below.

fullWeeksVisibleAfter* number — Number of week rows between this separator and the next separator (or end of window). Use this for CSS grid gridRow: span N to avoid overlapping the next month's label.

gridRowStart* number — 1-based grid row index where this separator's weeks start.

Prop	Type	Default	Description
month*	number	—	Calendar month (1-12).
year*	number	—	Calendar year.
firstOfYear*	boolean	—	True when this is the first month of a new year in the visible window.
firstVisible*	boolean	—	True for the separator at the top of the visible window.
weeksVisibleBefore*	number	—	Number of weeks of the previous month visible above this separator.
weeksVisibleAfter*	number	—	Number of weeks of this month visible below this separator.
firstDayColumn*	number	—	0-based column index where the 1st of the month falls within the week row. Accounts for week number column if present (column 0 = week number).
totalColumns*	number	—	Total number of columns (7 days + optional week number column).
firstDayVisible*	boolean	—	True when the 1st day of this month is visible in the weeks below.
fullWeeksVisibleAfter*	number	—	Number of week rows between this separator and the next separator (or end of window). Use this for CSS grid `gridRow: span N` to avoid overlapping the next month's label.
gridRowStart*	number	—	1-based grid row index where this separator's weeks start.