Timepicker only works on full page refresh

I am working on a rails app that uses turbo. I have noticed that my time picker only loads if I refresh the page. It does not work if I navigate to the page via a link.

My app uses Turbo, so I have the following JS to make sure MDB form elements work:

document.addEventListener("turbo:load", function() { document.querySelectorAll('.form-outline').forEach((formOutline) => { new mdb.Input(formOutline).init(); }); })

Sorry for the above snippets is not working for me.

This works for all form elements except for the time picker. Is there any additional initialization I should do for the time picker at this point in time? The docs suggest new mdb.Timepicker( as a way to create a Timepicker in JS however this function does not seem to exist for me.

*Expected behavior*Timepicker icon exists on form even after turbo page loads.

*Actual behavior*Timepicker only works if I full refresh the page.

Resources (screenshots, code snippets etc.)