Switch and Timer Bar Card

A flexible Lovelace card for Home Assistant that lets you control a device, manage an associated timer, and track its progress with a visual bar. Perfect for automations that need timing and status tracking—irrigation, pool pumps, blinds, gates, media players, charging stations, and more. You can even turn_off your automations or your input_boolean entity for spesific time that you want!

✨ Features

Multi‑domain control: The card now supports switch, cover, lock, and media_player entities.
Device‑aware Start/Stop: The card sends the right service for each domain (see mapping below).
Auto turn‑off at timer end: When the timer finishes, the card can stop the device automatically.
Optional automation mode: Use timer_and_entity_connected_via_automation: true if your own automations already link the timer ↔️ device; the card then avoids extra on/off actions.
Smarter status: “Active” is interpreted sensibly per domain (e.g., covers consider closed as active; locks consider unlocked as active; media players consider playing/on as active).

✅ Supported domains & service mapping

Domain	Start does	Stop does	Active means
`switch`	`switch.turn_on`	`switch.turn_off`	state is `on`
`light`	`light.turn_on`	`light.turn_off`	state is `on`
`siren`	`siren.turn_on`	`siren.turn_off`	state is `on`
`fan`	`fan.turn_on`	`fan.turn_off`	state is `on`
`automation`	`automation.turn_on`	`automation.turn_off`	state is `on`
`input_booelan`	`input_booelan.turn_on`	`input_booelan.turn_off`	state is `on`
`cover`	`cover.close_cover`	`cover.open_cover`	position is `closed`
`lock`	`lock.unlock`	`lock.lock`	state is `unlocked`
`media_player`	`media_player.media_play` (fallback `turn_on`)	`media_player.media_stop` (fallback `turn_off`)	state is `playing/on`

Note: When timer_and_entity_connected_via_automation: true, the card will not call these services; it will only start/stop the timer and display progress. Your automations must handle turning the device on/off.

📋 Prerequisites

Home Assistant
Timer integration and a device entity from one of the supported domains.
(Optional) Sensor for “last run” to show when the device last completed. Commonly a template sensor updated by an automation.
If using automation mode (timer_and_entity_connected_via_automation: true): create automations that (1) turn the device on when the timer starts and (2) turn it off when the timer finishes or is stopped.

🚀 Installation

HACS (Recommended)

Go to HACS → Frontend.
Open the three‑dot menu → Custom repositories.
Add this repo as Lovelace/Frontend.
Find Switch and Timer Bar Card and click Install.

⚙️ UI EDITOR

⚙️ Configuration

Add the card via Add Card → Manual and paste YAML.

Options

Option	Description	Type	Required	Default
`type`	Must be `custom:switch-and-timer-bar-card`.	`string`	YES
`title`	Title shown at the top of the card.	`string`	No
`entities`	List of devices to display.	`list`	YES
`switch`	The entity_id of the device to control. Supported domains: `switch`, `cover`, `light`, `siren`,`lock`, `media_player`. `automation`, `input_boolean`.	`string`	YES
`timer`	The timer entity associated with the device.	`string`	No
`sensor`	Sensor that stores info about the timer.	`string`	No
`timer_and_entity_connected_via_automation`	Set true if your own automations handle turning the device on/off when the timer starts/finishes. When false (default), the card will call device services itself.	`boolean`	No	`true`
`button_position`	Override global button position (e.g., `left`/`right`) for the whole card or per‑entity.	`string` / `object`	No
`colors`	Override colors globally or per‑entity.	`string` / `object`	No
`icons`	Override icons globally or per‑entity.	`string` / `object`	No
`labels`	Override labels (i18n) globally or per‑entity.	`string` / `object`	No

🧩 New Option `timer_and_entity_connected_via_automation`

Default value is true. If you’ve already connected your timer and device with an automation or script etc., start button will start the timer to trigger the automation.

However, now you do not need to connect your timer and entity via automation if you set this to false. The card will start the timer and switch at the same time automatically and when the timer is finished card will turn off the switch automatically without a need of automation. This also means you can use the same timer for different entities on the card. For example, if you have 6 different entities from different domains but they are all needs 10 minutes timer, just create 1 timer and use it for all on the card config

🧪 How to create a trigger‑based sensor

To show "last run" on the card, you can create a template sensor that updates when the timer finishes (works for all domains) and/or when the device turns off. Example below uses both a timer.finished event and a switch turning off; adapt the second trigger for your domain if needed.

