Energy Period Selector Plus

Configuration

Every option, what it does, and how to use it. Required fields are marked with *.

In a hurry?

The Examples page has configs you can paste straight into your dashboard, including one paired with Energy Flow Card Plus.

Card options

The card type, its background and title, and which energy collection it drives.

example.yaml

type: custom:energy-period-selector-plus
card_background: true
title: Energy period

type*stringRequired

custom:energy-period-selector-plus

card_backgroundbooleandefault false

Show the selector on a card, like the cards around it.

titlestring

Card title, shown with card_background: true.

collection_keystringdefault the dashboard's

Like in HA's energy cards: drive another energy collection. Must start with energy_.

Which periods can be picked, in which order, and how you move between them.

example.yaml

period_buttons: [day, week, month, year, custom]
custom_period_label: Range
prev_next_buttons: true
today_button_type: icon
date_picker: true

period_buttonslistdefault [day, week, month, year]

Period buttons and their order. Add custom to pick any range in HA's calendar.

custom_period_labelstringdefault Custom

Label of the custom button.

prev_next_buttonsbooleandefault true

Show the previous and next buttons.

today_button_typetexticonfalsedefault text

Style of the today button; false hides it.

date_pickerbooleandefault false

Click the date to pick any range in HA's calendar, in every period (always on for custom).

A button that turns on HA's comparison with the previous period.

example.yaml

compare_button_type: text
compare_button_label: Compare

Show a button that compares with the previous period.

compare_button_labelstringdefault HA's "Compare data"

Label of the text compare button.