Hello Friends - I have an issue! I hope you can help !

Expected behavior The timepicker GUI should trigger an onChange event when you close the gui by clicking ok, as it updates the field; to make things even more confusing, it does trigger an unchange event if you update the value on the field by writing in it with the keyboard.

Actual behavior Nothing happens when the gui is used.

Resources (screenshot) I manually entered 13:01 in the textbox, and I got the expected 'come on' from my handler. I did not get it when I used the GUI.

        klokken 
        <span className="time-input">
      <MDBTimepicker 
        defaultValue={`${props.data.hours
          .toString()
          .padStart(2, "0")}:${props.data.minutes
          .toString()
          .padStart(2, "0")}`}
        inputLabel="Tidspunkt"
        onChange={changeTimedayHandler}
        inline
        format="24h" 
      />
    </span>

Here's the element where the issue occurs.

I have attempted various workarounds - none were well behaved.

One thing that is particularly strange is that I can't seem to use refs with the more complex bootstrap elements - why is this ? Is there some alternative to standard refs ? It seems to be hit-and-miss where they work.