Calendar

Base date picker component.

#
Documentation


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

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 \| DateRange`
`holiday` Apply the `holiday` modifier to the matching days. `false \| true \| Date \| DateRange \| (date: Date) => boolean \| Date[] \| DateBefore \| DateAfter \| DateInterval \| DayOfWeek \| Matcher[]`
`max` The latest month to end the month navigation. `Date`
`min` The earliest month to start the month navigation. `Date`
`mode` `"range" \| "single"` Default: `single`
`onHeightChange` `(height: number) => void`
`onValueChange` Handler that is called when the selected value changes. `(value: Date) => void \| (value: DateRange) => void`
`step` `string \| number`
`today` The today’s date. Default is the current date. `Date`
`type` `"date" \| "datetime-local"` Default: `date`
`value` The selected value in controlled mode. `Date \| DateRange`
`weekend` Apply the `weekend` modifier to the matching days. `false \| true \| Date \| DateRange \| (date: Date) => boolean \| Date[] \| DateBefore \| DateAfter \| DateInterval \| DayOfWeek \| Matcher[]`