From 7cdb75857776f0865c95ab78461fe1ab70b49e09 Mon Sep 17 00:00:00 2001
From: Niklas Granander <ngranander@spotify.com>
Date: Fri, 30 Jul 2021 15:42:43 +0200
Subject: [PATCH] Remove unnecessary styles

Signed-off-by: Niklas Granander <ngranander@spotify.com>
---
 .../DatePickerComponent.tsx                   | 36 +++++++------------
 1 file changed, 12 insertions(+), 24 deletions(-)

diff --git a/plugins/xcmetrics/src/components/DatePickerComponent/DatePickerComponent.tsx b/plugins/xcmetrics/src/components/DatePickerComponent/DatePickerComponent.tsx
index 854fbbd87f..6877340a5b 100644
--- a/plugins/xcmetrics/src/components/DatePickerComponent/DatePickerComponent.tsx
+++ b/plugins/xcmetrics/src/components/DatePickerComponent/DatePickerComponent.tsx
@@ -18,7 +18,6 @@ import {
   createStyles,
   InputBase,
   InputProps,
-  makeStyles,
   Theme,
   Typography,
   withStyles,
@@ -51,13 +50,6 @@ const BootstrapInput = withStyles((theme: Theme) =>
   }),
 )(InputBase);
 
-const useStyles = makeStyles({
-  root: {
-    display: 'flex',
-    flexDirection: 'column',
-  },
-});
-
 interface DatePickerProps {
   label: string;
   onDateChange?: (date: string) => void;
@@ -67,19 +59,15 @@ export const DatePickerComponent = ({
   label,
   onDateChange,
   ...inputProps
-}: InputProps & DatePickerProps) => {
-  const classes = useStyles();
-
-  return (
-    <div className={classes.root}>
-      <Typography variant="button">{label}</Typography>
-      <BootstrapInput
-        inputProps={{ 'aria-label': label }}
-        type="date"
-        fullWidth
-        onChange={event => onDateChange?.(event.target.value)}
-        {...inputProps}
-      />
-    </div>
-  );
-};
+}: InputProps & DatePickerProps) => (
+  <>
+    <Typography variant="button">{label}</Typography>
+    <BootstrapInput
+      inputProps={{ 'aria-label': label }}
+      type="date"
+      fullWidth
+      onChange={event => onDateChange?.(event.target.value)}
+      {...inputProps}
+    />
+  </>
+);