message: override input align-items property
  Without this, input is aligned vertically to the middle, when keyboard is set to true.
diff: @@ -6,13 +6,15 @@ import Icon from 'material-ui/Icon';
  import InputAdornment from 'material-ui/Input/InputAdornment';
  import TextField from 'material-ui/TextField';
  import IconButton from 'material-ui/IconButton';
  +import withStyles from 'material-ui/styles/withStyles';
  import MaskedInput from './MaskedInput';
  /* eslint-disable react/sort-comp */
  -export default class DateTextField extends PureComponent {
  +class DateTextField extends PureComponent {
  static propTypes = {
  + classes: PropTypes.shape({}).isRequired,
  value: PropTypes.oneOfType([
  PropTypes.object,
  PropTypes.string,
  @@ -161,6 +163,7 @@ export default class DateTextField extends PureComponent {
  render() {
  const {
  format,
  + classes,
  disabled,
  onClick,
  invalidLabel,
  @@ -185,6 +188,7 @@ export default class DateTextField extends PureComponent {
  mask: value === null ? null : mask,
  readOnly: !keyboard,
  },
  + className: classes.input,
  };
  if (keyboard) {
  @@ -211,3 +215,11 @@ export default class DateTextField extends PureComponent {
  );
  }
  }
  +
  +const styles = {
  + input: {
  + alignItems: 'flex-end',
  + },
  +};
  +
  +export default withStyles(styles)(DateTextField);
  