Quarter scale format token %q not rendered (shows literal Q%q)

[mattrucker]

Bug Report

Note: This issue was identified during AI-assisted development and should be human-reviewed for accuracy.

Environment

• Package: @svar-ui/svelte-gantt@2.6.0
• Framework: SvelteKit (Svelte 5)
• Runtime: Bun 1.3.11

Description

When using quarter scale configuration, the %q strftime format token is not processed. The header displays literal Q%q instead of the expected Q1, Q2, etc.

Minimal Reproduction

// Scale configuration
const scales = [
  { unit: "year", step: 1, format: "%Y" },
  { unit: "quarter", step: 1, format: "Q%q" }
];

Expected Behavior

Quarter headers should display: Q1, Q2, Q3, Q4

Actual Behavior

Quarter headers display: Q%q, Q%q, Q%q, Q%q (literal text, token not replaced)

Screenshot

The %Y token on the year row works correctly (shows 2026, 2027). Only %q is not processed.

Notes

The %q token may not be part of the standard strftime specification. If a different token or approach is needed for quarter labels, documentation guidance would be helpful.

[Natasha-eng]

Hi @mattrucker ,

Here are two solutions depending on your use case:

• If you need to set a custom quarter scale format, include the %Q token (not %q) in your format string. Leave the locale unchanged:

  import { Locale } from "@svar-ui/svelte-core";
  import { en } from "@svar-ui/gantt-locales";
  import { en as enCore } from "@svar-ui/core-locales";
  en.gantt.Q = "Q"
  
  // Scale configuration
  const scales = [
    { unit: "year", step: 1, format: "%Y" },
    { unit: "quarter", step: 1, format: "Q%Q" }
  ];

Please check the example: https://snippet.svar.dev/svelte/CE1EFjxnX

• If you want to change the label for the built-in quarter scale (e.g., from "Quarter" to "Q"), modify only the locale settings. The example includes zoom to display the built-in scale: https://snippet.svar.dev/svelte/qSdkBRhVN

[Natasha-eng]

Also more information you can find in these articles:
https://docs.svar.dev/svelte/core/guides/localization/#date-and-time-format-specification
https://docs.svar.dev/svelte/gantt/guides/localization