Open Home Schedule

SketchSystems.spec

Open Home Schedule
  Empty State
    tap add open home -> Datepicker First Time
  Filled State
  Datepicker First Time
    tap cancel -> Empty State
    tap done -> Timepicker Start Date
  Datepicker
  Timepicker Start Date
    tap cancel -> Empty State
    tap clear -> Empty State
    tap done -> Filled State
  Timepicker End Date
  Timepicker

SketchSystems_prototype.js

function render(model){
  let current_state_name = model.active_states[0].name;
  return $("h1",
           {style: {color: "darkBlue"}},
           `The current state is: ${current_state_name}`);
}