React Calendar Component

SuMoTuWeThFrSa

Installation

pnpm add krz-ui

import { Calendar } from "krz-ui";

<Calendar value={date} onValueChange={setDate} />

<Calendar mode="range" value={range} onValueChange={setRange} />

Prop	Type	Description
`mode`	`"single" \| "range"`	Pick one date or a from–to range.
`value / defaultValue`	`Date \| DateRange \| null`	Controlled or initial selection.
`onValueChange`	`(value) => void`	Called with the new date or range.
`min / max`	`Date`	Earliest and latest selectable days.
`isDateDisabled`	`(date: Date) => boolean`	Disable specific days, e.g. weekends.
`weekStartsOn`	`0 \| 1`	Sunday or Monday. Defaults to 0.
`locale`	`string`	Locale for month and weekday names.
`className / style / ref`	`—`	All go to the outer element. See Customization.
`classNames`	`{ header?, nav?, title?, grid?, weekday?, day? }`	Extra classes for inner parts.