<commit_before>import React from 'react';
import PropTypes from 'prop-types';
import { FormattedMessage } from 'react-intl';
import { DatePicker } from '@material-ui/pickers';
import FormControl from '@material-ui/core/FormControl';
import InputBase from '@material-ui/core/InputBase';
import FormLabel from '@material-ui/core/FormLabel';
import MenuItem from '@material-ui/core/MenuItem';
import TextField from '@material-ui/core/TextField';
import Select from '@material-ui/core/Select';
import { withStyles } from '@material-ui/core/styles';
import DateRangeIcon from '@material-ui/icons/DateRange';
import CloseIcon from '@material-ui/icons/Close';
import RemoveableWrapper from './RemoveableWrapper';
import { FlexRow, units, opaqueBlack07, checkBlue } from '../../styles/js/shared';
import globalStrings from '../../globalStrings';

const StyledCloseIcon = withStyles({
  root: {
    fontSize: '12px',
    cursor: 'pointer',
    padding: '4px',
    width: '24px',
    height: '24px',
  },
})(CloseIcon);

const StyledInputBaseDate = withStyles(theme => ({
  root: {
    backgroundColor: opaqueBlack07,
    padding: `0 ${theme.spacing(0.5)}px`,
    height: theme.spacing(4.5),
    fontSize: 14,
    width: 150,
  },
  input: {
    padding: '4px 0 4px',
    textOverflow: 'ellipsis',
    overflow: 'hidden',
    whiteSpace: 'nowrap',
  },
}))(InputBase);

const StyledInputBaseDropdown = withStyles(theme => ({
  root: {
    backgroundColor: opaqueBlack07,
    padding: `0 ${theme.spacing(0.5)}px`,
    height: theme.spacing(4.5),
    fontSize: 14,
    borderRadius: '4px',
    '& .MuiSelect-icon': {
      color: 'white',
    },
  },
  input: {
    backgroundColor: checkBlue,
    color: 'white',
    paddingLeft: theme.spacing(1),
    '&:focus': {
      backgroundColor: checkBlue,
      borderRadius: 4,
    },
    padding: '4px 0 4px',
  },
}))(InputBase);

const Styles = {
  selectFormControl: {
    flexDirection: 'row',
    flexShrink: 0,
    alignItems: 'center',
    padding: '0 4px 0 0',
  },
  dateRangeFilterSelected: {
    backgroundColor: checkBlue,
    color: 'white',
    height: 'auto',
    borderRadius: 4,
    paddingLeft: '8px',
    lineHeight: '10px',
  },
  inputMarginDense: {
    padding: '4px 8px',
  },
  numericSelector: {
    maxWidth: '100px',
  },
  andText: {
    marginLeft: '4px',
    marginRight: '4px',
  },
  wrapper: {
    backgroundColor: opaqueBlack07,
    borderRadius: '4px',
  },
};
<commit_msg>Fix to padding in DateRangeFilter<commit_after>import React from 'react';
import PropTypes from 'prop-types';
import { FormattedMessage } from 'react-intl';
import { DatePicker } from '@material-ui/pickers';
import FormControl from '@material-ui/core/FormControl';
import InputBase from '@material-ui/core/InputBase';
import FormLabel from '@material-ui/core/FormLabel';
import MenuItem from '@material-ui/core/MenuItem';
import TextField from '@material-ui/core/TextField';
import Select from '@material-ui/core/Select';
import { withStyles } from '@material-ui/core/styles';
import DateRangeIcon from '@material-ui/icons/DateRange';
import CloseIcon from '@material-ui/icons/Close';
import RemoveableWrapper from './RemoveableWrapper';
import { FlexRow, units, opaqueBlack07, checkBlue } from '../../styles/js/shared';
import globalStrings from '../../globalStrings';

const StyledCloseIcon = withStyles({
  root: {
    fontSize: '12px',
    cursor: 'pointer',
    padding: '4px',
    width: '24px',
    height: '24px',
  },
})(CloseIcon);

const StyledInputBaseDate = withStyles(theme => ({
  root: {
    backgroundColor: opaqueBlack07,
    padding: `0 ${theme.spacing(0.5)}px`,
    height: theme.spacing(4.5),
    fontSize: 14,
    width: 150,
  },
  input: {
    padding: '4px 0 4px',
    textOverflow: 'ellipsis',
    overflow: 'hidden',
    whiteSpace: 'nowrap',
  },
}))(InputBase);

const StyledInputBaseDropdown = withStyles(theme => ({
  root: {
    backgroundColor: opaqueBlack07,
    padding: `0 ${theme.spacing(0.5)}px`,
    height: theme.spacing(4.5),
    fontSize: 14,
    borderRadius: '4px',
    '& .MuiSelect-icon': {
      color: 'white',
    },
  },
  input: {
    backgroundColor: checkBlue,
    color: 'white',
    paddingLeft: theme.spacing(1),
    '&:focus': {
      backgroundColor: checkBlue,
      borderRadius: 4,
    },
    padding: '4px 0 4px',
  },
}))(InputBase);

const Styles = {
  selectFormControl: {
    flexDirection: 'row',
    flexShrink: 0,
    alignItems: 'center',
    padding: '0 4px 0 0',
  },
  dateRangeFilterSelected: {
    backgroundColor: checkBlue,
    color: 'white',
    height: 'auto',
    borderRadius: 4,
    paddingLeft: '8px',
    lineHeight: '10px',
  },
  inputMarginDense: {
    padding: '4px 8px',
  },
  numericSelector: {
    maxWidth: '100px',
  },
  andText: {
    paddingLeft: '8px',
    paddingRight: '8px',
  },
  wrapper: {
    backgroundColor: opaqueBlack07,
    borderRadius: '4px',
  },
};

{'fraction_non_alphanumeric': 0.15450468813697513, 'fraction_numerical': 0.023644516918059518, 'mean_word_length': 3.6161806208842897, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3216090', 'n_tokens_mistral': 1691, 'n_tokens_neox': 1620, 'n_words': 380}