nathanreyes / v-calendar

An elegant calendar and datepicker plugin for Vue.
https://vcalendar.io
MIT License
4.36k stars 850 forks source link

Birthday picker (Ask for Year first, then month, then day) #1112

Open mrleblanc101 opened 2 years ago

mrleblanc101 commented 2 years ago

Currently, when you open the date picker, it show the current month by default, if you click the month in the header, it open the popover to quickly switch between months, if you click the year in the header, it change the popover to show a list of year to quickly go back in time. This is fine, but it invole a lot of click for something like selecting a birthday because it's expected the date wont be in the current year.

2022-03-24 15 30 38

Is it possible to change the order, ask for the year, then the month, then the day ? This would greatly reduce the number of click. Also something that could help, instead of opening the month and year as a popover (which is weird, a popover inside a popover), I think we should replace the month view completely with the month popover and year popover. This would mean we could have the same background-color for the day pick (light), than the month picker (dark).

Ex: Step 1: Capture d’écran, le 2022-03-24 à 15 38 19 Step 2: Capture d’écran, le 2022-03-24 à 15 38 28 Step 3: Capture d’écran, le 2022-03-24 à 15 38 32

adam1010 commented 2 years ago

+1 We have problems with customers entering their birthday in the current year. Ideally we could set a property that causes the date-picker to open directly into the Year selection, then it goes to Month selection, then Day selection.

We're using Vue3.

gomorizsolt commented 7 months ago

@mrleblanc101 @adam1010 hey, same here. have you guys found a workaround since then?

i have checked the API docs and it seems it is still not supported, to start off in the year view.

mrleblanc101 commented 7 months ago

@gomorizsolt no