From d8a38786fbcd060b285a533609995706d26115d3 Mon Sep 17 00:00:00 2001
From: Astrian Zheng <happy.wheel6743@astrian.moe>
Date: Wed, 19 Feb 2025 15:25:25 +1100
Subject: [PATCH] refactor: enhance localization support in SingleDatePicker
 component

---
 src/components/SingleDatePicker.tsx | 5 +++--
 src/utils/getL10Weekday.ts          | 4 ++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/SingleDatePicker.tsx b/src/components/SingleDatePicker.tsx
index df4616e..5b5cad2 100644
--- a/src/components/SingleDatePicker.tsx
+++ b/src/components/SingleDatePicker.tsx
@@ -8,7 +8,8 @@ export default () => {
 	const [currentYear, setCurrentYear] = useState(new Date().getFullYear())
 	const [selectedDate, setSelectedDate] = useState(new Date())
 	const [dates, setDates] = useState<Date[]>([])
-	const l10nDays = getL10Weekday()
+	const userLang = navigator.language
+	const l10nDays = getL10Weekday(userLang)
 
 	useEffect(() => {
 		setDates(getCalendarDates(currentMonth, currentYear))
@@ -38,7 +39,7 @@ export default () => {
 		<div className='header'>
 			<button className='month-stepper' onClick={skipToLastMonth}><img src={LeftArrowIcon} /></button>
 			<button className='month-indicator'>
-				{new Date(currentYear, currentMonth).toLocaleString('default', { month: 'long', year: 'numeric' })}
+				{new Date(currentYear, currentMonth).toLocaleString(userLang, { month: 'long', year: 'numeric' })}
 			</button>
 			<button className='month-stepper' onClick={skipToNextMonth}><img src={RightArrowIcon} /></button>
 		</div>
diff --git a/src/utils/getL10Weekday.ts b/src/utils/getL10Weekday.ts
index 1b92fa7..32fadea 100644
--- a/src/utils/getL10Weekday.ts
+++ b/src/utils/getL10Weekday.ts
@@ -1,8 +1,8 @@
-export default () => {
+export default (userLang: string) => {
 	const newL10nDays = []
 	for (let i = 0; i < 7; i++) {
 		const date = new Date(2021, 0, i + 4)
-		newL10nDays.push(date.toLocaleDateString(undefined, {weekday: 'short'}))
+		newL10nDays.push(date.toLocaleDateString(userLang, {weekday: 'short'}))
 	}
 	return newL10nDays
 }
\ No newline at end of file