template:
  - trigger:
      - trigger: event
        event_type: timer.finished
        event_data:
          entity_id: timer.zone_1_timer
      - trigger: state
        entity_id: switch.zone_1   # For non-switch domains, change to your entity
        from: 'on'
        to: 'off'
    sensor:
      - name: zone_1_is_finished
        state: "{{ now().timestamp() | as_datetime }}"

📦 Examples with global defaults

type: custom:switch-and-timer-bar-card
title: ''
button_position: left
colors:
  on: '#2196F3'
  ready: '#4CAF50'
  unavailable: '#F44336'
  button_start: '#4CAF50'
  button_stop: '#2196F3'
  icon: 'white'
  progress_fill: '#2196F3'
icons:
  start: 'mdi:play'
  stop: 'mdi:stop'
labels:
  status_on: 'Watering'
  status_ready: 'Ready'
  status_unavailable: 'Unavailable'
  last_on_active: 'Active'
  last_on_now: 'Just now'
  last_on_ago_minutes: 'minutes ago'
  last_on_ago_hours: 'hours ago'
  last_on_ago_days: 'days ago'
  time_format_zero: '0m 00s'
  time_unit_minutes: 'm'
  time_unit_seconds: 's'
entities:
  - name: Zone 1
    switch: switch.zone_1
    timer: timer.zone_1_timer
    sensor: sensor.zone_1_is_finished
  - name: Zone 2
    switch: cover.lounge_blind
    timer: timer.lounge_blind
    sensor: sensor.lounge_blind_last_run

Another Example

type: custom:switch-and-timer-bar-card
title: Irrigation & Control Panel
button_position: left
colors:
  "on": "#2196F3"
  ready: "#4CAF50"
  unavailable: "#F44336"
  button_start: "#4CAF50"
  button_stop: "#2196F3"
  icon: "#FFFFFF"
  progress_fill: "#2196F3"
icons:
  start: mdi:play
  stop: mdi:stop
labels:
  status_on: Running
  status_ready: Ready
  status_unavailable: Unavailable
  last_on_active: Active
  last_on_now: Just now
  last_on_ago_minutes: minutes ago
  last_on_ago_hours: hours ago
  last_on_ago_days: days ago
  time_format_zero: 0m 00s
  time_unit_minutes: m
  time_unit_seconds: s
