Vuepic / vue-datepicker

Datepicker component for Vue 3
https://vue3datepicker.com
MIT License
1.48k stars 147 forks source link

Date Selection Mismatch and Timezone Configuration Issue #787

Closed dvmoomoodv closed 6 months ago

dvmoomoodv commented 7 months ago

Describe the bug A clear and concise description of what the bug is.

To Reproduce Steps to reproduce the behavior:

  1. I selected the 6th
  2. but the 7th was activated
  3. See screenshot

Expected behavior A clear and concise description of what you expected to happen. -> As you can see from the selection results below, the 6th is selected, but the 7th is activated. I wanted to solve this issue, so I upgraded from version 7 to the latest version 8 to test, but the problem persisted. However, when I set the timezone to 'UTC', the calendar activation issue was resolved, but then the time values were incorrect. I live in Korea, and it seems like the activation issue might be related to the timezone settings. Can you recommend how to configure this properly?

const timezone = ref({
  timezone: 'UTC',
  exactMatch: true,
  dateInTz: 'UTC',
  emitTimezone: 'UTC',
})

Screenshots If applicable, add screenshots to help explain your problem. chrome_imlXlISsQM

Desktop & mobile (please complete the following information):

Jasenkoo commented 6 months ago

@dvmoomoodv Can you try with v8.2 and see if the problem persists?

Jasenkoo commented 6 months ago

Investigated the issue. The time change is expected, as you are now rendering the calendar in the specific timezone, which means, it will display time in the UTC timezone.