Setup time listeners

Author: timmo001

src/panels/lovelace/badges/hui-badge.ts

@@ -6,7 +6,10 @@ import "../../../components/ha-svg-icon";
 import type { LovelaceBadgeConfig } from "../../../data/lovelace/config/badge";
 import type { HomeAssistant } from "../../../types";
 import { ConditionalListenerMixin } from "../../../mixins/conditional-listener-mixin";
-import { setupMediaQueryListeners } from "../../../common/condition/listeners";
+import {
+  setupMediaQueryListeners,
+  setupTimeListeners,
+} from "../../../common/condition/listeners";
 import { checkConditionsMet } from "../common/validate-condition";
 import { createBadgeElement } from "../create-element/create-badge-element";
 import { createErrorBadgeConfig } from "../create-element/create-element-base";
@@ -144,6 +147,15 @@ export class HuiBadge extends ConditionalListenerMixin(ReactiveElement) {
         this._updateVisibility(conditionsMet);
       }
     );
+
+    setupTimeListeners(
+      this.config.visibility,
+      this.hass,
+      (unsub) => this.addConditionalListener(unsub),
+      (conditionsMet) => {
+        this._updateVisibility(conditionsMet);
+      }
+    );
   }
 
   private _updateVisibility(ignoreConditions?: boolean) {

src/panels/lovelace/cards/hui-card.ts

@@ -6,7 +6,10 @@ import "../../../components/ha-svg-icon";
 import type { LovelaceCardConfig } from "../../../data/lovelace/config/card";
 import type { HomeAssistant } from "../../../types";
 import { ConditionalListenerMixin } from "../../../mixins/conditional-listener-mixin";
-import { setupMediaQueryListeners } from "../../../common/condition/listeners";
+import {
+  setupMediaQueryListeners,
+  setupTimeListeners,
+} from "../../../common/condition/listeners";
 import { migrateLayoutToGridOptions } from "../common/compute-card-grid-size";
 import { computeCardSize } from "../common/compute-card-size";
 import { checkConditionsMet } from "../common/validate-condition";
@@ -258,6 +261,15 @@ export class HuiCard extends ConditionalListenerMixin(ReactiveElement) {
         this._updateVisibility(conditionsMet);
       }
     );
+
+    setupTimeListeners(
+      this.config.visibility,
+      this.hass,
+      (unsub) => this.addConditionalListener(unsub),
+      (conditionsMet) => {
+        this._updateVisibility(conditionsMet);
+      }
+    );
   }
 
   private _updateVisibility(ignoreConditions?: boolean) {

src/panels/lovelace/components/hui-conditional-base.ts

@@ -3,7 +3,10 @@ import { ReactiveElement } from "lit";
 import { customElement, property, state } from "lit/decorators";
 import type { HomeAssistant } from "../../../types";
 import { ConditionalListenerMixin } from "../../../mixins/conditional-listener-mixin";
-import { setupMediaQueryListeners } from "../../../common/condition/listeners";
+import {
+  setupMediaQueryListeners,
+  setupTimeListeners,
+} from "../../../common/condition/listeners";
 import type { HuiCard } from "../cards/hui-card";
 import type { ConditionalCardConfig } from "../cards/types";
 import type { Condition } from "../common/validate-condition";
@@ -83,6 +86,15 @@ export class HuiConditionalBase extends ConditionalListenerMixin(
         this.setVisibility(conditionsMet);
       }
     );
+
+    setupTimeListeners(
+      supportedConditions,
+      this.hass,
+      (unsub) => this.addConditionalListener(unsub),
+      (conditionsMet) => {
+        this.setVisibility(conditionsMet);
+      }
+    );
   }
 
   protected update(changed: PropertyValues): void {

src/panels/lovelace/heading-badges/hui-heading-badge.ts

@@ -5,7 +5,10 @@ import { fireEvent } from "../../../common/dom/fire_event";
 import "../../../components/ha-svg-icon";
 import type { HomeAssistant } from "../../../types";
 import { ConditionalListenerMixin } from "../../../mixins/conditional-listener-mixin";
-import { setupMediaQueryListeners } from "../../../common/condition/listeners";
+import {
+  setupMediaQueryListeners,
+  setupTimeListeners,
+} from "../../../common/condition/listeners";
 import { checkConditionsMet } from "../common/validate-condition";
 import { createHeadingBadgeElement } from "../create-element/create-heading-badge-element";
 import type { LovelaceHeadingBadge } from "../types";
@@ -144,6 +147,15 @@ export class HuiHeadingBadge extends ConditionalListenerMixin(ReactiveElement) {
         this._updateVisibility(conditionsMet);
       }
     );
+
+    setupTimeListeners(
+      this.config.visibility,
+      this.hass,
+      (unsub) => this.addConditionalListener(unsub),
+      (conditionsMet) => {
+        this._updateVisibility(conditionsMet);
+      }
+    );
   }
 
   private _updateVisibility(forceVisible?: boolean) {

src/panels/lovelace/sections/hui-section.ts

@@ -14,7 +14,10 @@ import type {
 import { isStrategySection } from "../../../data/lovelace/config/section";
 import type { HomeAssistant } from "../../../types";
 import { ConditionalListenerMixin } from "../../../mixins/conditional-listener-mixin";
-import { setupMediaQueryListeners } from "../../../common/condition/listeners";
+import {
+  setupMediaQueryListeners,
+  setupTimeListeners,
+} from "../../../common/condition/listeners";
 import "../cards/hui-card";
 import type { HuiCard } from "../cards/hui-card";
 import { checkConditionsMet } from "../common/validate-condition";
@@ -163,6 +166,15 @@ export class HuiSection extends ConditionalListenerMixin(ReactiveElement) {
         this._updateElement(conditionsMet);
       }
     );
+
+    setupTimeListeners(
+      this._config.visibility,
+      this.hass,
+      (unsub) => this.addConditionalListener(unsub),
+      (conditionsMet) => {
+        this._updateElement(conditionsMet);
+      }
+    );
   }
 
   private async _initializeConfig() {