Implement changing year number. Added scroll support to numeric element.

src/components/Numeric.vue

@@ -12,6 +12,7 @@
     tabindex="0"
     @pointerdown="onPointerDown"
     @keydown="onKey"
+  @wheel.prevent="onWheel"
   >
     <span class="value" :title="String(current)">{{ display }}</span>
   </div>
@@ -217,6 +218,23 @@ function onKey(e) {
     e.stopPropagation()
   }
 }
+
+function onWheel(e) {
+  // Inverted: deltaY < 0 => decrement, > 0 => increment
+  const direction = e.deltaY < 0 ? -1 : e.deltaY > 0 ? 1 : 0
+  if (direction === 0) return
+  // Use current index in allValidValues list (prefix values included)
+  const idx = allValidValues.value.indexOf(current.value)
+  if (idx !== -1) {
+    const nextIdx = idx + direction
+    if (nextIdx >= 0 && nextIdx < allValidValues.value.length) {
+      current.value = allValidValues.value[nextIdx]
+    }
+  } else {
+    // Fallback numeric adjustment if not found
+    current.value = current.value + direction * props.step
+  }
+}
 </script>
 
 <style scoped>