components/calendar
데이터 표시 · 32 / 64

Calendar

ui.widgets.Calendar

월 보기에서의 날짜 탐색과 선택.

BEHAVIOR CONTRACT

월 계산, 첫 주 오프셋, 선택 날짜, 탐색 버튼이 SimpleDate 모델을 공유합니다.

RECORDED INTERACTION

harness가 18일을 클릭하면 선택 상태가 이동합니다.

examples/storybook/stories.zig:2457
// ── Calendar ──
pub fn buildCalendar(scope: *ui.Scope, cx: *ui.Cx) anyerror!*ui.Node {
    const cal = try W.Calendar(.{ .initial_year = 2026, .initial_month = 5 }).mount(scope, cx);
    return cal.wrapper;
}
GitHub에서 소스 보기examples/storybook/stories.zig:2457

Storybook에 있는 이 story의 원본 코드입니다(zenit 5f9add5+wip 2026-09-30). W는 ui.widgets이며, col / row / label은 Storybook 내부의 작은 레이아웃 헬퍼입니다.

zenit · 이중 라이선스오픈 소스 프로젝트는 GPL-3.0-only로 무료 사용할 수 있으며, 비공개 소스나 상용 제품에는 상용 라이선스가 필요합니다.작성자 연락처: zongyi.xzy#gmail.com (#을 @로 바꾸세요)zenit 5f9add5+wip 2026-09-30