Date picker format

Why Does the Date Format Look Different?

When you see a date field like:

<input type="date">

it may display the date in different formats — for example:

• `MM/DD/YYYY` (e.g. 07/28/2025)
• `DD/MM/YYYY` (e.g. 28/07/2025)
• `YYYY-MM-DD` (e.g. 2025-07-28)

This is expected behavior and depends entirely on **your web browser and system settings**.

Why does this happen?

Project-GC uses a **standard HTML date input**, which is built into your web browser. The **format and appearance of this field are automatically determined by your browser and operating system**, based on your current language and region settings.

In other words, **Project-GC does not control how the date format appears** — it adapts to your local settings for consistency with the rest of your system.

Can I change the format I see?

Yes. If you prefer to see dates in the `YYYY-MM-DD` format (ISO 8601), you can adjust your browser’s language or locale settings.

How to show YYYY-MM-DD format

Here are some browser-specific ways to adjust your settings so that the date input shows dates in the `YYYY-MM-DD` format:

Google Chrome (Linux, Windows, macOS)

Chrome uses its own language settings to determine the date format.

To use ISO format (YYYY-MM-DD):

1. Go to `chrome://settings/languages`
2. Click "Add languages" and search for English (Canada)
3. Add it, then move it to the top of the list
4. Restart Chrome

This will display the date in the `YYYY-MM-DD` format while keeping the browser in English.

Mozilla Firefox

Firefox allows more flexibility and supports an internal setting to control the locale.

Option 1: Change language preference

1. Go to `about:preferences`
2. Under "Language and Appearance", click "Choose…" next to Language
3. Add or move English (Canada) to the top
4. Restart Firefox

Option 2 (Advanced): Override internal locale

1. Visit `about:config` in the address bar
2. Search for: `intl.locale.requested`
3. If it does not exist, click "+" to add it as a new string
4. Set its value to: `en-CA`
5. Restart Firefox

This forces the browser to use the `en-CA` locale, which uses `YYYY-MM-DD`.

Microsoft Edge

Edge behaves the same as Chrome, as it is also based on the Chromium engine.

Steps:

1. Go to `edge://settings/languages`
2. Add English (Canada)
3. Move it to the top
4. Restart Edge

Apple Safari (macOS)

Safari uses the system-wide region setting from macOS.

To change date format:

1. Open **System Settings** (or **System Preferences**)
2. Go to **Language & Region**
3. Change your Region to Canada
4. Restart Safari

Note: This may affect date and number formatting in other applications on your Mac.

Test Your Browser

You can test how your browser displays a standard HTML date field using this simple external page:

→ W3Schools: Try <input type="date">

This page uses only standard HTML and is not part of Project-GC, making it a useful way to verify what your own browser and system are doing.

Summary Table

Browser	How to show YYYY-MM-DD format
Chrome	Use English (Canada) in `chrome://settings/languages`
Firefox	Set language to English (Canada), or use `intl.locale.requested` in `about:config`
Edge	Use English (Canada) in `edge://settings/languages`
Safari	Change system Region to Canada in macOS settings

Need Help?

If you have any trouble updating your settings or have other questions about the date format, feel free to reach out in the forums or contact Project-GC support.