42 lines
1.9 KiB
Plaintext
42 lines
1.9 KiB
Plaintext
<div id="calr-$$Id$$"
|
|
class="calr-root inline-block min-w-72 rounded-md border border-border bg-card p-4 shadow-sm"
|
|
data-year="$$Year$$"
|
|
data-month="$$Month$$"
|
|
data-start="$$DefaultStart$$"
|
|
data-end="$$DefaultEnd$$"
|
|
data-view="days">
|
|
|
|
<!-- Header row -->
|
|
<div class="mb-3 flex items-center justify-between">
|
|
<button type="button" class="calr-prev cal-nav inline-flex h-8 w-8 items-center justify-center rounded-md border border-input
|
|
bg-transparent hover:bg-accent hover:text-accent-foreground transition-colors text-base"
|
|
aria-label="Previous month">‹</button>
|
|
<button type="button" class="calr-month-label text-sm font-semibold px-2 py-0.5 rounded-md
|
|
hover:bg-accent hover:text-accent-foreground transition-colors cursor-pointer"></button>
|
|
<button type="button" class="calr-next cal-nav inline-flex h-8 w-8 items-center justify-center rounded-md border border-input
|
|
bg-transparent hover:bg-accent hover:text-accent-foreground transition-colors text-base"
|
|
aria-label="Next month">›</button>
|
|
</div>
|
|
|
|
<!-- Day-of-week headers -->
|
|
<div class="cal-dow-row mb-1 grid grid-cols-7 text-center">
|
|
<span class="cal-dow">Su</span>
|
|
<span class="cal-dow">Mo</span>
|
|
<span class="cal-dow">Tu</span>
|
|
<span class="cal-dow">We</span>
|
|
<span class="cal-dow">Th</span>
|
|
<span class="cal-dow">Fr</span>
|
|
<span class="cal-dow">Sa</span>
|
|
</div>
|
|
|
|
<!-- Day grid (populated by JS) -->
|
|
<div class="calr-grid grid grid-cols-7 text-center"></div>
|
|
|
|
<!-- Range label -->
|
|
<div class="calr-label mt-3 text-xs text-muted-foreground min-h-4"></div>
|
|
|
|
<!-- Hidden inputs -->
|
|
<input type="hidden" name="$$NameStart$$" class="calr-hidden-start" value="$$DefaultStart$$" />
|
|
<input type="hidden" name="$$NameEnd$$" class="calr-hidden-end" value="$$DefaultEnd$$" />
|
|
</div>
|