Date & Number Formatting

Overview

When you pass raw data like 2026-02-08 or 4250.00 to a template, you probably want it displayed as "February 8, 2026" or "$4,250.00". Document Stack includes built-in formatters for dates, numbers, and currencies.

Date Formatting

Pass dates as ISO 8601 strings in your API data. Then set the display format on the field element in the inspector.

Built-in Date Formats

Custom Date Patterns

DD/MM/YYYY     → 08/02/2026
MM-DD-YYYY     → 02-08-2026
YYYY-MM-DD     → 2026-02-08
MMM DD, YYYY   → Feb 08, 2026
MMMM DD, YYYY  → February 08, 2026
DD MMMM YYYY   → 08 February 2026

Number Formatting

Format numbers with thousands separators, decimal places, and custom prefixes or suffixes.

Built-in Number Formats

Currency Formatting

Currency formatting adds the appropriate symbol, thousands separator, and decimal places based on the currency code:

Setting Currency Format

1. Select the field element
2. In the inspector, set Format to Currency
3. Choose the currency code (USD, EUR, GBP, etc.)
4. Pass raw numeric values in your API data — the template handles formatting

{
  "data": {
    "subtotal": 4250,
    "tax": 361.25,
    "total": 4611.25
  }
}

Locale Settings

Date and number formats adapt to the locale you set on the template:

• en-US — February 8, 2026 / $4,250.00 / 1,234.56
• en-GB — 8 February 2026 / £4,250.00 / 1,234.56
• de-DE — 8. Februar 2026 / 4.250,00 € / 1.234,56
• fr-FR — 8 février 2026 / 4 250,00 € / 1 234,56
• ja-JP — 2026年2月8日 / ¥4,250 / 1,234.56

Next Steps

• Calculated Fields — Compute values in templates
• Localization & i18n — Multi-language templates
• Data Binding — Dynamic data fundamentals