@neynar/ui/llm-docs/calendar-day-button.llm.md

React UI component library built on shadcn/ui and Tailwind CSS

# CalendarDayButton

**Type**: component

CalendarDayButton - Individual day button component for calendar dates Renders a single interactive day button with appropriate styling for different states including selected, today, disabled, and range selection indicators. This component is used internally by the Calendar component but can be customized if needed.

## JSX Usage

```jsx
import { CalendarDayButton } from '@neynar/ui';

<CalendarDayButton
  className={value}
  day={value}
  modifiers={value}
  ...props={value}
/>
```

## Component Props

### className
- **Type**: `unknown`
- **Required**: Yes
- **Description**: No description available

### day
- **Type**: `unknown`
- **Required**: Yes
- **Description**: No description available

### modifiers
- **Type**: `unknown`
- **Required**: Yes
- **Description**: No description available

### ...props
- **Type**: `unknown`
- **Required**: Yes
- **Description**: No description available

## Examples

```tsx
// Used internally by Calendar component
<CalendarDayButton
  day={dayObject}
  modifiers={{
    selected: true,
    today: false,
    disabled: false,
    range_start: false,
    range_end: false,
    range_middle: false
  }}
/>
```