11 questions
0
votes
0
answers
7
views
Yjw to use both auto-apply and text-input @vuepic/vue-datepicker
I try to use @vuepic/vue-datepicker with text-input and auto-apply in Nuxt3 project, but
when I add auto-apply the field is filled when I enter 1 digit, without waiting for the rest to be entered. How ...
- 13
2
votes
0
answers
40
views
Arrow Key Navigation Not Working on First Calendar in Multi-Calendar Mode in vue3datepicker
When using vue-datepicker with multi-calendars and arrow-navigation props enabled, the keyboard arrow navigation is not functioning properly. Specifically, arrow key navigation works correctly on the ...
1
vote
1
answer
76
views
how to combine VueDatePicker and v-maska
I'm trying to apply a mask to a VueDatePicker input. The mask works, but you need to double-click on the date in the calendar for it to apply. However, if you remove the mask, everything will be fine. ...
- 13
0
votes
0
answers
14
views
I am using vuepic/vue-date-picker- month-picker. disabled-dates styles are not applying? how to achieve that?
I am using vuepic/vue-date-picker
month-picker (picked), I try to disable the months other than the current and previous month but I am unable to do that. Styles are not applied. what is the mistack ...
0
votes
0
answers
47
views
How to auto scroll a Vue Datepicker when changing to a past date?
I'm currently using Vue Datepicker to create a widget when I can pass any date in the calendar picker. My configuration uses two calendars side by side. For example, assuming today is December 5th, I ...
- 6,462
0
votes
1
answer
762
views
Vue3 datepicker: How to display the default calendar given for a specific month and year?
I am using @vuepic/vue3datepicker which automatically displays the current month's days when I use it:
<template>
<VueDatePicker v-model="date" inline></VueDatePicker>
&...
- 22.9k
0
votes
1
answer
393
views
Vue3 datepicker : disable left and right arrows
I am using @vuepic/vue3datepicker and I would like to disable or hide the next and previous arrows to prevent the user checking data outside the current month:
I did not find a useful prop to use for ...
- 22.9k
1
vote
1
answer
683
views
Vue3 datepicker: scoped styles not working
I am using Vuepic/ Vue3Datepicker and I want to customize the way a selected date looks like. As per the documentation, we can do that this way for the light mode:
<style>
.dp__theme_light {
--...
- 22.9k
1
vote
0
answers
176
views
VueDatePcker, adding a custom button
im using @vuepic/vue-datepicker": "^7.4.1" and I want to add a custom close button in the mobile view like this(I want to add the close button where the red square is).
I tried using ...
- 2,452
1
vote
1
answer
115
views
Vue DatePicker preserveState using inertiaJS
Using import VueDatePicker from '@vuepic/vue-datepicker';
combined with inertiaJS useForm(), but VueDatePicker v-model data value was not preserved.
I have this on my Vue page.
on my <script setup&...
- 23
0
votes
1
answer
254
views
vue-datepicker calendar select button is disabled on "max-date"
I'm using NuxtJS3 and making use of the min-date and max-date. The days show as expected and i am able to click on them, however, on the max-date, the select button is disabled. Any idea why this ...
- 1,760