How to make react-native DatePickerIOS in 24 hours format?

Question

I am learning react-native. How to remove AM/PM and use 24 hours format in DatePickerIOS?

Here is my code

class ClockScreen extends React.Component {
  constructor(props){
    super(props);
    this.state = {
      date: new Date(),
      timeZoneOffsetInHours: (-1) * (new Date()).getTimezoneOffset() / 60,
    };
  }

  render() {
      return (
        <View style={styles.container}>
          <DatePickerIOS
            date={this.state.date}
            mode="time"
            timeZoneOffsetInMinutes={this.state.timeZoneOffsetInHours * 60}
            onDateChange={this.onDateChange.bind(this)}
          />
        </View>
      );
  }

  onDateChange(date) {
    this.setState({date: date});
  }
}

Answer 1

Time 24h formate depend on locale props and default locale's set "en".

Add this props locale={'en_GB'}

 <DatePickerIOS
   date={new Date()}
   locale={'en_GB'}
 >