From 916461de0a8c9674b57c253d9fbe816d55d3ae0c Mon Sep 17 00:00:00 2001
From: Arne Molland <arne@molland.sh>
Date: Wed, 16 Feb 2022 08:50:52 +0100
Subject: [PATCH] storybook: apply styles outside sc theme

---
 src/lib/components/inputs/DatePicker/DatePicker.styles.tsx | 2 +-
 src/lib/components/inputs/DatePicker/DatePicker.tsx        | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/inputs/DatePicker/DatePicker.styles.tsx b/src/lib/components/inputs/DatePicker/DatePicker.styles.tsx
index 80163509..038f649a 100644
--- a/src/lib/components/inputs/DatePicker/DatePicker.styles.tsx
+++ b/src/lib/components/inputs/DatePicker/DatePicker.styles.tsx
@@ -43,7 +43,7 @@ export const NavBtn = styled.div<DatePickerProps>`
   background-color: ${(props) => props.navBgColor};
   border-radius: 4px;
   cursor: pointer;
-  box-shadow: ${(props) => props.theme.shadows.xsmall};
+  box-shadow: ${(props) => props.shadow};
 
   & > svg {
     color: ${(props) => props.navTextColor};
diff --git a/src/lib/components/inputs/DatePicker/DatePicker.tsx b/src/lib/components/inputs/DatePicker/DatePicker.tsx
index 4117295f..c1c3820e 100644
--- a/src/lib/components/inputs/DatePicker/DatePicker.tsx
+++ b/src/lib/components/inputs/DatePicker/DatePicker.tsx
@@ -101,6 +101,7 @@ export const DatePicker = ({
     navHoverBgColor: navHoverBgColor || theme.colors.calendarOnHover,
     navHoverTextColor: navHoverTextColor || theme.colors.dateBoxHoverTextColor,
     inputTypo: theme.typography.body1,
+    shadow: theme.shadows.xsmall,
     zIndex
   }