My timer widget is using the uib-timepicker and it is fully working on my macBook Tahoe but not on my iPad IOS26. I have tried some suggested settings for the timepicker, but none of them solved the problem. Any ideas on how to solve the issue?
Here is my code:
<div style="display: flex; flex-direction: column; align-items: center;">
<div style="display: flex; gap: 20px;">
<!-- ON Time Column -->
<div style="display: flex; flex-direction: column; align-items: center;">
<label style="margin-bottom: 5px; font-weight: bold;">ON Time</label>
<ng-init="timepicker_On = itemState(config.Timer_OnTime)"
uib-timepicker
class="timepicker"
ng-model="timepicker_On"
show-meridian="false">
</uib-timepicker>
</div>
<!-- OFF Time Column -->
<div style="display: flex; flex-direction: column; align-items: center;">
<label style="margin-bottom: 5px; font-weight: bold;">OFF Time</label>
<ng-init="timepicker_Off = itemState(config.Timer_OffTime)"
uib-timepicker
class="timepicker"
ng-model="timepicker_Off"
show-meridian="false">
</uib-timepicker>
</div>
</div>
<!-- Remaining Time Display -->
<div style="margin-top: 1rem; text-align: center;">
<span style="font-weight: bold; font-size: 1.2em;">Remaining Time: </span>
<span style="font-size: 1.5em;">{{itemState(config.Remaining_Time) | date:'HH:mm'}}</span>
</div>
<!-- Toggle Button - Simplified Version -->
<div style="margin-top: 1rem;">
<button class="btn"
ng-class="{'btn-primary': itemState(config.Timer_Active) != 'ON', 'btn-warning': itemState(config.Timer_Active) == 'ON'}"
ng-click="sendCmd(config.Timer_Active, itemState(config.Timer_Active) == 'ON' ? 'OFF' : 'ON');
sendCmd(config.Timer_OnTime, itemState(config.Timer_Active) == 'ON' ? '12:00' : (timepicker_On | date:'HH:mm'));
sendCmd(config.Timer_OffTime, itemState(config.Timer_Active) == 'ON' ? '12:00' : (timepicker_Off | date:'HH:mm'));
sendCmd(config.Remaining_Time, itemState(config.Timer_Active) == 'ON' ? '00:00' : itemState(config.Remaining_Time))">
{{itemState(config.Timer_Active) == 'ON' ? 'Deactivate Timer' : 'Activate Timer'}}
</button>
</div>
</div>
The working timer on the macbook:
And the not working timer on my iPad:
