How to properly implement 12h format for mode="time"?

[mauricellisonp]

For some reason, I somehow can't implement the 12h format (AM/PM) for the time picker. I am using an android device, and I already tried the instructions given in the documentation (i.e., locale="en-US" is24hourSource="locale", or locale="device"). I also checked the device's time format and it's already set to 12h.

For reference, here's a snippet of my code:

<DatePicker
    mode="time"
    locale="en-US"
    is24hourSource="locale"
    minuteInterval={15}
    selected={selectedTime}
    onTimeChange={(time) => {
      setSelectedTime(time);
      console.log(time);
    }}
/>

I'll very much appreciate it if someone can help me. Thank you so much!