diff --git a/src/panels/lovelace/cards/hui-glance-card.ts b/src/panels/lovelace/cards/hui-glance-card.ts index 445bd5ff7a..b640284bfd 100644 --- a/src/panels/lovelace/cards/hui-glance-card.ts +++ b/src/panels/lovelace/cards/hui-glance-card.ts @@ -9,7 +9,6 @@ import { import { customElement, property, state } from "lit/decorators"; import { classMap } from "lit/directives/class-map"; import { ifDefined } from "lit/directives/if-defined"; -import { relativeTime } from "../../../common/datetime/relative_time"; import { applyThemesOnElement } from "../../../common/dom/apply_themes_on_element"; import { computeDomain } from "../../../common/entity/compute_domain"; import { computeStateDisplay } from "../../../common/entity/compute_state_display"; @@ -17,6 +16,7 @@ import { computeStateName } from "../../../common/entity/compute_state_name"; import "../../../components/entity/state-badge"; import "../../../components/ha-card"; import "../../../components/ha-icon"; +import "../../../components/ha-relative-time"; import { UNAVAILABLE_STATES } from "../../../data/entity"; import { ActionHandlerEvent, @@ -325,10 +325,13 @@ export class HuiGlanceCard extends LitElement implements LovelaceCard { > ` : entityConf.show_last_changed - ? relativeTime( - new Date(stateObj.last_changed), - this.hass!.locale - ) + ? html` + + ` : computeStateDisplay( this.hass!.localize, stateObj,