From ecefdba44d5b27abe14b0ca5bec8318a3295966e Mon Sep 17 00:00:00 2001
From: miles-grant-ibigroup <miles.grant@ibigroup.com>
Date: Thu, 12 Oct 2023 19:50:31 -0400
Subject: [PATCH 1/3] use brand colors in date-time-picker

---
 lib/components/form/date-time-button.tsx | 2 ++
 lib/components/form/styled.ts            | 3 ++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/lib/components/form/date-time-button.tsx b/lib/components/form/date-time-button.tsx
index 3d6065c3e..3a0bdf1a7 100644
--- a/lib/components/form/date-time-button.tsx
+++ b/lib/components/form/date-time-button.tsx
@@ -25,8 +25,10 @@ const ButtonWrapper = styled.span`
   position: relative;
 
   & > button {
+    background-color: var(--main-base-color, white);
     border-radius: 5px;
     border: none;
+    color: var(--main-color, white);
     cursor: pointer;
     font-size: 12px;
     height: ${buttonPixels}px;
diff --git a/lib/components/form/styled.ts b/lib/components/form/styled.ts
index 28938a89c..1538bdc93 100644
--- a/lib/components/form/styled.ts
+++ b/lib/components/form/styled.ts
@@ -24,9 +24,10 @@ const commonButtonCss = css`
   user-select: none;
 
   &.active {
-    background-color: rgb(173, 216, 230);
+    background-color: var(--main-base-color, rgb(173, 216, 230));
     border: 2px solid rgb(0, 0, 0);
     box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+    color: var(--main-color, black);
     font-weight: 600;
   }
 `

From 510c5add14ab4495a9f85b9110bfb3174b0969c1 Mon Sep 17 00:00:00 2001
From: miles-grant-ibigroup <miles.grant@ibigroup.com>
Date: Thu, 12 Oct 2023 20:23:16 -0400
Subject: [PATCH 2/3] correct default colors

---
 lib/components/form/date-time-button.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/components/form/date-time-button.tsx b/lib/components/form/date-time-button.tsx
index 3a0bdf1a7..26d554322 100644
--- a/lib/components/form/date-time-button.tsx
+++ b/lib/components/form/date-time-button.tsx
@@ -25,7 +25,7 @@ const ButtonWrapper = styled.span`
   position: relative;
 
   & > button {
-    background-color: var(--main-base-color, white);
+    background-color: var(--main-base-color, rgba(0, 0, 0, 0.5));
     border-radius: 5px;
     border: none;
     color: var(--main-color, white);

From caf24a02b5fbd00f059c07d33b90f5464cc4e02a Mon Sep 17 00:00:00 2001
From: miles-grant-ibigroup <miles.grant@ibigroup.com>
Date: Fri, 13 Oct 2023 09:46:33 -0400
Subject: [PATCH 3/3] correct default colors

---
 lib/components/form/styled.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/components/form/styled.ts b/lib/components/form/styled.ts
index 1538bdc93..1067cfafa 100644
--- a/lib/components/form/styled.ts
+++ b/lib/components/form/styled.ts
@@ -27,7 +27,7 @@ const commonButtonCss = css`
     background-color: var(--main-base-color, rgb(173, 216, 230));
     border: 2px solid rgb(0, 0, 0);
     box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-    color: var(--main-color, black);
+    color: var(--main-color, white);
     font-weight: 600;
   }
 `