A react.js date field with masked input

date-field.js

import React, { Component } from 'react';
import DatePicker from 'react-datepicker';
import MaskedInput from 'react-maskedinput';
import moment from 'moment';

export default class DateField extends Component {
  constructor(props) {
    super(props);

    this.state = { value: '' }
  }

  updateDate(value) {
    let fieldValue = moment(value).isValid() ?
      moment(value).format('MM/DD/YYYY') :
      value;
    this.setState({ value: fieldValue })
  }

  render() {
    const { value } = this.state;
    return (
      <DatePicker
        value={value}
        onChange={value => this.updateDate(value)}          
        type="text"
        dateFormat="MM/DD/YYYY"
        customInput={
          <MaskedInput mask="11/11/1111" placeholder="mm/dd/yyyy" />
        }
      />
    );
  }
}

HI i need masked input only for time in 12 hour format with AM and PM.
i tried mask with [' ',
/\d/,
/\d/,
${timeDelim},
/\d/,
/\d/,
' ',
/[AaPp]/i,
/[Mm]/i,]

but i could get the proper mask for time.
any suggestion please .