Energy Period Selector Plus

Installation

Install it from its link in Home Assistant's Marketplace, or as a custom repository in HACS before 2026.11. Manual installation is also supported.

Not in the default catalog yet
Energy Period Selector Plus is installed from its link: the button below opens it in your Home Assistant, in the Marketplace on 2026.11 and newer or in HACS before that.
Open in Home Assistant

Marketplace (Home Assistant 2026.11 and newer)

  1. Go to Settings → Marketplace.
  2. In the upper-right corner, select Add from link, enter https://github.com/flixlix/energy-period-selector-plus and select Add. The Marketplace asks you to connect GitHub first if you haven't yet.
  3. Open Energy Period Selector Plus in the list and select Install. The Marketplace adds it as a dashboard resource.
  4. Reload your browser.

HACS (Home Assistant 2026.10 and older)

  1. In Home Assistant, open HACS.
  2. Click the ⋮ menu in the top-right and choose Custom repositories.
  3. Add the repository URL https://github.com/flixlix/energy-period-selector-plus with category Dashboard, then click Add.
  4. Search for Energy Period Selector Plus in HACS and click Download.
  5. Reload your dashboard / clear browser cache.

Manual installation

Download energy-period-selector-plus.js from the latest release and copy it into config/www/.

If you configure dashboards via YAML, register the resource:

yaml
lovelace:
  resources:
    - url: /local/energy-period-selector-plus.js
      type: module

If you prefer the graphical editor: enable advanced mode in your user profile, go to Settings → Dashboards → ⋮ → Resources, click Add resource and paste:

text
/local/energy-period-selector-plus.js
Installed from the Marketplace or HACS?
It registers the resource for you. The Marketplace serves it from/local/community/energy-period-selector-plus/energy-period-selector-plus.js; HACS used/hacsfiles/energy-period-selector-plus/energy-period-selector-plus.js, which keeps working.

Verify the install

  1. Reload your browser cache (hard refresh).
  2. Edit a dashboard and click Add card → Custom: Energy Period Selector Plus.
  3. Use the UI editor or paste the minimal config below.

The selector needs an energy collection to drive. On a dashboard without any of HA's energy cards it adds a hidden HA energy date picker, so HA creates one.

yaml
type: custom:energy-period-selector-plus
card_background: true