@zvoove/unity-ui 2.32.1 → 2.33.0

package/dist/llms.txt

@@ -465,9 +465,10 @@ import { Switch } from '@zvoove/unity-ui';
 ```
 
 ### DatePicker
-Date input with calendar popup.
+Date input with calendar popup. Set `mode="week"` to select a whole ISO 8601 week instead of a single day.
 ```tsx
 import { DatePicker } from '@zvoove/unity-ui';
+import type { IsoWeek } from '@zvoove/unity-ui';
 
 <DatePicker
   label="Start date"           // string (required)
@@ -484,9 +485,24 @@ import { DatePicker } from '@zvoove/unity-ui';
   errorMessage="Invalid date"  // string
   disabled={false}             // boolean
   buttonsTranslations={{ cancel: 'Cancel', clear: 'Clear', ok: 'OK' }}
+  // ── ISO calendar week (KW) ──
+  showCalendarWeek={false}     // boolean — adds a read-only KW (ISO week) column to the day grid; still picks a single day
+  mode="date"                  // 'date' | 'week' (default 'date'); 'week' selects a whole ISO week
+  onWeekChange={(week: IsoWeek) => {}} // (week: { week: number; year: number }) => void — fires in week mode
+  weekView="calendar"          // 'calendar' | 'list' | 'strip' — week-mode presentation (default 'calendar')
+  weekPlaceholder="KW auswählen" // string — placeholder shown in week mode (locale-aware default)
 />
 ```
 
+In `mode="week"` the text field is read-only (the week is chosen only in the popup), the selected week is highlighted as a full row, and `onWeekChange` returns an `IsoWeek` (`{ week, year }`) — import the `IsoWeek` type from `@zvoove/unity-ui`.
+
+| Variant               | Props                                                          |
+| --------------------- | -------------------------------------------------------------- |
+| Calendar week column  | `showCalendarWeek` (date mode — KW reference column)           |
+| Week selection        | `mode="week"` + `weekView="calendar"` + `onWeekChange`         |
+| Week list (popup)     | `mode="week"` + `weekView="list"` + `onWeekChange`             |
+| Horizontal week strip | `mode="week"` + `weekView="strip"` + `onWeekChange` (no input) |
+
 ### Uploader
 File upload component with drag-and-drop.
 ```tsx

package/dist/theme.css

@@ -336,6 +336,13 @@
   --color-on-error: var(--color-error-100);
   --color-error-container: var(--color-error-90);
   --color-on-error-container: var(--color-error-10);
+  --color-warning: var(--color-yellow-40);
+  --color-warning-hover: var(--color-yellow-50);
+  --color-on-warning: var(--color-yellow-95);
+  --color-dark-warning: var(--color-yellow-40);
+  --color-on-dark-warning: var(--color-neutral-100);
+  --color-warning-container: var(--color-yellow-90);
+  --color-on-warning-container: var(--color-yellow-10);
   --color-inverse-surface: var(--color-neutral-variant-30);
   --color-inverse-on-surface: var(--color-neutral-100);
   --color-inverse-primary: var(--color-primary-80);
@@ -570,6 +577,13 @@
     --color-on-error: var(--color-error-20);
     --color-error-container: var(--color-error-30);
     --color-on-error-container: var(--color-error-90);
+    --color-warning: var(--color-yellow-70);
+    --color-warning-hover: var(--color-yellow-60);
+    --color-on-warning: var(--color-yellow-10);
+    --color-dark-warning: var(--color-yellow-80);
+    --color-on-dark-warning: var(--color-yellow-20);
+    --color-warning-container: var(--color-yellow-30);
+    --color-on-warning-container: var(--color-yellow-90);
     --color-inverse-surface: var(--color-neutral-95);
     --color-inverse-on-surface: var(--color-neutral-0);
     --color-inverse-primary: var(--color-primary-40);