Improve accessibility of the DateInput component (#2768)

sumup-oss · Nov 6, 2024 · d578758 · d578758
1 parent 76787fa
commit d578758
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/great-seas-fetch.md b/.changeset/great-seas-fetch.md
@@ -0,0 +1,5 @@
+---
+"@sumup-oss/circuit-ui": patch
+---
+
+Improved the DateInput component's accessibility when empty.
diff --git a/packages/circuit-ui/components/DateInput/components/DateSegment.tsx b/packages/circuit-ui/components/DateInput/components/DateSegment.tsx
@@ -178,7 +178,7 @@ export function DateSegment({
         enterKeyHint="next"
         spellCheck="false"
         role="spinbutton"
-        aria-valuenow={props.value as number}
+        aria-valuenow={props.value || undefined}
         aria-valuemin={min}
         aria-valuemax={max}
         aria-invalid={invalid}