Sigta UI · Kit

Calendar

Standalone

July 2026

Mo Tu We Th Fr Sa Su

Source

<sigta:calendar name="day" value="2026-07-09" />

No selection (opens on today)

August 2026

Mo Tu We Th Fr Sa Su

Source

<sigta:calendar name="day2" />

Bounded — min/max disable out-of-range days

July 2026

Mo Tu We Th Fr Sa Su

Source

<sigta:calendar name="day3" value="2026-07-15" min="2026-07-06" max="2026-07-24" />

Keyboard

Focus a day and use arrow keys to move, Home/End for week ends, PageUp/PageDown to change month, and Enter to select. Only the active day is tabbable (roving tabindex).

July 2026

Mo Tu We Th Fr Sa Su

Source

<p class="font-body text-[0.95rem] text-graphite max-w-prose">
        Focus a day and use arrow keys to move, <span class="font-mono text-[0.8rem]">Home</span>/<span class="font-mono text-[0.8rem]">End</span>
        for week ends, <span class="font-mono text-[0.8rem]">PageUp</span>/<span class="font-mono text-[0.8rem]">PageDown</span> to change month,
        and <span class="font-mono text-[0.8rem]">Enter</span> to select. Only the active day is tabbable (roving tabindex).
    </p>
    <div class="mt-5">
        <sigta:calendar name="day4" value="2026-07-09" />
    </div>