search

Vuepic / vue-datepicker

Datepicker component for Vue 3
https://vue3datepicker.com
MIT License
1.43k stars 142 forks source link

Add an option to have the timepicker on the same page as the calendar #824

Closed mark1502 closed 5 months ago

mark1502 commented 5 months ago

Is your feature request related to a problem? Please describe. It's not really a problem, just that sometimes when entering a date and time, it's more visually obvious to have both pickers appear on the screen at the same time, so the user sees the date and time at once. The component's current design is slick and works well when the flow setting is properly configured, but I'd love to have the option to have a unified date and time picker.

Describe the solution you'd like Have a setting like 'unified-datetime-picker' which would be a boolean. When set to true, the time picker would appear on the date picker, in place of the clock face icon. In this mode, the component wouldn't switch between date and time because both are already on the screen. The appearance of the time picker may need a slight modification , but all of the other functionality for both pickers would be the same as before.

Describe alternatives you've considered I tried flatpickr, which has this type of interface. But I prefer using vue-datepicker because it's a better component.

Thanks!

laurens94 commented 5 months ago

You can use the time-picker-inline prop for that: https://vue3datepicker.com/props/time-picker-configuration/#time-picker-inline

mark1502 commented 4 months ago

That's great, exactly what I was looking for! Thank you!

mark1502 commented 4 months ago

That's great, exactly what I was looking for! Thanks!

On Thu, Apr 11, 2024 at 4:34 AM Laurens @.***> wrote:

You can use the time-picker-inline prop for that: https://vue3datepicker.com/props/time-picker-configuration/#time-picker-inline

— Reply to this email directly, view it on GitHub https://github.com/Vuepic/vue-datepicker/issues/824#issuecomment-2049198787, or unsubscribe https://github.com/notifications/unsubscribe-auth/AJGHZRZ2SGH2VHA3TLTELP3Y4ZDLHAVCNFSM6AAAAABGBGCBCWVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDANBZGE4TQNZYG4 . You are receiving this because you authored the thread.Message ID: @.***>