reactjs - 模拟时间选择器的数字时间选择器

我正在使用meterial-ui-datetimepicker来表示日历和时间选择器。我的时间选择器看起来像这样：

我的模拟时间选择器

我想以数字模式显示它，如下所示：

数字时间选择器

我的代码：

import React from 'react';
import DateTimePicker from 'libs/DateTimePicker';
import DatePickerDialog from 'material-ui/DatePicker/DatePickerDialog';
import TimePickerDialog from 'material-ui/TimePicker/TimePickerDialog';

class DatetimeFilter extends React.Component {
  render() {
    return (
      <DateTimePicker
        DatePicker={DatePickerDialog}
        TimePicker={TimePickerDialog}
        onChange={this.handleTimeChange}
        floatingLabelText={this.props.label}
        timeFormat={'24hr'}
      />);
  }
}

1. meterial-ui 是否有数字形式的时间选择器？
2. 如果没有，我该怎么做？