Merge pull request #1069 from Sysvale/hotfix/fix-date-input-tests-16465431169864620625

Fix DateInput tests and standardize date handling

Author: jvictordev1

package-lock.json

@@ -1,6 +1,6 @@
 {
 	"name": "@sysvale/cuida",
-	"version": "3.154.11",
+	"version": "3.154.12",
 	"description": "A design system built by Sysvale, using storybook and Vue components",
 	"repository": {
 		"type": "git",

package.json

@@ -184,7 +184,7 @@ export default {
 			inputControl: 0,
 			attributes: [
 				{
-					dates: new Date(),
+					dates: DateTime.now().toJSDate(),
 					dot: true,
 				},
 			],

src/components/InlineDateInput.vue

@@ -20,6 +20,7 @@
 <script setup>
 import CdsGrid from '../Grid.vue';
 import { computed, ref, onMounted, watch } from 'vue';
+import { DateTime } from 'luxon';
 
 defineOptions({ name: 'CdsMonthSelectorGrid' });
 
@@ -45,7 +46,7 @@ const props = defineProps({
 	},
 	year: {
 		type: Number,
-		default: new Date().getFullYear(),
+		default: DateTime.now().year,
 	},
 });
 

src/components/InternalComponents/MonthSelectorGrid.vue

@@ -34,6 +34,7 @@
 
 <script setup>
 import { ref, computed, onUnmounted } from 'vue';
+import { DateTime } from 'luxon';
 import CdsGrid from '../Grid.vue';
 
 defineOptions({ name: 'CdsYearSelectorGrid' });
@@ -61,7 +62,7 @@ const props = defineProps({
 const emits = defineEmits(['click']);
 
 /* REACTIVE DATA */
-const todayYear = new Date().getFullYear();
+const todayYear = DateTime.now().year;
 const selectedYear = computed(() => {
 	if (!props.selectedDate) return null;
 	return parseInt(props.selectedDate.split('-')[0]);

src/components/InternalComponents/YearSelectorGrid.vue

@@ -1,12 +1,20 @@
-import { describe, test, expect, beforeEach, vi } from 'vitest';
+import { describe, test, expect, beforeEach, afterEach, vi } from 'vitest';
 import { mount } from '@vue/test-utils';
 import MonthSelectorGrid from '../components/InternalComponents/MonthSelectorGrid.vue';
 import YearSelectorGrid from '../components/InternalComponents/YearSelectorGrid.vue';
+import { Settings } from 'luxon';
 
 describe('SelectorGrid Highlight Fix', () => {
 	beforeEach(() => {
 		vi.useFakeTimers();
-		vi.setSystemTime(new Date(2026, 1, 10)); // Feb 10, 2026
+		const mockDate = new Date(2026, 1, 10); // Feb 10, 2026
+		vi.setSystemTime(mockDate);
+		Settings.now = () => mockDate.getTime();
+	});
+
+	afterEach(() => {
+		vi.useRealTimers();
+		Settings.now = () => Date.now();
 	});
 
 	describe('MonthSelectorGrid', () => {

src/tests/SelectorGridHighlight.spec.js

@@ -1 +1 @@
-export default ['text', 'textarea', 'email', 'password', 'tel', 'number', 'search', 'url'];
+export default ['text', 'textarea', 'email', 'password', 'tel', 'number', 'search', 'url', 'date'];