shaamilahmed/Htmx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added components, authentication and authorization

Browse Source
This commit is contained in:
shaamilahmed
2026-05-04 16:53:19 +05:00
parent 493cd71d17
commit fb1cb8e834
37 changed files with 3545 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Htmx.ApiDemo/Templates/Components/CalendarRange.htmx
+41
View File
@@ -0,0 +1,41 @@
<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">&#8249;</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">&#8250;</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>