Fix date/time formatting to use es-ES locale

- Update all date/time formatting functions to use 'es-ES' locale instead of 'en-US' or 'de-DE'
- Update utility functions in utils/date.ts and utils/exchange.ts
- Update all component files that use date formatting
- Update e2e test helper to match new Spanish date format
- All formatting now uses Spanish locale regardless of selected language as per PR requirements
This commit is contained in:
counterweight 2025-12-26 11:38:17 +01:00
parent d2fc7d8850
commit e35e79e84d
Signed by: counterweight
GPG key ID: 883EDBAA726BD96C
19 changed files with 146 additions and 50 deletions

View file

@ -277,10 +277,10 @@ export function BookingStep({
}}
>
<div style={styles.dateWeekday}>
{date.toLocaleDateString("en-US", { weekday: "short" })}
{date.toLocaleDateString("es-ES", { weekday: "short" })}
</div>
<div style={styles.dateDay}>
{date.toLocaleDateString("en-US", {
{date.toLocaleDateString("es-ES", {
month: "short",
day: "numeric",
})}
@ -312,7 +312,7 @@ export function BookingStep({
<div style={styles.section}>
<h2 style={styles.sectionTitle}>
{t("bookingStep.availableSlots")}{" "}
{selectedDate.toLocaleDateString("en-US", {
{selectedDate.toLocaleDateString("es-ES", {
weekday: "long",
month: "long",
day: "numeric",

View file

@ -30,7 +30,7 @@ interface ConfirmationStepProps {
* Format price for display
*/
function formatPrice(price: number): string {
return `${price.toLocaleString("de-DE", { maximumFractionDigits: 0 })}`;
return `${price.toLocaleString("es-ES", { maximumFractionDigits: 0 })}`;
}
const styles: Record<string, CSSProperties> = {
@ -168,7 +168,7 @@ export function ConfirmationStep({
</div>
<div style={styles.compressedBookingDetails}>
<span>
{selectedDate?.toLocaleDateString("en-US", {
{selectedDate?.toLocaleDateString("es-ES", {
weekday: "short",
month: "short",
day: "numeric",

View file

@ -19,7 +19,7 @@ interface PriceDisplayProps {
* Format price for display
*/
function formatPrice(price: number): string {
return `${price.toLocaleString("de-DE", { maximumFractionDigits: 0 })}`;
return `${price.toLocaleString("es-ES", { maximumFractionDigits: 0 })}`;
}
const styles: Record<string, CSSProperties> = {
@ -121,7 +121,7 @@ export function PriceDisplay({
</div>
{lastUpdate && (
<div style={styles.priceTimestamp}>
{t("priceDisplay.updated")} {lastUpdate.toLocaleTimeString()}
{t("priceDisplay.updated")} {lastUpdate.toLocaleTimeString("es-ES")}
{isPriceStale && <span style={styles.staleWarning}> {t("priceDisplay.stale")}</span>}
</div>
)}