7GUIs — Flight booker

How it works

The constraints are derives; the button's disabled is a binding on the final one. Invalid dates tint their own field via a style binding.

const bookable = derive(() =>
  departOk() && backOk() &&
  (mode() === 'one-way flight' || parse(back()) >= parse(depart())))