Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Action Row can't be shown when using auto-apply #1078

Open
OliverWich opened this issue Feb 11, 2025 · 1 comment
Open

Action Row can't be shown when using auto-apply #1078

OliverWich opened this issue Feb 11, 2025 · 1 comment
Labels
bug Something isn't working

Comments

@OliverWich
Copy link

Describe the bug
When using auto-apply, nothing you can do will cause the action row to show again.

I would like to use auto-apply, but also enable users to use the action buttons (e.g. now or apply).
I could not get this to work, neither via the option (:action-row={...}), nor with the slots (#action-row and #action-buttons).

Only content in the action-extra slot would show up, but it feels hacky to have to re-build functionality that the component ships with.

To Reproduce
Use the datepicker in any mode (I tested with the normal date / date time mode and with "time-picker", "range", "month-picker") and use auto-apply.
The action row will disappear, and even explicitly setting the :action-row option or using the #action-row or #action-buttons slots will show anything.
E.g.:

<template>
  <VueDatePicker
    v-model="rawValue"
    month-picker
    auto-apply
    :teleport="true"
    :text-input="true"
    :action-row="{ showNow: false, showSelect: true, showPreview: false }"
  />
</template>

Will result in

Image

Expected behavior
I would expect the action row to show, but auto-apply to keep working as well.

It should look like this:
Image

Desktop & mobile (please complete the following information):

  • Browser: Firefox Desktop
  • Library version: 11.0.1
@OliverWich OliverWich added awaiting triage The issue is not reviewed by the maintainers bug Something isn't working labels Feb 11, 2025
@cotowamasha
Copy link

Hi! Using prop :config="{keepActionRow: true}" for that. See

@Jasenkoo Jasenkoo removed the awaiting triage The issue is not reviewed by the maintainers label Feb 17, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants