# @askrjs/themes/calendar

> Published API exports for @askrjs/themes/calendar.

Source: [https://askrjs.com/docs/reference/api/themes/calendar](https://askrjs.com/docs/reference/api/themes/calendar)

Status: stable. Packages: @askrjs/themes/calendar.

**Published packages are authoritative.** Examples may lag behind a published contract. When guidance differs, verify the exports and TypeScript declarations in your installed package, then file an issue.

## Exports

This entrypoint publishes 12 exports from the declarations shipped by @askrjs/themes.

### `Calendar`

```ts
Calendar: (props: CatalogComponentProps) => JSX.Element
```

Styling-only calendar anatomy; it does not own dates, grid focus, selection, or month navigation.

### `CalendarBody`

```ts
CalendarBody: (props: CatalogComponentProps) => JSX.Element
```

Renders the `calendar-body` part of the shadcn-compatible catalog primitives.

### `CalendarCaption`

```ts
CalendarCaption: (props: CatalogComponentProps) => JSX.Element
```

Renders the `calendar-caption` part of the shadcn-compatible catalog primitives.

### `CalendarCell`

```ts
CalendarCell: (props: CatalogComponentProps) => JSX.Element
```

Renders the `calendar-cell` part of the shadcn-compatible catalog primitives.

### `CalendarDay`

```ts
CalendarDay: (props: CatalogComponentProps<HTMLButtonElement> & { disabled?: boolean; outside?: boolean; rangeEnd?: boolean; rangeMiddle?: boolean; rangeStart?: boolean; selected?: boolean; today?: boolean; }) => JSX.Element
```

Renders a single selectable day cell in the calendar grid, with selection/range/today state exposed as data attributes.

### `CalendarGrid`

```ts
CalendarGrid: (props: CatalogComponentProps) => JSX.Element
```

Renders the `calendar-grid` part of the shadcn-compatible catalog primitives.

### `CalendarHead`

```ts
CalendarHead: (props: CatalogComponentProps) => JSX.Element
```

Renders the `calendar-head` part of the shadcn-compatible catalog primitives.

### `CalendarHeader`

```ts
CalendarHeader: (props: CatalogComponentProps) => JSX.Element
```

Renders the `calendar-header` part of the shadcn-compatible catalog primitives.

### `CalendarNav`

```ts
CalendarNav: (props: CatalogComponentProps) => JSX.Element
```

Renders the `calendar-nav` part of the shadcn-compatible catalog primitives.

### `CalendarNextButton`

```ts
CalendarNextButton: (props: CatalogComponentProps<HTMLButtonElement>) => JSX.Element
```

Button that navigates the calendar to the next month.

### `CalendarPreviousButton`

```ts
CalendarPreviousButton: (props: CatalogComponentProps<HTMLButtonElement>) => JSX.Element
```

Button that navigates the calendar to the previous month.

### `CalendarRow`

```ts
CalendarRow: (props: CatalogComponentProps) => JSX.Element
```

Renders the `calendar-row` part of the shadcn-compatible catalog primitives.

## Documentation navigation

[Previous](https://askrjs.com/docs/reference/api/themes/button/index.md) | [Next](https://askrjs.com/docs/reference/api/themes/card/index.md)