Tengo un TextInput y su marcador de posición en formato de 12 horas (00:00) sin sufijo AM o PM, y quiero que cuando el usuario termine de escribir la hora, agregue automáticamente un carácter ':' después de ingresar las horas. luego sigo ingresando la cantidad de minutos, y mientras el usuario ingresa la cantidad de horas mayor a 12, automáticamente convierte la hora al formato de 12 horas, por ejemplo, si el usuario ingresa 13, automáticamente debería volver a cambiar a 01 y luego agregue el carácter ':' después.

Ej: 02 -> 02:xx,

15 -> 03:xx

A continuación se muestra mi código

 const [times, setTime] = useState(''); const convertTime12Hours = (time12h) => { const time = time12h.split(' '); let [hours, minutes] = time.split(':'); if (hours >= '12') { hours = hours % 12; } setTime(`${hours}:${minutes}`); }; <TextInput value={times} style={styles.text_input} onChangeText={(value) => { convertTime12Hours(value); }} placeholder='00:00' />;

Por favor, espero que me puedan ayudar.