@dpa-id-components/dpa-shared-components 19.0.0 → 19.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dpa-id-components/dpa-shared-components",
-  "version": "19.0.0",
+  "version": "19.0.2",
   "description": "Shared Vue components library for dpa projects",
   "files": [
     "src",
@@ -64,36 +64,36 @@
     "@babel/core": "7.28.4",
     "@babel/preset-env": "7.28.3",
     "@eslint/js": "9.37.0",
-    "@storybook/addon-docs": "9.1.10",
-    "@storybook/addon-links": "9.1.10",
-    "@storybook/addon-themes": "9.1.10",
-    "@storybook/builder-vite": "9.1.10",
-    "@storybook/vue3-vite": "9.1.10",
+    "@storybook/addon-docs": "9.1.12",
+    "@storybook/addon-links": "9.1.12",
+    "@storybook/addon-themes": "9.1.12",
+    "@storybook/builder-vite": "9.1.12",
+    "@storybook/vue3-vite": "9.1.12",
     "@tailwindcss/typography": "0.5.19",
     "@tailwindcss/vite": "4.1.14",
     "@types/jsdom": "27.0.0",
-    "@types/node": "24.7.1",
+    "@types/node": "24.8.1",
     "@vitejs/plugin-vue": "6.0.1",
     "@vue/test-utils": "2.4.6",
     "ajv": "8.17.1",
     "commit-and-tag-version": "12.6.0",
     "eslint": "9.37.0",
     "eslint-plugin-simple-import-sort": "12.1.1",
-    "eslint-plugin-storybook": "9.1.10",
+    "eslint-plugin-storybook": "9.1.12",
     "jsdom": "27.0.0",
     "npm-run-all2": "8.0.4",
     "prettier": "3.6.2",
     "rimraf": "6.0.1",
     "rollup-plugin-copy": "3.5.0",
-    "storybook": "9.1.10",
+    "storybook": "9.1.12",
     "tailwindcss": "4.1.14",
     "typescript": "5.9.3",
-    "vite": "7.1.9",
+    "vite": "7.1.10",
     "vite-plugin-dts": "4.5.4",
     "vitest": "3.2.4",
     "vue": "3.5.22",
     "vue-component-meta": "3.1.1",
-    "vue-router": "4.5.1",
+    "vue-router": "4.6.3",
     "vue-tsc": "3.1.1"
   },
   "dependencies": {

package/src/components/UiDatePicker/UiDatePicker.vue

@@ -164,9 +164,11 @@ import UiFilterButton from "../UiFilterButton/UiFilterButton.vue";
 import UiIcon, { type UiIconName } from "../UiIcon/UiIcon.vue";
 import UiInput from "../UiInput/UiInput.vue";
 
+type DateType = Date | [Date, Date] | string | { month: number; year: number };
+
 export interface PresetRange {
   label: string;
-  range: [Date, Date] | [string, string];
+  range: [Date, Date] | { year: number; month: number };
   isSelected?: boolean;
   name?: string;
   style?: Record<string, string>;
@@ -174,7 +176,7 @@ export interface PresetRange {
 }
 
 const emit = defineEmits<{
-  "date-changed": [Date | [Date, Date]];
+  "date-changed": [DateType];
   close: [];
   open: [];
   reset: [];
@@ -193,11 +195,7 @@ const props = withDefaults(
     placeholderText?: string;
     quickFilterRanges?: PresetRange[];
     quickFilterHeadline?: string;
-    selectedDate?:
-      | Date
-      | [Date, Date]
-      | string
-      | { month: number; year: number };
+    selectedDate?: DateType;
     autoPosition?: boolean;
     leftSidebar?: boolean;
     actionArea?: boolean;
@@ -260,7 +258,7 @@ const props = withDefaults(
 
 const datePickerRef = ref();
 
-const date = ref();
+const date = ref<DateType>();
 
 const rangeConfig = ref<RangeConfig>({
   autoRange: props.autoRange,
@@ -274,7 +272,7 @@ const uiConfig = ref({
 });
 
 watchEffect(() => {
-  date.value = props?.selectedDate;
+  date.value = props.selectedDate;
 });
 
 const showDatepicker = ref(false);
@@ -283,9 +281,7 @@ const closePicker = () => {
 };
 
 const setRange = (range: PresetRange): void => {
-  date.value = range.range.map((entry) =>
-    typeof entry === "string" ? new Date(entry) : entry,
-  );
+  date.value = range.range;
   emit("quickfilter-changed", range);
   closePicker();
 };
@@ -320,7 +316,7 @@ const getAvailableDateRange = computed(() => {
   return [props.firstAvailableDate, nextTenYears];
 });
 
-const handleDateChange = (event: Date | [Date, Date]) => {
+const handleDateChange = (event: DateType) => {
   emit("date-changed", event);
   showDatepicker.value = false;
   closePicker();