✨ New Features

✨ Set the duration without touching the timer helper

You no longer have to recreate timer helpers (or build templates) just to change a duration. Two new ways to do it:

Quick edit from the card

Set editable_duration: true and the total time on the card becomes tappable. A dialog pops up with hours / minutes / seconds — change the value, hit Apply, done.

entities:
  - name: Heating Boost
    switch: switch.boiler
    timer: timer.boost
    editable_duration: true

• The value is saved per device, so it survives page reloads.
• Each device can have its own preferred value (e.g., your phone vs. the kitchen tablet).
• A Reset to default button is shown whenever a custom value is active.
• The tap target is only active while the timer is idle — running timers stay untouched.

You can also enable this globally for all entities and override per-entity when needed.

Fixed default in YAML

If you'd rather pin a duration in config (handy for fan presets, boost panels, etc.), use the new duration field. It overrides the timer helper's configured duration whenever you start that entity from the card.

entities:
  - name: 15 Minute Boost
    switch: switch.boiler
    timer: timer.boost
    duration: "00:15:00"   # or 900 (seconds)
  - name: 30 Minute Boost
    switch: switch.boiler
    timer: timer.boost
    duration: "00:30:00"

Note that one timer helper can now be reused with different durations across multiple cards.

Which value wins?

Whichever you set last wins, in this order:

1. The value you typed into the editable-duration dialog (if any)
2. The duration field in your card YAML (if any)
3. The timer helper's own configured duration

---

🎨 Themes and card-mod now work

If you've tried to make the card match a custom theme or apply card-mod styles and nothing happened — that's fixed in v1.4.0. The card now uses a proper ha-card wrapper, so themes and card-mod can fully restyle it.

Transparent card example:

type: custom:switch-and-timer-bar-card
title: My Card
entities:
  - switch: switch.zone_1
    timer: timer.zone_1
card_mod:
  style: |
    ha-card {
      background: transparent;
      box-shadow: none;
    }
    .entity-card {
      background: transparent !important;
    }

The default appearance is unchanged — your existing dashboards look the same. The difference is that customization actually takes effect now.

---

🙏 Credits

Thanks to @pissten (#7), @xoatrash (#8), and @Ltek (#9) for the feature requests that shaped this release.