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

Co-authored-by: Bram Kragten <mail@bramkragten.nl>
This commit is contained in:
karwosts 2023-10-21 08:40:38 -07:00 committed by GitHub
parent 96fbd8aefb
commit d992b2d40b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 2 deletions

View File

@ -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(