Calendar

MSK Calendar는 의존성 없는 경량 월 달력 date picker primitive입니다. 헤더/그리드를 JS가 생성하고 hidden input에 YYYY-MM-DD를 동기화합니다.

Preview

2026년 6월

일월화수목금토

<div data-msk-calendar data-value="2026-06-19">
  <input type="hidden" name="date" data-msk-calendar-input>
</div>

window.MSK.ui.calendar.setDate(root, '2026-07-01');

root.addEventListener('msk:calendar-change', (event) => {
  console.log(event.detail.value); // '2026-07-01'
});