The main goal of this card is to expand the functionality and customizability of the official Energy Date Picker Card from Home Assistant.
The goal is to deliver a card that fits in the overall design of the Energy Dashboard, while providing more features.
This card is direclty available in HACS (Home Assistant Community Store). HACS is a third party community store and is not included in Home Assistant out of the box. To install this:
Frontend
Energy Period Selector Plus
To configure this card, only the type is required, making it very easy to get started.
In addition to that, I developed a UI Editor, making it even easier to change the card according to your preferences. 🥳
The UI Editor looks like this:
Name | Type | Default | Description |
---|---|---|---|
type | string |
required | custom:energy-period-selector-plus . |
card_background | boolean |
false | If set to true , a card will be added to the background of the card. |
title | string |
undefined | If set, a title will be added to the card. |
today_button_type | boolean |
true | If set to true , a button will be added to select today. |
prev_next_buttons | boolean |
true | If set to true , buttons will be added to control the previous and next period. |
compare_button_type | string |
undefined | If set, a button will be added to toggle the compare mode. Supported values are icon and text . |
period_buttons | array |
undefined | If set, only buttons inside this array will be displayed. Supported values are day , week , month , year and custom . Order of your array will be applied. |
custom_period_label | string |
undefined | If set, the label of the custom period button will be changed to this value. Otherwise will be synced to your HA language (If not, consider submitting a PR, adding your language to the localize function.) |
type: custom:energy-period-selector-plus
card_background: true
type: custom:energy-period-selector-plus
card_background: true
title: No Previous or Next Controls
prev_next_buttons: false
type: custom:energy-period-selector-plus
card_background: true
title: No Today Button
today_button_type: false
type: custom:energy-period-selector-plus
card_background: true
title: Text Compare Button
compare_button_type: text
type: custom:energy-period-selector-plus
card_background: true
title: Icon Compare Button
compare_button_type: icon
type: custom:energy-period-selector-plus
card_background: true
title: No Week Button
period_buttons:
- day
- month
- year
type: custom:energy-period-selector-plus
card_background: true
title: Custom Period Picker
period_buttons:
- day
- week
- month
- year
- custom
type: custom:energy-period-selector-plus
card_background: true
title: Custom Period Picker
period_buttons:
- day
- week
- month
- year
- custom
custom_period_label: </|\>