From bfd714ab9c6fdcf0fab6875a467fb008073a4c38 Mon Sep 17 00:00:00 2001
From: domyen <dom@hichroma.com>
Date: Sat, 20 Jun 2020 17:52:45 -0400
Subject: [PATCH] Make the default Date input icons less prominent

---
 lib/components/src/controls/Date.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/lib/components/src/controls/Date.tsx b/lib/components/src/controls/Date.tsx
index 3e593f72741..eafb16069a1 100644
--- a/lib/components/src/controls/Date.tsx
+++ b/lib/components/src/controls/Date.tsx
@@ -46,7 +46,12 @@ const FlexSpaced = styled.div({
     marginLeft: 0,
   },
 });
-const FlexInput = styled(Form.Input)({ flex: 1 });
+const FlexInput = styled(Form.Input)({
+  flex: 1,
+  '&::-webkit-calendar-picker-indicator': {
+    opacity: 0.5,
+  },
+});
 
 export type DateProps = ControlProps<DateValue> & DateConfig;
 export const DateControl: FC<DateProps> = ({ name, value, onChange }) => {