Support timezone? about chartjs-adapter-date-fns

[jdelStrother]

For what it's worth, I came up with this hack to present all my dates in UTC regardless of user-timezone:

import { Chart,   _adapters } from "chart.js";
import "chartjs-adapter-date-fns";
import locale from "lib/browser_locale";

const Formats: Record<string, Intl.DateTimeFormatOptions> = {
  "MMM d": {
    month: "short",
    day: "2-digit",
    timeZone: "UTC",
  },
  PP: {
    year: "numeric",
    month: "short",
    day: "2-digit",
    timeZone: "UTC",
  },
};

_adapters._date.override({
  format: function (time, fmt) {
    let utcTime = new Date(time);
    let format = Formats[fmt];
    if (!format) console.warn(`Missing datetime format for ${fmt}`);
    return utcTime.toLocaleDateString(locale, format || { timeZone: "UTC" });
  },
});

Here, "MMM d" is chart.js's default format for a date, and "PP" is my format for scales.x.time.tooltipFormat. If you're using other format strings, you'd probably need to figure out your own equivalents.

[JEK58]

Did you come up with a solution? Would be interested how you did manage to get it work.

[jledentu]

@JEK58 No, sorry I didn't found time to work on this. :( I think that the library should handle a timezone option natively

[jmtimko5]

_adapters._date.override({
  format: function (time, fmt) {
    let utcTime = new Date(time);
    let format = Formats[fmt];
    if (!format) console.warn(`Missing datetime format for ${fmt}`);
    return utcTime.toLocaleDateString(locale, format || { timeZone: "UTC" });
  },
});

This worked great for me as well. Thanks for the solution. The date-fns format function is quite simple:

 format: function(time, fmt) {
    return format(time, fmt, this.options);
  },

I think we should be fine to override it in this manner