How do I close a Date Picker Popover from within it?

[gespinha]

Hey everyone,

I'm using a Date Picker component, and I'd like to close the Calendar when a new date is selected. I've tried using the close v-slot from the Popover, but it doesn't work:

  <Popover v-slot="{ close }">
    <PopoverTrigger as-child>
      <Button>
        Open calendar
      </Button>
    </PopoverTrigger>
    <PopoverContent class="w-auto p-0">
      <Button @click="close">Close</Button>
      <Calendar v-model="value" initial-focus />
    </PopoverContent>
  </Popover>

Any ideas on how to make this work?

Thanks!