Inline time dropdown is open by default

[trymeouteh]

When using a inline time picker, the time dropdown open is open by default. I think this behavior is not intended and the dropdown should not be visible by default.

I do have a fix for this but it is kinda "hacky" which can work as a temporary solution.

<link rel="stylesheet" href="node_modules/@bevacqua/rome/dist/rome.min.css">



<div id="myTime"></div>



<script src="node_modules/@bevacqua/rome/dist/rome.min.js"></script>

<script>
    const myTime = rome(document.querySelector('#myTime'), {
        date: false
    }).on('ready', function () {
        //Inline time pickers by default are open (dropdowned). This one line command below will select the first option and close the dropdown
        myTime.associated.getElementsByClassName('rd-time-option')[0].click();
    });
</script>