message: use Typography for in ClockNumber
diff: import React, { Component } from 'react';
  import PropTypes from 'prop-types';
  import classnames from 'classnames';
  -import { withStyles } from 'material-ui';
  +import { Typography, withStyles } from 'material-ui';
  const positions = {
  0: [0, 40],
  @@ -58,26 +58,29 @@ export class ClockNumber extends Component {
  const className = classnames(classes.clockNumber, {
  [classes.selected]: selected,
  - [classes.inner]: isInner,
  });
  return (
  - <div
  + <Typography
  + type={isInner ? 'body1' : 'subheading'}
  + component="span"
  className={className}
  style={this.getTransformStyle(index, isInner)}
  >
  { label }
  - </div>
  + </Typography>
  );
  }
  }
  -const styles = theme => ({
  +const styles = (theme) => {
  + const size = theme.spacing.unit * 4;
  + return {
  clockNumber: {
  - width: 32,
  - height: 32,
  + width: size,
  + height: size,
  position: 'absolute',
  - left: 'calc(50% - 16px)',
  + left: `calc(50% - ${size / 2}px)`,
  display: 'inline-flex',
  justifyContent: 'center',
  alignItems: 'center',
  @@ -87,12 +90,10 @@ const styles = theme => ({
  : theme.palette.text.hint,
  },
  selected: {
  - color: 'white',
  - },
  - inner: {
  - fontSize: 14,
  + color: theme.palette.common.white,
  },
  -});
  + };
  +};
  export default withStyles(styles, { name: 'MuiPickersClockNumber' })(ClockNumber);
  