When one v-calendar is opened, other is not closing

[ituyakpaev]

I have date input component with this code: `

`

When i have 1 date component on the page, it opens when focus on input and closes when click somewhere else. When i have 2 components, i click on first one, it's opens. Then i click to the second one, it's opens, but the first one is not closed. Anyone know how to fix it?

[sevenmay]

@ituyakpaev How did you solve the problem?

[ElenaPrygun]

The same problem. Has anyone found a solution? Upd. In my case the problem was with the styles. If I use this solution, the datepickers switch correctly:

` <DatePicker v-model="licenseExpirationDate" :masks="masks" :popover="{ visibility: 'click', placement: 'bottom-end' }" :first-day-of-week="2" :min-date="new Date()"> <template #default="{ inputValue, togglePopover }">

          </template>
        </DatePicker>

`