-
On OH 3 you can set an input widget on a DateTime Item. You can even use a time picker though I usually just use a text field. See OH 3 Examples: How to boot strap the state of an Item.
-
Take a look at Design Pattern: Time Of Day. Notice there is a JavaScript version you can download and use. The general approach is when OH restarts or one of the DateTime Items changes the rule runs. Any DateTime that isn’t for today gets moved forward. Then a Timer is created to go off at each of those times. The Timer publishes a “time of day” String to a TimeOfDay Item. You can then trigger rules to run when the TimeOfDay changes to a given value (e.g. when TimeOfDay changes to “MORNING”). The only real limitation is you’ll have to predefine your “times of day” ahead of time. Your family won’t be able to create their own unless you give them access to create new Items and teach them how to set metadata on the Items.
-
I know that the Pages Widgets support some CSS stuff but you’ll have to dig into the code and go from there for that. MainUI Pages are built using F7 and most of what’s available there is also available in your custom widgets. See the docs for an extensive set of information on Pages and Widgets which should explain it all.