3. Flight Booker

[mashrurmorshed]

No description provided.

[abidlabs]

The ability to change interactivity using .update() will be out soon in gradio==3.0.18!

[mashrurmorshed]

Thanks to the gradio==3.0.18 update, it is possible to implement most of the features.

There is one element of the Flight Booker that I haven't been exactly able to reproduce: if the date formats are wrong, the text boxes are supposed to change color to red.

However, Textbox components don't have any color parameter, while the HighlightedText component doesn't accept user input (so we can't enter date here).

After some thought, as a workaround, I added a hidden HighlightedText box beside each date on the same row. If the entered date has an incorrect format, then the hidden box shows itself and displays the red colored warning; it disappears if the date format is correct.

Like shown below:

(If textboxes support background color modification, then we can do away with the extra highlighted box. But I think that'll probably need a major update to component style, which may not be viable in the short term.)

[abidlabs]

Hmm I'd like to have the red textbox color if possible. Let me create an issue in the gradio repo to request this