message: Match styles of Select for date picker
diff: @@ -18,6 +18,7 @@ import {
  createStyles,
  InputBase,
  InputProps,
  + makeStyles,
  Theme,
  Typography,
  withStyles,
  @@ -50,6 +51,13 @@ const BootstrapInput = withStyles((theme: Theme) =>
  }),
  )(InputBase);
  +const useStyles = makeStyles({
  + root: {
  + display: 'flex',
  + flexDirection: 'column',
  + },
  +});
  +
  interface DatePickerProps {
  label: string;
  onDateChange?: (date: string) => void;
  @@ -59,10 +67,12 @@ export const DatePickerComponent = ({
  label,
  onDateChange,
  ...inputProps
  -}: InputProps & DatePickerProps) => (
  - <>
  +}: InputProps & DatePickerProps) => {
  + const classes = useStyles();
  +
  + return (
  + <div className={classes.root}>
  <Typography variant="button">{label}</Typography>
  - <br />
  <BootstrapInput
  inputProps={{ 'aria-label': label }}
  type="date"
  @@ -70,5 +80,6 @@ export const DatePickerComponent = ({
  onChange={event => onDateChange?.(event.target.value)}
  {...inputProps}
  />
  - </>
  + </div>
  );
  +};
  