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

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](https://cards.flixlix.com/energy-period-selector-plus/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.

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

- `type` (string, required): `custom:energy-period-selector-plus`
- `card_background` (boolean, default `false`): Show the selector on a card, like the cards around it.
- `title` (string): Card title, shown with `card_background: true`.
- `collection_key` (string, default `the dashboard's`): Like in HA's energy cards: drive another energy collection. Must start with `energy_`.

## Buttons

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

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

- `period_buttons` (list, default `[day, week, month, year]`): Period buttons and their order. Add `custom` to pick any range in HA's calendar.
- `custom_period_label` (string, default `Custom`): Label of the `custom` button.
- `prev_next_buttons` (boolean, default `true`): Show the previous and next buttons.
- `today_button_type` (text | icon | false, default `text`): Style of the today button; `false` hides it.
- `date_picker` (boolean, default `false`): Click the date to pick any range in HA's calendar, in every period (always on for `custom`).

## Compare

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

```yaml
compare_button_type: text
compare_button_label: Compare
```

- `compare_button_type` (text | icon): Show a button that compares with the previous period.
- `compare_button_label` (string, default `HA's "Compare data"`): Label of the text compare button.