[SOLVED] Invalid prop: type check failed for prop "max". Expected String, Date, got Date

Describe the bug

I follow steps on Form DatePicker docs for disabling days, but on :max and :min return an error on console:

[Vue warn]: Invalid prop: type check failed for prop “max”. Expected String, Date, got Date

My code

<template>
  <b-form-row class="form-wrapper">
      <b-form-datepicker
        :inline="true"
        :min="minDate"
        :max="maxDate"
        id="date-from"
        v-model="form.from"
        placeholder="Data"
        locale="pt-BR"
        :date-format-options="{
          year: 'numeric',
          month: '2-digit',
          day: '2-digit',
        }"
      />
      
      <b-form-datepicker
        :inline="true"
        id="date-to"
        :min="minDate"
        :max="maxDate"
        v-model="form.to"
        placeholder="Data"
        locale="pt-BR"
        :date-format-options="{
          year: 'numeric',
          month: '2-digit',
          day: '2-digit',
        }"
      />
  </b-form-row>
</template>

<script>
export default {
  data() {
    const now = new Date()
    const today = new Date(now.getFullYear(), now.getMonth(), now.getDate())

    const minDate = new Date(today)

    const maxDate = new Date(today)
    maxDate.setFullYear(maxDate.getFullYear() + 3)

    return {
      minDate,
      maxDate,
    }
  },
}
</script>

---

• BootstrapVue: 2.17.3
• Bootstrap: 4.5.2

[travis5491811]

The docs are wrong. Change :max="new Date()" to :max="new Date().toISOString()". They don’t show converting to iso string in docs example but it will throw error if you don’t.

[felipesuri]

@travis5491811 Transform date in toISOString() solved my problem.