Skip to Content
Components
Calendar ALPHA

Calendar

Base date picker component.

Documentation

Usage

February 2025
import { Calendar } from "@optiaxiom/react/unstable"; export function App() { return <Calendar border="1" p="16" rounded="lg" />; }

Props

Calendar

Supports all Box props in addition to its own. Renders a <div> element.

Prop

asChild

Change the default rendered element for the one passed as a child, merging their props and behavior.

Read the Composition guide for more details.

false | true

className

string

defaultValue

The initial selected value in uncontrolled mode.

Date

max

The latest month to end the month navigation.

Date

min

The earliest month to start the month navigation.

Date

onValueChange

Handler that is called when the selected value changes.

(value: Date) => void

today

The today’s date. Default is the current date.

Date

value

The selected value in controlled mode.

Date

Changelog

0.12.1

  • Added component
Last updated on