feat : sélecteur d'année dans le calendrier (3ᵉ niveau) (#83)

## Sélecteur d'année dans le calendrier (3ᵉ niveau de navigation)

Ajoute un 3ᵉ niveau de navigation à la famille de composants date, et corrige le bornage min/max du sélecteur de mois.

### Comportement
- Clic sur le champ → calendrier (vue **jours**)
- Clic sur l'en-tête → **sélecteur de mois**
- **Re-clic sur l'en-tête → sélecteur d'année** (grille de 12 ans, chevrons paginant par pas de 12 ans, fenêtre centrée sur l'année courante − 5)
- Clic sur une année → retour au sélecteur de mois ; clic sur un mois → retour à la grille de jours
- Les props `min`/`max` **grisent les mois ET les années** hors plage (corrige l'asymétrie : le `MonthPicker` affichait jusqu'ici tous les mois)

En-tête contextuel : « Mai 2026 » (jours) / « 2026 » (mois) / « 2020 – 2031 » (années).

### Périmètre
- Shell partagé `internal/CalendarField.vue` → bénéficie aux 4 composants publics `Date`, `DateRange`, `DateTime`, `DateWeek`
- **Aucune API publique modifiée**
- Nouveau composant `internal/YearPicker.vue` (calqué sur `MonthPicker`)
- Helpers purs `isMonthInRange` / `isYearInRange` (comparaison par préfixe ISO, bornes inclusives)
- State machine `viewMode` à 3 niveaux (`useCalendarPopover` / `useCalendarView`)

### Tests
- Suite date **246/246 verte**, ESLint propre
- Unitaires : helpers, `YearPicker`, `MonthPicker` (grisage), composables (pagination ±12, recentrage, `selectYear`)
- e2e `Date.test.ts` : flux complet jours→mois→années→mois→jours + grisage min/max

### Process
Développé en brainstorming → spec → plan → exécution TDD (un commit par étape). Spec et plan inclus sous `docs/superpowers/`.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Reviewed-on: #83
Co-authored-by: tristan <tristan@yuno.malio.fr>
Co-committed-by: tristan <tristan@yuno.malio.fr>

app/components/malio/date/internal/CalendarField.vue

@@ -88,7 +88,7 @@
           :current-year="currentYear"
           @prev="goToPrev"
           @next="goToNext"
-          @toggle-view="toggleView"
+          @toggle-view="cycleView"
         />
         <slot
           v-if="viewMode === 'days'"
@@ -97,10 +97,21 @@
           :close="closePopover"
         />
         <MonthPicker
-          v-else
+          v-else-if="viewMode === 'months'"
           :selected-month="currentMonth"
+          :current-year="currentYear"
+          :min="min"
+          :max="max"
           @select="onSelectMonth"
         />
+        <YearPicker
+          v-else
+          :page-start="yearPageStart"
+          :selected-year="currentYear"
+          :min="min"
+          :max="max"
+          @select="onSelectYear"
+        />
       </div>
     </div>
 
@@ -127,6 +138,7 @@ import type {MaskInputOptions} from 'maska'
 import MalioRequiredMark from '../../shared/RequiredMark.vue'
 import CalendarHeader from './CalendarHeader.vue'
 import MonthPicker from './MonthPicker.vue'
+import YearPicker from './YearPicker.vue'
 import {useCalendarPopover} from '../composables/useCalendarPopover'
 import {useCalendarView} from '../composables/useCalendarView'
 import {buildBoundedMask} from '../composables/maskTemplate'
@@ -157,6 +169,8 @@ const props = withDefaults(
     labelClass?: string
     groupClass?: string
     reserveMessageSpace?: boolean
+    min?: string
+    max?: string
   }>(),
   {
     id: '',
@@ -176,6 +190,8 @@ const props = withDefaults(
     labelClass: '',
     groupClass: '',
     reserveMessageSpace: true,
+    min: undefined,
+    max: undefined,
   },
 )
 
@@ -215,8 +231,8 @@ watch(() => props.displayValue, (value) => {
   draft.value = value
 })
 
-const {isOpen, viewMode, open, close: closePopover, toggleView} = useCalendarPopover(root)
-const {currentMonth, currentYear, goToPrev, goToNext, selectMonth, syncToIso} = useCalendarView(viewMode)
+const {isOpen, viewMode, open, close: closePopover, cycleView} = useCalendarPopover(root)
+const {currentMonth, currentYear, yearPageStart, goToPrev, goToNext, selectMonth, selectYear, syncToIso} = useCalendarView(viewMode)
 
 const inputId = computed(() => props.id?.toString() || `malio-date-${generatedId}`)
 const hasError = computed(() => !!props.error)
@@ -323,7 +339,12 @@ watch(() => props.syncTo, (value) => {
 
 const onSelectMonth = (m: number) => {
   selectMonth(m)
-  toggleView()
+  viewMode.value = 'days'
+}
+
+const onSelectYear = (y: number) => {
+  selectYear(y)
+  viewMode.value = 'months'
 }
 
 const mergedGroupClass = computed(() =>