Source: https://cards.flixlix.com/energy-period-selector-plus/installation

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](https://my.home-assistant.io/redirect/hacs_repository/?owner=flixlix&repository=energy-period-selector-plus&category=plugin)

## 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](https://github.com/flixlix/energy-period-selector-plus/releases/latest) 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
```