Support new time zone (local/server time) feature released in 2023.7

[jrb80]

HA have just released an awesome new feature in 2023.7 which provides the option to select how you display time on the UI, either using the local time (default) or the server time (new). This is incredibly useful if the HA instance is in another country/time zone or if you are travelling abroad.

However, my initial testing suggests this feature isn't supported by this custom card. I show an example below showing the Apex Chart and HA History card using the server time option. The HA History (bottom) card is correctly displaying the server time, whereas the Apex Chart is still using the local client time.

[jpettitt]

This particularly annoying if you have charts that use end of day / week / month as it currently uses the browser local time and yields confusing results.

[GizmoGoody]

+1

[Lenbok]

I am guessing that

apexcharts-card/src/apexcharts-card.ts

Lines 1444 to 1463 in 1b63c0f

	private _getSpanDates(): { start: Date; end: Date } {
	let end = new Date();
	let start = new Date(end.getTime() - this._graphSpan + 1);
	// Span
	if (this._config?.span?.start) {
	// Just Span
	const startM = moment().startOf(this._config.span.start);
	start = startM.toDate();
	end = new Date(start.getTime() + this._graphSpan);
	} else if (this._config?.span?.end) {
	const endM = moment().endOf(this._config.span.end);
	end = new Date(endM.toDate().getTime() + 1);
	start = new Date(end.getTime() - this._graphSpan + 1);
	}
	if (this._offset) {
	end.setTime(end.getTime() + this._offset);
	start.setTime(start.getTime() + this._offset);
	}
	return { start, end };
	}

needs to be updated, either with an explicit property like the clock weather card guys do in https://github.com/pkissling/clock-weather-card/blob/2e536aecefabf6096a4bc048b5d61736a55c348d/src/clock-weather-card.ts#L511 or by checking the 2023.7 hass preference. I don't know any typescript/javascript so am not up for it myself.

[github-actions]

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 10 days.

[Lenbok]

bump to keep alive

[github-actions]

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 10 days.

[Lenbok]

Still an issue.

[martin3000]

Discovered this today while I am in Asia and my home is in Europe.

[markcocker]

Under my HA user profile I have Time Zone set to Use server time zone (Europe/London).
When I am travelling my machine + browser changes to another time zone, eg. GMT-5. The following keeps the ApexChart card xaxis showing GMT. For details see datetimeUTC - https://apexcharts.com/docs/options/xaxis/
I set this using config_templates so all my charts take on this config.

apex_config:
  xaxis:
    labels:
      datetimeUTC: true

[martin3000]

Since I do not live in the UTC (GMT+0) time zone, this does not make sense for me.