# SCalendar

> 자동 생성 문서 — `npm run docs:gen`. 소스: 각 컴포넌트의 Props/Handle 인터페이스 + import 의존성.

### SCalendar

#### Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `value?` | `string \| null` | — | 선택 날짜 (YYYY-MM-DD) |
| `selectable?` | `[string, string]` | — | 선택 가능 범위 [시작, 종료] (빈 문자열이면 제한 없음) |
| `events?` | `SCalendarEventGroup[]` | — | 이벤트 그룹 (날짜별 점) |
| `elevated?` | `boolean` | `false` | 카드 그림자 |
| `className?` | `string` | — |  |
| `style?` | `CSSProperties` | — |  |

#### Events

| Event | Type | Description |
|-------|------|-------------|
| `onValueChange` | `(date: string) => void` | 선택 변경 (sdUpdate) |
| `onViewChange` | `(v: { year: number; month: number }) => void` | 보이는 연·월 변경 (sdViewChange) |

## Dependencies

### Used by

 - [SDatePicker](../SDatePicker)

### Depends on

- [SDivider](../SDivider)
- [SGhostButton](../SGhostButton)

### Graph

```mermaid
graph TD;
  SCalendar --> SDivider
  SCalendar --> SGhostButton
  SDatePicker --> SCalendar
  style SCalendar fill:#f9f,stroke:#333,stroke-width:4px
```