Need help to hide a button using date comparison

Wappler General Need Help
1

Below is a code whereby i want the button to be hidden if the checkoutdate is greater that than today

<button class="btn btn-primary btn-sm d-none d-sm-inline-block" type="button" data-bs-target="#modalInsertPay" data-bs-toggle="modal" dmx-hide="data_detailContracts.data.checkOutDate.toDate()>NOW.toDate()" id="btnApartPayment"><i class="fas fa-plus fa-sm text-white-50" style="font-size: 12px;"></i>&nbsp;Renew Contract</button>
2

First add the date and time component in App structure, call it today and set the interval to Hours, as you don't want it to refresh every second:

Screenshot_4
Screenshot_4777×475 15.5 KB

Your expression then becomes:

dmx-hide="data_detailContracts.data.checkOutDate > today.datetime"
3

Thank you so much it works