Quiero que el valor de las horas seleccionadas sea como un rango (11:00 a. m. - 12:00 p. m.), luego el segundo valor sea como (12:00 p. m. - 01:00 p. m.) y así sucesivamente.

Como se muestra aquí en el primer valor de tiempo

Estoy usando ReactTimePicker del paquete react-ts-timepicker.

 <ReactTimePicker value={this.state.selectedTime} //I want here to be as range minTime={this.state.minTime} //09:00am maxTime={this.state.maxTime} //09:00pm step={60} onChange={this.handleChangeTime} allowOnlySuggestions className="future-order-time-input" /> handleChangeTime = (e) => { //To get the format I want (hour,minutes,am/pm) let timeResult = this.parseTime(e, null); let time = this.getTime(timeResult); this.setState({ selectedTime: time }); };