From cf68778310a6594b2b111521370dc1f7f18728d7 Mon Sep 17 00:00:00 2001
From: Jonas Lindevall <jonas.h.lindevall@gmail.com>
Date: Fri, 3 Nov 2023 10:38:19 +0100
Subject: [PATCH 1/2] add missing outline on change month buttons

---
 CHANGELOG.md                       | 1 -
 src/components/form/date/date.scss | 4 ++++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0ca219ea6..b8537f5ec 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -35,7 +35,6 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Remove font styles from lists and update the list's clean variant padding. This fixes the lists styles in the Banner component.
 
-
 ## [1.0.2] - 23.10.2023
 
 ### Fixed
diff --git a/src/components/form/date/date.scss b/src/components/form/date/date.scss
index 242350e28..be6097cd7 100644
--- a/src/components/form/date/date.scss
+++ b/src/components/form/date/date.scss
@@ -89,6 +89,10 @@
         color: colors.$blue-state;
       }
 
+      &:focus-visible {
+        outline: 4px solid colors.$purple-light
+      }
+
       &:disabled {
         cursor: not-allowed;
         color: states.$disabled-text;

From cbf59cf4701ef910a70d4e5308431a15dcf18845 Mon Sep 17 00:00:00 2001
From: Jonas Lindevall <jonas.h.lindevall@gmail.com>
Date: Fri, 3 Nov 2023 10:41:07 +0100
Subject: [PATCH 2/2] fix outlines

---
 src/components/form/date/date.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/form/date/date.scss b/src/components/form/date/date.scss
index be6097cd7..3a3e77647 100644
--- a/src/components/form/date/date.scss
+++ b/src/components/form/date/date.scss
@@ -90,7 +90,8 @@
       }
 
       &:focus-visible {
-        outline: 4px solid colors.$purple-light
+        box-shadow: 0 0 0 0.375rem colors.$purple-light;
+        outline: 0.125rem solid colors.$blue-state;
       }
 
       &:disabled {