From a14a178b3192f20730abc3f374051f82b5814a9e Mon Sep 17 00:00:00 2001
From: sabrina-bongiovanni
 <116291154+sabrina-bongiovanni@users.noreply.github.com>
Date: Tue, 19 Sep 2023 16:42:44 +0200
Subject: [PATCH] Us 42249 v3 a11y react dates focus date (#344)

* fix: fixed focus styles for CalendarMonth

* chore: added release info
---
 RELEASE.md                                        |  1 +
 .../Widgets/_react-dates-override.scss            | 15 +++++++++++++++
 src/theme/site.scss                               |  1 +
 3 files changed, 17 insertions(+)
 create mode 100644 src/theme/ItaliaTheme/Widgets/_react-dates-override.scss

diff --git a/RELEASE.md b/RELEASE.md
index 732987272..10bbbb86c 100644
--- a/RELEASE.md
+++ b/RELEASE.md
@@ -35,3 +35,4 @@
 ### Fix
 
 - Sistemato l'allineamento degli elementi nel blocco Contatti: se ci sono meno di tre elementi l'allineamento è centrato, se ce ne sono più di 3 l'allineamento è a sinistra.
+- Migliorata accessibilità del calendario nel blocco ricerca Eventi e ricerca Bandi
diff --git a/src/theme/ItaliaTheme/Widgets/_react-dates-override.scss b/src/theme/ItaliaTheme/Widgets/_react-dates-override.scss
new file mode 100644
index 000000000..ba97a5789
--- /dev/null
+++ b/src/theme/ItaliaTheme/Widgets/_react-dates-override.scss
@@ -0,0 +1,15 @@
+table.CalendarMonth_table {
+  border-collapse: separate;
+
+  td.CalendarDay__selected:focus {
+    border: 1px solid white;
+    border-radius: 100%;
+    outline: 2px solid $focus-outline-color;
+  }
+
+  td.CalendarDay__default:focus {
+    border: none !important;
+    box-shadow: none !important;
+    outline: 2px solid $focus-outline-color !important;
+  }
+}
diff --git a/src/theme/site.scss b/src/theme/site.scss
index 9257da174..70e4fe563 100644
--- a/src/theme/site.scss
+++ b/src/theme/site.scss
@@ -113,6 +113,7 @@
 @import 'ItaliaTheme/Widgets/blocksWidget';
 @import 'ItaliaTheme/Widgets/subsiteSocialLinks';
 @import 'ItaliaTheme/Widgets/reactSelect';
+@import 'ItaliaTheme/Widgets/react-dates-override';
 @import 'ItaliaTheme/Widgets/textInput';
 @import 'ItaliaTheme/Widgets/dataGridWidget';
 @import 'ItaliaTheme/Widgets/canaleDigitaleWidget';