Fix missing range labels in date-range-picker (#18274)

Co-authored-by: Bram Kragten <[email protected]>
home-assistant · Oct 21, 2023 · d992b2d · d992b2d
1 parent 96fbd8a
commit d992b2d
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/components/ha-date-range-picker.ts b/src/components/ha-date-range-picker.ts
@@ -60,7 +60,7 @@ export class HaDateRangePicker extends LitElement {
 
   @property() private _openingDirection = "right";
 
-  protected willUpdate() {
+  protected willUpdate(changedProps: PropertyValues) {
     // set dialog opening direction based on position
     const datePickerPosition = this.getBoundingClientRect().x;
     if (datePickerPosition > (2 * window.innerWidth) / 3) {
@@ -71,7 +71,11 @@ export class HaDateRangePicker extends LitElement {
       this._openingDirection = "center";
     }
 
-    if (!this.hasUpdated && this.ranges === undefined) {
+    if (
+      (!this.hasUpdated && this.ranges === undefined) ||
+      (changedProps.has("hass") &&
+        this.hass?.localize !== changedProps.get("hass")?.localize)
+    ) {
       const today = new Date();
       const weekStartsOn = firstWeekdayIndex(this.hass.locale);
       const weekStart = calcDate(