Initial implementation

web/templates/partials/calendar.html

@@ -0,0 +1,80 @@
+{{define "calendar.html"}}
+<div class="calendar">
+    <div class="calendar-header">
+        <button 
+            hx-get="/calendar/{{.PrevYear}}/{{.PrevMonth}}"
+            hx-target="#calendar-panel"
+            hx-swap="innerHTML"
+            class="nav-btn"
+            aria-label="Previous month">
+            &#8249;
+        </button>
+        <h2>{{.MonthName}} {{.Year}}</h2>
+        <button 
+            hx-get="/calendar/{{.NextYear}}/{{.NextMonth}}"
+            hx-target="#calendar-panel"
+            hx-swap="innerHTML"
+            class="nav-btn"
+            aria-label="Next month">
+            &#8250;
+        </button>
+    </div>
+    
+    <div class="calendar-weekdays">
+        <span>Sun</span>
+        <span>Mon</span>
+        <span>Tue</span>
+        <span>Wed</span>
+        <span>Thu</span>
+        <span>Fri</span>
+        <span>Sat</span>
+    </div>
+    
+    <div class="calendar-grid">
+        {{/* Empty cells before first day */}}
+        {{range seq 0 (sub .FirstDayWeekday 1)}}
+        <div class="calendar-day empty"></div>
+        {{end}}
+        
+        {{/* Day cells */}}
+        {{range $day := seq 1 .DaysInMonth}}
+        {{$content := index $.Days $day}}
+        <div 
+            class="calendar-day{{if isToday $.Year $.Month $day}} today{{end}}{{if $content.HasContent}} has-content{{end}}"
+            hx-get="/day/{{$.Year}}/{{$.Month | printf "%d"}}/{{$day}}"
+            hx-target="#day-modal-content"
+            hx-swap="innerHTML"
+            hx-trigger="click"
+            data-opens-modal="day-modal">
+            <span class="day-number">{{$day}}</span>
+            {{if $content.HasContent}}
+            <div class="day-indicators">
+                {{if $content.HasEvents}}<span class="indicator event-indicator" title="Events">📅</span>{{end}}
+                {{if $content.HasDiary}}<span class="indicator diary-indicator" title="Diary">📝</span>{{end}}
+                {{if $content.HasPhotos}}<span class="indicator photo-indicator" title="Photos">📷</span>{{end}}
+            </div>
+            {{end}}
+        </div>
+        {{end}}
+    </div>
+    
+    <div class="calendar-actions">
+        <button 
+            hx-get="/timeline/{{.Year}}/{{.Month | printf "%d"}}"
+            hx-target="#timeline-panel"
+            hx-swap="innerHTML"
+            class="btn btn-primary">
+            View Timeline
+        </button>
+    </div>
+</div>
+
+<dialog id="day-modal" class="day-modal">
+    <div id="day-modal-content">
+        <!-- Day content loaded via HTMX -->
+    </div>
+    <form method="dialog">
+        <button class="btn btn-secondary">Close</button>
+    </form>
+</dialog>
+{{end}}