Hi @alanB

I test your code and he works as well.

My code:

import React from 'react';
import {MDBTimePicker} from 'mdbreact';
class test extends React.Component {
  getPickerValue = value => {
    console.log(value);
  };

  render() {
    return (
      <MDBTimePicker
        id='timePicker'
        label='24hrs format'
        hours={12}
        minutes={0}
        hoursFormat={24}
        getValue={this.getPickerValue}
      />
    );
  }
}

export default test;

and it shows me this modal:

If you import styles in this order:

import React from 'react';
import ReactDOM from 'react-dom';
import '@fortawesome/fontawesome-free/css/all.min.css';
import 'bootstrap-css-only/css/bootstrap.min.css';
import 'mdbreact/dist/css/mdb.css';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';

Make sure do other styles do not overwrite the style of the mdbreact.

Also, you can open dev console in your browser and check what style overwrites the clock.

If there is anything else I could do for you do not hesitate to ask me. I'll be happy to help you.

Best regards, Konrad.