entities:
  - name: Zone 1
    switch: switch.zone_1
    timer: timer.zone_1_timer
    sensor: sensor.zone_1_is_finished
    timer_and_entity_connected_via_automation: true
    button_position: left
    colors:
      "on": "#1E88E5"
      ready: "#43A047"
      unavailable: "#E53935"
      button_start: "#43A047"
      button_stop: "#1E88E5"
      icon: "#FFFFFF"
      progress_fill: "#1E88E5"
    icons:
      start: mdi:play-circle
      stop: mdi:stop-circle
    labels:
      status_on: Watering
      status_ready: Ready
      status_unavailable: No Signal
      last_on_active: Active
      last_on_now: Just now
      last_on_ago_minutes: min ago
      last_on_ago_hours: hours ago
      last_on_ago_days: days ago
      time_format_zero: 0m 00s
      time_unit_minutes: m
      time_unit_seconds: s
  - name: Zone 2
    switch: switch.zone_2
    timer: timer.zone_2_timer
    sensor: sensor.zone_2_is_finished
    timer_and_entity_connected_via_automation: true
    button_position: right
    colors:
      button_start: "#7CB342"
      button_stop: "#3949AB"
      progress_fill: "#3949AB"
    icons:
      start: mdi:play
      stop: mdi:stop
    labels:
      status_on: Zone 2 On
      status_ready: Zone 2 Ready
  - name: Zone 3
    switch: switch.zone_3
    timer: timer.zone_3_timer
    sensor: sensor.zone_3_is_finished
    timer_and_entity_connected_via_automation: true
    button_position: left
    colors:
      "on": "#00ACC1"
      ready: "#8BC34A"
      unavailable: "#D32F2F"
      progress_fill: "#00ACC1"
    icons:
      start: mdi:sprinkler-variant
      stop: mdi:sprinkler
    labels:
      status_on: Irrigating
      status_ready: Idle
  - name: Zone 4
    switch: switch.zone_4
    timer: timer.zone_4_timer
    sensor: sensor.zone_4_is_finished
    timer_and_entity_connected_via_automation: true
    button_position: right
    colors:
      button_start: "#FFB300"
      button_stop: "#5E35B1"
      icon: "#FFFFFF"
    icons:
      start: mdi:play-outline
      stop: mdi:stop-outline
    labels:
      status_on: Zone 4 Running
      status_ready: Zone 4 Ready
      status_unavailable: Zone 4 Unavailable
  - name: Zone 5
    switch: switch.zone_5
    timer: timer.zone_5_timer
    sensor: sensor.zone_5_is_finished
    timer_and_entity_connected_via_automation: false
    button_position: left
    colors:
      "on": "#EF6C00"
      button_start: "#EF6C00"
      button_stop: "#616161"
      progress_fill: "#EF6C00"
    icons:
      start: mdi:power
      stop: mdi:power-off
    labels:
      status_on: Manual ON
      status_ready: Manual Ready
  - name: Zone 6
    switch: switch.zone_6
    timer: timer.zone_6_timer
    sensor: sensor.zone_6_is_finished
    timer_and_entity_connected_via_automation: true
    button_position: right
    colors:
      ready: "#2E7D32"
      unavailable: "#B71C1C"
    icons:
      start: mdi:play
      stop: mdi:stop
    labels:
      last_on_now: Now
      last_on_ago_minutes: m ago
      last_on_ago_hours: h ago
      last_on_ago_days: d ago
  - name: Zone 7
    switch: switch.zone_7
    timer: timer.zone_7_timer
    sensor: sensor.zone_7_is_finished
    timer_and_entity_connected_via_automation: true
    button_position: left
    colors:
      "on": "#5E35B1"
      progress_fill: "#5E35B1"
    icons:
      start: mdi:play
      stop: mdi:stop
    labels:
      status_on: Running
      status_ready: Ready
  - name: Zone 8
    switch: switch.zone_8
    timer: timer.zone_8_timer
    sensor: sensor.zone_8_is_finished
    timer_and_entity_connected_via_automation: true
    button_position: right
    colors:
      button_start: "#00897B"
      button_stop: "#C62828"
      icon: "#FFFFFF"
    icons:
      start: mdi:water
      stop: mdi:water-off
    labels:
      status_on: Water ON
      status_ready: Water OFF
  - name: Zone 9
    switch: switch.zone_9
    timer: timer.zone_9_timer
    sensor: sensor.zone_9_is_finished
    timer_and_entity_connected_via_automation: true
    button_position: left
    colors:
      "on": "#1565C0"
      ready: "#43A047"
      unavailable: "#D32F2F"
      progress_fill: "#1565C0"
    icons:
      start: mdi:play
      stop: mdi:stop
    labels:
      time_format_zero: 0m 00s
      time_unit_minutes: m
      time_unit_seconds: s
  - name: Zone 10
    switch: switch.zone_10
    timer: timer.zone_10_timer
    sensor: sensor.zone_10_is_finished
    timer_and_entity_connected_via_automation: true
    button_position: right
    colors:
      "on": "#00BCD4"
      button_start: "#00BCD4"
      button_stop: "#9E9E9E"
      progress_fill: "#00BCD4"
    icons:
      start: mdi:play-circle-outline
      stop: mdi:stop-circle-outline
    labels:
      status_on: Zone 10 Active
      status_ready: Zone 10 Ready

Section View Example

