Skip to content

I don't want popover to be turned off even if I choose the date from popover. #1515

@heash0000

Description

@heash0000

Currently, popover appears when you click button.
You have to set both the date and time inside, but popover disappears when you choose the date.
I don't want it to disappear even if I choose the date or time, but I only want it to disappear when I choose the outside of popover.
What should I do?

<VDatePicker v-model="pickStart" :popover="false" mode="dateTime" @click="setStartDate()" is24hr :time-accuracy="timeAccuracy" :masks="masks" :locale="locale" :rules="rules">
  <template #default="{ togglePopover, inputValue, inputEvents }">
    <div
      class="vc-wrap flex rounded-lg border border-gray-300 dark:border-gray-600 overflow-hidden"
    >
      <div class="vc-input-wrap" :class="{'focus' : isFocused}">
        <input
          :value="inputValue"
          v-on="inputEvents"
          @blur="setStartDate()"
          class="vc-input-box dateflex-grow px-2 py-1"
        />
        <button
          class="vc-popover-btn"
          @click="() => togglePopover()"
        >
          <img>
        </button>
      </div>
    </div>
  </template>
</VDatePicker>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions