DatePicker: dd/mm/yy date format through ref is displaying NaN on datepicker

[debashish4]

Describe the bug

When using the "dd/mm/yy" date format in ref, the displayed output is NaN/NaN/NaN instead of the expected date format. This issue is happening in primeVue 4.2.5

`

<script setup> import { ref } from 'vue'; const date = ref('25/12/2024'); </script>

`

Reproducer

https://stackblitz.com/edit/primevue-4-vite-issue-template-udtg8djk

PrimeVue version

4.2.5

Vue version

4.x

Language

TypeScript

Build / Runtime

Vue CLI App

Browser(s)

chrome

Steps to reproduce the behavior

Steps to Reproduce

1. Set the date format to dd/mm/yy.
2. Pass a valid date object or string to the date formatting function.
3. Observe the output displayed as NaN/NaN/NaN.

NOTE: it doesn't work with the version "4.2.5"

Ex:

<script setup> import { ref } from 'vue'; const date = ref('25/12/2024'); </script>

Expected behavior

I expect when i pass a date dd/mm/yyyy format to ref. eg const date = ref('25/12/2024'); and bind through v-model of datepicker. It should display 25/12/2024 instead of NaN/NaN/NaN

[tugcekucukoglu]

Cannot replicate the issue. A working example: https://stackblitz.com/edit/wsaz75bq?file=src%2FApp.vue

[antlionguard]

Cannot replicate the issue. A working example: https://stackblitz.com/edit/wsaz75bq?file=src%2FApp.vue

If there's assigned empty string the issue occurs.

[KumJungMin]

Because of the new Date(value) is 'invalid Date', the date is 'NaN'

related PR: https://github.com/primefaces/primevue/pull/6931/files

primevue/packages/primevue/src/datepicker/DatePicker.vue

Lines 1254 to 1256 in 72bf74a

	if (typeof value === 'string') {
	return this.dateFormat ? this.formatDate(new Date(value), this.dateFormat) : value;
	}