message: use Typography + style fixes
diff: @@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
  import Moment from 'moment';
  import classnames from 'classnames';
  import { extendMoment } from 'moment-range';
  -import { withStyles } from 'material-ui';
  +import { withStyles, Typography } from 'material-ui';
  import DomainPropTypes from '../constants/prop-types';
  import * as defaultUtils from '../utils/utils';
  @@ -61,8 +61,9 @@ export class YearSelection extends PureComponent {
  Array.from(moment.range(minDate, maxDate).by('year'))
  .map((year) => {
  const yearNumber = utils.getYear(year);
  - const className = classnames(classes.yearItem, {
  - [classes.selectedYear]: yearNumber === currentYear,
  + const isSelected = yearNumber === currentYear;
  + const className = classnames(classes.year, {
  + [classes.selectedYear]: isSelected,
  [classes.disabled]: (
  (disablePast && year.isBefore(moment(), 'year')) ||
  (disableFuture && year.isAfter(moment(), 'year'))
  @@ -70,16 +71,19 @@ export class YearSelection extends PureComponent {
  });
  return (
  - <div
  + <Typography
  role="button"
  + component="div"
  key={utils.getYearText(year)}
  className={className}
  tabIndex={0}
  onClick={() => this.onYearSelect(yearNumber)}
  onKeyPress={() => this.onYearSelect(yearNumber)}
  + color={isSelected ? 'primary' : 'default'}
  + type={isSelected ? 'headline' : 'subheading'}
  >
  {utils.getYearText(year)}
  - </div>
  + </Typography>
  );
  })
  }
  @@ -94,19 +98,21 @@ const styles = theme => ({
  overflowY: 'auto',
  justifyContent: 'center',
  },
  - yearItem: {
  - height: 36,
  + year: {
  + height: theme.spacing.unit * 5,
  display: 'flex',
  alignItems: 'center',
  justifyContent: 'center',
  cursor: 'pointer',
  outline: 'none',
  - color: theme.palette.text.primary,
  + '&:focus': {
  + color: theme.palette.primary[500],
  + fontWeight: theme.typography.fontWeightMedium,
  + },
  },
  selectedYear: {
  - fontSize: 26,
  margin: '10px 0',
  - color: theme.palette.primary[500],
  + fontWeight: theme.typography.fontWeightMedium,
  },
  disabled: {
  pointerEvents: 'none',
  