diff --git a/.changeset/modern-badgers-draw.md b/.changeset/modern-badgers-draw.md
new file mode 100644
index 0000000..a086490
--- /dev/null
+++ b/.changeset/modern-badgers-draw.md
@@ -0,0 +1,5 @@
+---
+"@openfun/cunningham-react": minor
+---
+
+add a background color to DatePicker segments
diff --git a/packages/react/src/components/Forms/DatePicker/index.scss b/packages/react/src/components/Forms/DatePicker/index.scss
index 998396e..2c6c048 100644
--- a/packages/react/src/components/Forms/DatePicker/index.scss
+++ b/packages/react/src/components/Forms/DatePicker/index.scss
@@ -70,6 +70,11 @@
         &--empty {
           color: var(--c--components--forms-field--color);
         }
+
+        &:focus-visible {
+          background-color: var(--c--theme--colors--primary-100);
+          outline: none;
+        }
       }
     }