Estoy tratando de agregar un título al lado del mes y la fecha en vc-date-picker usando el atributo :masks .

Código:

 <vc-date-picker class="consultation-calendar" ref="calendar" is-expanded :masks="{title:'YYYY MMMM' + $t(`registration.${selectedOffice.office_key}`)}" :first-day-of-week="2" mode="date" :min-date="new Date(min_consultation_date)" :max-date="new Date(reservation_form.due_date)" v-model="form.consultation_date" @update:from-page="updateCalendarYear" :attributes="calendar_attribute" :disabled-dates="computed_calendar_setup.disabled_dates" />

Como puede ver en el atributo :masks , el título sería . p. ej., noviembre de 2021 y luego el nombre de la oficina; sin embargo, en la interfaz de usuario se muestra de manera diferente porque creo que el atributo :masks analizó el valor equivalente de la letra en el número o la primera letra del mes.

¿Hay alguna manera de que pueda hacerlo de la manera correcta? ejemplo: noviembre de 2021 Mi oficina