HTML dynamic Element selector

I need to write starting and ending times to specific HTML elements, but company website uses dynamic HTLM selectors.

Here are those two dynamic selectors

"Input 36"

<input required="required" id="input-36" type="text">
#input-36
document.querySelector("#input-36")
//*[@id="input-36"]
/html/body/form/div[3]/div/div[3]/div/div/div/main/div/div/div/div[3]/div/form/div/div[3]/div[1]/div[2]/div[1]/div[2]/div[1]/div/input

"Input 186"

<input required="required" id="input-186" type="text">
#input-186
document.querySelector("#input-186")
//*[@id="input-186"]
/html/body/form/div[3]/div/div[3]/div/div/div/main/div/div/div/div[3]/div/form/div/div[3]/div[1]/div[4]/div[1]/div[2]/div[1]/div/input

In both selectors the numbers are changing when opening a new page!

XPATH is different but PAD doesn't support that, or at least PAD gives error when I try using XPATH

I found other difference, above actual HTLM selector is "label"

It has name for the field which is different for different selectors. They are "Loppuaika" and "Alkuaika"

<label for="input-186" class="v-label theme--light error--text" style="left: 0px; right: auto; position: absolute;">Loppuaika</label>
<label for="input-36" class="v-label theme--light error--text" style="left: 0px; right: auto; position: absolute;">Alkuaika</label>

But I have tried but not found way to use that label.

So is it possible to use that and then how to do it?

Quick Links

Leaderboard > Power Automate - Power Automate Desktop