Uncaught TypeError: can't access property "dayIndex", days[0] is undefined

[melanie1998]

I get this error when I click on the days in range mode.
I have:
"v-calendar": "3.1.2"
"vue": "3.5.13"

Please fix this asap, as it is impossible to use correctly.

[diogo4br]

I also have the same error log.
v-calendar: 3.1.2
vue: 3.5.15

[melanie1998]

I also have the same error log. v-calendar: 3.1.2 vue: 3.5.15

I fixed it by entering the following:
@dayclick=" (day, event) => { event.target.blur(); } "

inside of:

<VDatePicker
          id="datePicker"
          :popover="{ placement: 'bottom', visibility: 'click' }"
          ref="picker"
          v-model.range="range"
        >
          <template #default="{ togglePopover }">
            <component
              @click="togglePopover"
              @dayclick="
                (day, event) => {
                  event.target.blur();
                }
              "
              id="button-datepicker"
              :is="'ic_calendar'"
              >{{ date_picker_option.label }}</component
            >
          </template>
</VDatePicker>

It's only a temporary fix. I hope they can resolve this issue properly.

[diogo4br]

I also have the same error log. v-calendar: 3.1.2 vue: 3.5.15

I fixed it by entering the following: @dayclick=" (day, event) => { event.target.blur(); } "

inside of:

<VDatePicker
          id="datePicker"
          :popover="{ placement: 'bottom', visibility: 'click' }"
          ref="picker"
          v-model.range="range"
        >
          <template #default="{ togglePopover }">
            <component
              @click="togglePopover"
              @dayclick="
                (day, event) => {
                  event.target.blur();
                }
              "
              id="button-datepicker"
              :is="'ic_calendar'"
              >{{ date_picker_option.label }}</component
            >
          </template>
</VDatePicker>

It's only a temporary fix. I hope they can resolve this issue properly.

Thanks for sharing, but unfortunately this solution didn't work for me.

[rfawesome21]

I've got the same issue. Seems to be fine on < vue3.5 so I had to downgrade. Bit of a handicap

[bettysteger]

i think i got the same error:

Cannot read properties of undefined (reading 'dayIndex')

versions:

    "v-calendar": "^3.1.2",
    "vue": "^3.5.16",

[hwupu]

A quick work around as mentioned in #1501 (comment) :

// package.json
- "v-calendar": "^3.1.2",
+ "v-calendar": "npm:@angelblanco/v-calendar@3.1.3",

[bettysteger]

A quick work around as mentioned in #1501 (comment) :

// package.json

• "v-calendar": "^3.1.2",

• "v-calendar": "npm:@angelblanco/v-calendar@3.1.3",

I just added

- "v-calendar": "^3.1.2",
+ "@angelblanco/v-calendar": "^3.1.3",