VDatePickerの初期値が当月（当日）になってしまう

v-date-pickerのv-modelに来月の日付をセットしても、初期表示が当月になってしまう。
来月に移動すると、ちゃんと来月の日付がハイライトされているので認識はされているもよう。

v-date-pickerのドキュメントを見る

関係ありそうなプロパティをセットしてみたが、どれも効果なし。

ググる

誰も言及していない。。。vuetifyの情報少なすぎませんか？

ソースを見に行く

年月が表示されているHTMLは以下。controlsのソースを見ればなにかわかるかも？

<div class="v-date-picker-controls__date">2024年5月</div>

node_modules\vuetify\lib\labs\VDatePicker\VDatePickerControls.mjs

const month = props.range === 'end' ? adapter.addMonths(props.displayDate, 1) : props.displayDate;

rangeなので、カレンダーの表示範囲をセットしていると思われる。
displayDate... これか！？

解決

これで初期表示がセットできました！

<v-date-picker
  hide-actions
  min-height="470"
  v-model="selectEndDateValues"
  @update:modelValue="selectEndCalendarDate()"
  :displayDate="new Date(selectEndDateValues[0])"
  >
</v-date-picker>