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>
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.