@umituz/web-design-system 6.10.0 → 6.11.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/web-design-system",
-  "version": "6.10.0",
+  "version": "6.11.0",
   "private": false,
   "type": "module",
   "description": "Web Design System - Tailwind v4 authored, precompiled CSS shipped. Atomic Design components (Atoms, Molecules, Organisms, Templates) for React applications.",

package/src/__tests__/date-format.test.ts

@@ -92,6 +92,31 @@ describe('formatDateTime', () => {
   });
 });
 
+describe('preset overrides', () => {
+  it('drops the weekday from the long style', () => {
+    expect(formatDate('2026-11-10', 'long', { weekday: 'none' })).toBe('November 10, 2026');
+  });
+
+  it('shortens the weekday of the long style', () => {
+    expect(formatDate('2026-11-10', 'long', { weekday: 'short' })).toBe('Tue, November 10, 2026');
+  });
+
+  it('lengthens the month of the monthYear style', () => {
+    expect(formatDate('2026-01-15', 'monthYear', { month: 'long' })).toBe('January 2026');
+  });
+
+  it('lengthens the month of the medium style', () => {
+    expect(formatDate('2026-01-15', 'medium', { month: 'long' })).toBe('January 15, 2026');
+  });
+
+  it('does not leak overrides into other calls through the cache', () => {
+    expect(formatDate('2026-11-10', 'monthYear', { month: 'long' })).toBe('November 2026');
+    expect(formatDate('2026-11-10', 'monthYear')).toBe('Nov 2026');
+    expect(formatDate('2026-11-10', 'long', { weekday: 'none' })).toBe('November 10, 2026');
+    expect(formatDate('2026-11-10', 'long')).toBe('Tuesday, November 10, 2026');
+  });
+});
+
 describe('formatter cache', () => {
   it('does not contaminate across locales for the same instant', () => {
     const en = formatDate('2026-11-10');

package/src/infrastructure/utils/date.util.ts

@@ -5,6 +5,8 @@ export interface DateFormatOptions {
   order?: 'dmy' | 'mdy' | 'ymd';
   separator?: string;
   invalidOutput?: string;
+  weekday?: 'short' | 'long' | 'none';
+  month?: 'short' | 'long';
 }
 
 export interface DateTimeFormatOptions extends DateFormatOptions {
@@ -34,6 +36,19 @@ const cachedFormatter = (locale: string, options: Intl.DateTimeFormatOptions): I
   return formatter;
 };
 
+const resolveOptions = (style: Exclude<DateStyle, 'numeric'>, options: DateFormatOptions): Intl.DateTimeFormatOptions => {
+  const resolved: Intl.DateTimeFormatOptions = { ...PRESET_OPTIONS[style] };
+  if (options.weekday === 'none') {
+    delete resolved.weekday;
+  } else if (options.weekday !== undefined) {
+    resolved.weekday = options.weekday;
+  }
+  if (options.month !== undefined) {
+    resolved.month = options.month;
+  }
+  return resolved;
+};
+
 export const parseDateInput = (input: string | Date): Date | null => {
   if (input instanceof Date) {
     return Number.isNaN(input.getTime()) ? null : input;
@@ -85,7 +100,7 @@ export const formatDate = (
   if (style === 'numeric') {
     return formatNumeric(date, locale, options.order ?? 'dmy', options.separator ?? DEFAULT_SEPARATOR);
   }
-  return cachedFormatter(locale, PRESET_OPTIONS[style]).format(date);
+  return cachedFormatter(locale, resolveOptions(style, options)).format(date);
 };
 
 export const formatDateTime = (