# lvgl_clock - style: digital in 12-hour mode, no seconds. 12h mode adds an
# AM/PM marker column on the left (drawn as scaling vector strokes, no font).
# Compile:  esphome compile examples/example_digital_12h.yaml

esphome:
  name: lvgl-clock-digital-12h

packages:
  base: !include common_base_esp32_s3_devkit.yaml
  display: !include common_tft_4_0_spi_st7796_320_480.yaml

lvgl:
  widgets:
    - lvgl_clock:
        id: dc
        time_id: clock_time
        width: ${clock_width}
        height: ${clock_height}
        align: CENTER
        style: digital
        foreground: cc_hands
        background: cc_bg
        show_seconds: false           # HH:MM only
        twenty_four_hour: false       # 1-12 + AM/PM column on the left
        digital:
          segment_style: classic      # classic (tapered LCD) | rounded (capsule ends)
          blink: true
          blank_leading_zero: false