Describe the bug
Month string uses incorrect formatting from date-fns. Currently, to display the month in month-picker, number-dependent formatting is used, so the line with months looks as if it actually contains the first day of the month, which is incorrect.
To Reproduce
<script lang="ts" setup>
import { ref } from 'vue';
import Datepicker from '../src/VueDatePicker/VueDatePicker.vue';
import { ru } from 'date-fns/locale';
const selectedMonth = ref();
</script>
<template>
<!-- Example -->
<div class="wrapper">
<Datepicker v-model="selectedMonth" month-picker :format-locale="ru" placeholder="Select Date" />
</div>
<!--
inside the interface May (май in russia) look like this
----
мая
----
but the correct way should be:
----
май
----
-->
</template>
<style lang="scss">
@import 'src/VueDatePicker/style/main';
.wrapper {
padding: 200px;
}
</style>
Describe the bug Month string uses incorrect formatting from date-fns. Currently, to display the month in month-picker, number-dependent formatting is used, so the line with months looks as if it actually contains the first day of the month, which is incorrect.
To Reproduce
Expected behavior data-fns has the correct Month Format (Standalone) value, which looks like
LLL
orLLLL
. https://date-fns.org/v2.16.1/docs/formatDesktop & mobile (please complete the following information):