API Reference

WeeksView

component

Defined in package/src/weeks-view.tsx:133

PropTypeDefaultDescription
format"PlainDate""PlainDate"The value format used for date serialization. Determines the type of value, defaultValue, min, max, and callback parameters.
minPlainDateEarliest selectable date. Dates before this are disabled.
maxPlainDateLatest selectable date. Dates after this are disabled.
disabledbooleanfalseWhen true, the entire calendar is disabled.
readOnlybooleanfalseWhen true, the calendar is read-only. Keyboard navigation still works but selection is prevented.
isDateDisabled(date: PlainDate) => booleanCallback to disable individual dates. Return true to disable a date. Called in addition to min/max bounds checking.
timeZonestringThe system's current time zone.IANA time zone identifier used for date/time conversions.
localestring"en-US"BCP 47 locale string used for formatting month names, weekday labels, and other locale-sensitive output.
temporalTemporalNamespaceCustom Temporal namespace for environments without native Temporal support.
weekStartDayWeekStartDay0Day of the week the calendar grid starts on. 0 = Sunday, 1 = Monday, ..., 6 = Saturday.
childrenReact.ReactNodeReact children.
selectionMode"single" | "range" | "multiple""single"
valuePlainDate | PlainDate[] | DateRange<"PlainDate"> | nullThe controlled selected date. Pass null to clear.
defaultValuePlainDate | PlainDate[] | DateRange<"PlainDate">
onValueChange((value: PlainDate | null, meta: ValueChangeMeta<PlainDate | null>) => void) | ((value: PlainDate | null, meta: ValueChangeMeta<PlainDate | null>) => void) | ((value: DateRange<"PlainDate"> | null, meta: ValueChangeMeta<DateRange<"PlainDate"> | null>) => void) | ((value: DateRange<"PlainDate"> | null, meta: ValueChangeMeta<DateRange<"PlainDate"> | null>) => void) | ((value: PlainDate[], meta: ValueChangeMeta<PlainDate[]>) => void) | ((value: PlainDate[], meta: ValueChangeMeta<PlainDate[]>) => void)
weekCount*numberNumber of week rows to display simultaneously.
firstWeekFirstWeekSpecThe controlled first visible week. When provided, the component is controlled.
defaultFirstWeekFirstWeekSpecThe initial first visible week (uncontrolled).
onFirstWeekChange(date: PlainDate) => voidCalled when the first visible week changes via navigation or focus movement.
scrollBy"row" | "page""row"How much to scroll per navigation step. - "row" — scroll one week row at a time. - "page" — scroll a full page (all visible rows) at a time.
overflowBehaviorOverflowBehavior"unbounded"How navigation behaves at min/max bounds.
onWindowChange(info: WindowInfo) => voidCalled when the visible window changes.
refReact.Ref<WeeksViewRootHandle> | undefinedAllows getting a ref to the component instance. Once the component unmounts, React will set ref.current to null (or call the ref with null if you passed a callback ref).
keyReact.Key | null | undefined