Add a weekday to the date selector

Dlurak · Aug 27, 2024 · 33f1792 · 33f1792
1 parent daf24de
commit 33f1792
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/lib/components/input/date/DateSelector.svelte b/src/lib/components/input/date/DateSelector.svelte
@@ -60,7 +60,7 @@
 
 		<span>
 			{#if date}
-				{stringify(date)}
+				{stringify(date, { weekday: 'short' })}
 			{:else}
 				<Store store={i('calendar.select')} />
 			{/if}

diff --git a/src/lib/utils/dates/custom.ts b/src/lib/utils/dates/custom.ts
@@ -49,11 +49,13 @@ export const currentCustomDate = () => normalToCustomDate(new Date());
 interface StringifyProps {
 	includeTime?: boolean;
 	includeDate?: boolean;
+	weekday?: 'short' | 'long' | 'narrow';
 }
 
 export const stringify = (d: CustomDate, props: StringifyProps = {}) => {
 	const includeTime = props.includeTime ?? false;
 	const includeDate = props.includeDate ?? true;
+	const weekday = props.weekday ?? null;
 
 	const timeOptions: Intl.DateTimeFormatOptions = includeTime
 		? {
@@ -66,7 +68,8 @@ export const stringify = (d: CustomDate, props: StringifyProps = {}) => {
 		? {
 				day: '2-digit',
 				month: '2-digit',
-				year: '2-digit'
+				year: '2-digit',
+				...(weekday ? { weekday } : null)
 			}
 		: {};