Calendar

A robust, responsive calendar component supporting single and range selections with decade and month browsing.

Preview

Loading Preview...

bun add xiod-ui

1import { Calendar } from "xiod-ui/calendar";

1<Calendar>2</Calendar>

Detailed documentation of properties and options.

Prop	Type	Default
`mode`	`CalendarMode` \|`undefined`	`single`
`selected`	`Date` \|`DateRange` \|`null` \|`undefined`	-
`onSelect`	`((date: Date` \|`DateRange` \|`undefined) => void)` \|`undefined`	-
`showOutsideDays`	`boolean` \|`undefined`	`true`
`disableOutsideDays`	`boolean` \|`undefined`	`false`
`minDate`	`Date` \|`undefined`	-
`maxDate`	`Date` \|`undefined`	-
`disabled`	`Matcher` \|`Matcher[]` \|`undefined`	-
`modifiers`	`Record<string, Matcher` \|`Matcher[]>` \|`undefined`	-
`modifiersClassNames`	`Record<string, string>` \|`undefined`	-
`weekStartsOn`	`0` \|`1` \|`2` \|`3` \|`4` \|`5` \|`6` \|`undefined`	`0`
`numberOfMonths`	`number` \|`undefined`	`1`
`fixedWeeks`	`boolean` \|`undefined`	`true`
`localeWeekdays`	`string[]` \|`undefined`	-
`localeWeekdaysLong`	`string[]` \|`undefined`	-
`localeMonths`	`string[]` \|`undefined`	-
`localeMonthsShort`	`string[]` \|`undefined`	-
`classNames`	`CalendarClassNames` \|`undefined`	-