From 5fd88c2fc3ea94c10d48586b0f94be43cebd1c8f Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Fri, 4 Oct 2024 23:56:41 +0300
Subject: [PATCH] Use custom focus ring for consistency

---
 packages/primevue/src/datepicker/style/DatePickerStyle.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/packages/primevue/src/datepicker/style/DatePickerStyle.js b/packages/primevue/src/datepicker/style/DatePickerStyle.js
index 4e3cfe0b2..bd26fe1c8 100644
--- a/packages/primevue/src/datepicker/style/DatePickerStyle.js
+++ b/packages/primevue/src/datepicker/style/DatePickerStyle.js
@@ -152,6 +152,13 @@ const theme = ({ dt }) => `
     color: ${dt('datepicker.select.year.hover.color')};
 }
 
+.p-datepicker-select-month:focus-visible,
+.p-datepicker-select-year:focus-visible {
+    box-shadow: ${dt('datepicker.date.focus.ring.shadow')};
+    outline: ${dt('datepicker.date.focus.ring.width')} ${dt('datepicker.date.focus.ring.style')} ${dt('datepicker.date.focus.ring.color')};
+    outline-offset: ${dt('datepicker.date.focus.ring.offset')};
+}
+
 .p-datepicker-calendar-container {
     display: flex;
 }