From 4d62166082a93975d6e9fe1adbad2def0a4fcad4 Mon Sep 17 00:00:00 2001
From: Iacopo Leardini <iacopo.lea@gmail.com>
Date: Mon, 8 Jan 2024 17:40:58 +0100
Subject: [PATCH] Add color to calendar and password icons

---
 src/stories/DateInput/index.tsx                    | 3 ++-
 src/stories/form/input/inputIcons/PasswordIcon.tsx | 5 +++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/stories/DateInput/index.tsx b/src/stories/DateInput/index.tsx
index bcc0fd3..df97d5d 100644
--- a/src/stories/DateInput/index.tsx
+++ b/src/stories/DateInput/index.tsx
@@ -10,6 +10,7 @@ import { CalendarEventFill as CalendarIcon } from "react-bootstrap-icons";
 import styled from "styled-components";
 import { Button } from "../button/Button";
 import { StyledInput as FormInput } from "../form/input/Input";
+import { aqBootstrapTheme } from "../theme/defaultTheme";
 
 const StyledInput = styled(FormInput)`
   .mbsc-appquality.mbsc-textfield {
@@ -130,7 +131,7 @@ export const DateInput = ({
           kind="transparent"
           onClick={show}
         >
-          <CalendarIcon />
+          <CalendarIcon color={aqBootstrapTheme.variants.primary} />
         </Button>
       </span>
     </StyledInput>
diff --git a/src/stories/form/input/inputIcons/PasswordIcon.tsx b/src/stories/form/input/inputIcons/PasswordIcon.tsx
index f89c3ff..f4c7d4f 100644
--- a/src/stories/form/input/inputIcons/PasswordIcon.tsx
+++ b/src/stories/form/input/inputIcons/PasswordIcon.tsx
@@ -1,5 +1,6 @@
 import { EyeFill, EyeSlash } from "react-bootstrap-icons";
 import { Button } from "../../../button/Button";
+import { aqBootstrapTheme } from "../../../theme/defaultTheme";
 
 const PasswordIcon = ({
   type,
@@ -25,7 +26,7 @@ const PasswordIcon = ({
           kind="transparent"
           onClick={() => setType("password")}
         >
-          <EyeSlash />
+          <EyeSlash color={aqBootstrapTheme.variants.primary} />
         </Button>
       ) : (
         <Button
@@ -37,7 +38,7 @@ const PasswordIcon = ({
           kind="transparent"
           onClick={() => setType("text")}
         >
-          <EyeFill />
+          <EyeFill color={aqBootstrapTheme.variants.primary} />
         </Button>
       )}
     </span>