type: sections
max_columns: 8
title: test
path: test
dense_section_placement: true
sections:
  - type: grid
    cards:
      - type: custom:switch-and-timer-bar-card
        entities:
          - switch: switch.zone_1
            timer: timer.zone_1_timer
            sensor: sensor.zone_1_is_finished
            timer_and_entity_connected_via_automation: true
        colors: {}
        icons: {}
        labels: {}
        button_position: left
        grid_options:
          columns: 21
          rows: auto
      - type: custom:switch-and-timer-bar-card
        entities:
          - switch: switch.zone_2
            timer: timer.zone_2_timer
            sensor: sensor.zone_2_is_finished
            timer_and_entity_connected_via_automation: true
        colors: {}
        icons: {}
        labels: {}
        button_position: left
        grid_options:
          columns: 21
          rows: auto
      - type: custom:switch-and-timer-bar-card
        entities:
          - switch: switch.zone_3
            timer: timer.zone_3_timer
            sensor: sensor.zone_3_is_finished
            timer_and_entity_connected_via_automation: true
        colors: {}
        icons: {}
        labels: {}
        button_position: left
        grid_options:
          columns: 21
          rows: auto
      - type: custom:switch-and-timer-bar-card
        entities:
          - switch: switch.zone_4
            timer: timer.zone_4_timer
            sensor: sensor.zone_4_is_finished
            timer_and_entity_connected_via_automation: true
        colors: {}
        icons: {}
        labels: {}
        button_position: left
        grid_options:
          columns: 21
          rows: auto
      - type: custom:switch-and-timer-bar-card
        entities:
          - switch: switch.zone_5
            timer: timer.zone_5_timer
            sensor: sensor.zone_5_is_finished
            timer_and_entity_connected_via_automation: true
        colors: {}
        icons: {}
        labels: {}
        button_position: left
        grid_options:
          columns: 21
          rows: auto
      - type: custom:switch-and-timer-bar-card
        entities:
          - switch: switch.zone_6
            timer: timer.zone_6_timer
            sensor: sensor.zone_6_is_finished
            timer_and_entity_connected_via_automation: true
        colors: {}
        icons: {}
        labels: {}
        button_position: left
        grid_options:
          columns: 21
          rows: auto
      - type: custom:switch-and-timer-bar-card
        entities:
          - switch: switch.zone_7
            timer: timer.zone_7_timer
            sensor: sensor.zone_7_is_finished
            timer_and_entity_connected_via_automation: true
        colors: {}
        icons: {}
        labels: {}
        button_position: left
        grid_options:
          columns: 21
          rows: auto
      - type: custom:switch-and-timer-bar-card
        entities:
          - switch: switch.zone_8
            timer: timer.zone_8_timer
            sensor: sensor.zone_8_is_finished
            timer_and_entity_connected_via_automation: true
        colors: {}
        icons: {}
        labels: {}
        button_position: left
        grid_options:
          columns: 21
          rows: auto
      - type: custom:switch-and-timer-bar-card
        entities:
          - switch: switch.zone_9
            timer: timer.zone_9_timer
            sensor: sensor.zone_9_is_finished
            timer_and_entity_connected_via_automation: true
        colors: {}
        icons: {}
        labels: {}
        button_position: left
        grid_options:
          columns: 21
          rows: auto
      - type: custom:switch-and-timer-bar-card
        entities:
          - switch: switch.zone_10
            timer: timer.zone_10_timer
            sensor: sensor.zone_10_is_finished
            timer_and_entity_connected_via_automation: true
        colors: {}
        icons: {}
        labels: {}
        button_position: left
        grid_options:
          columns: 21
          rows: auto
      - type: custom:switch-and-timer-bar-card
        entities:
          - switch: switch.zone_11
            timer: timer.zone_11_timer
            sensor: sensor.zone_11_is_finished
            timer_and_entity_connected_via_automation: true
        colors: {}
        icons: {}
        labels: {}
        button_position: left
        grid_options:
          columns: 21
          rows: auto
      - type: custom:switch-and-timer-bar-card
        entities:
          - switch: switch.zone_11
            timer: timer.zone_11_timer
            sensor: sensor.zone_11_is_finished
            timer_and_entity_connected_via_automation: true
        colors: {}
        icons: {}
        labels: {}
        button_position: left
        grid_options:
          columns: 21
          rows: auto
    column_span: 8
cards: []
icon: mdi:grass

🔧 Per‑entity overrides example

type: custom:switch-and-timer-bar-card
title: ''
button_position: left
colors:
  on: '#2196F3'
  ready: '#4CAF50'
  unavailable: '#F44336'
  button_start: '#4CAF50'
  button_stop: '#2196F3'
  icon: 'white'
  progress_fill: '#2196F3'
icons:
  start: 'mdi:play'
  stop: 'mdi:stop'
labels:
  status_on: 'Watering'
  status_ready: 'Ready'
  status_unavailable: 'Unavailable'
  last_on_active: 'Active'
  last_on_now: 'Just now'
  last_on_ago_minutes: 'minutes ago'
  last_on_ago_hours: 'hours ago'
  last_on_ago_days: 'days ago'
  time_format_zero: '0m 00s'
  time_unit_minutes: 'm'
  time_unit_seconds: 's'
entities:
  - name: Zone 1
    switch: switch.zone_1
    timer: timer.zone_1_timer
    sensor: sensor.zone_1_is_finished
  - name: Zone 2
    switch: switch.zone_2
    timer: timer.zone_2_timer
    sensor: sensor.zone_2_is_finished
  - name: Living Room Light
    switch: switch.zone_3
    timer: timer.zone_3_timer
    sensor: sensor.zone_3_is_finished
    button_position: right
    colors:
      button_start: '#F443FF'
      ready: '#FF5500'
    icons:
      start: 'mdi:light-switch'
    labels:
      status_ready: 'Light Off'

🧩 YAML Examples (by domain & scenario)

Below are paired examples for each domain: first with automation mode off (false), then automation mode on (true). Replace entity IDs with your own.