sensor:
  - platform: homeassistant
    id: room_thermostat
    entity_id: ${climate}
    attribute: temperature
    on_value:
      - lvgl.spinbox.update:
          id: spinbox_id
          value: !lambda return x;

lvgl:
  top_layer:
    widgets:
      - obj:
          align: BOTTOM_MID
          y: -50
          layout:
            type: FLEX
            flex_flow: ROW
            flex_align_cross: CENTER
          width: SIZE_CONTENT
          height: SIZE_CONTENT
          widgets:
            - button:
                id: spin_down
                width: 100
                height: 70
                on_click:
                  - lvgl.spinbox.decrement: spinbox_id
                widgets:
                  - label:
                        text: "-"
                        text_font: my_font
            - spinbox:
                id: spinbox_id
                align: CENTER
                text_align: CENTER
                width: 100
                height: 70
                range_from: 15
                range_to: 35
                selected_digit: 0
                rollover: false
                digits: 2
                decimal_places: 0
                text_font: my_font
                on_value:
                  then:
                    - homeassistant.action:
                        action: climate.set_temperature
                        data:
                          temperature: !lambda return x;
                          entity_id: ${climate}
            - button:
                id: spin_up
                width: 100
                height: 70
                on_click:
                  - lvgl.spinbox.increment: spinbox_id
                widgets:
                  - label:
                      text: "+"
                      text_font: my_font