Quasar: [Request] Datetime range selector like Airbnb

[aprln]

Can we please have a datetime range selector similar to Airbnb? That is one click to select the start date and one click to select the end date on the calendar. The selected range is highlighted. The Airbnb one is just for dates. Can our one have time as well? Thank you!

[rstoenescu]

Sounds like a good idea

[MartinMuzatko]

I would love to see this. This is a very important component that drives many booking/event related apps. What I found is that most booking websites offer you to always see the next month already. Which would be nice but maybe not a must, especially for mobile.

Flatpickr has a very solid implementation of this: https://flatpickr.js.org/examples/#range-calendar Might be worth a look for examples.

Since the change from quasar 0.14 to 0.15, the http://v0-14.quasar-framework.org/components/datetime-range.html was removed. I guess this was because it didn't work out that well?

[topvis]

It would be great to have this component. Just to provide another example from Google Flights

[yellow1912]

Hello, is there any update on this issue?

[wc-matteo]

I would really need this as well!

[paolog22]

also looking for this.. +1

[MartinMuzatko]

there is https://vcalendar.io now, if you look for a very extensive calendar plugin.

[MartinManev]

Hello. I think this will be a great feature to add and I would definitely have use for it. The material design spec does provide an example of a date range picker with mobile and desktop versions here: https://material.io/design/components/pickers.html

Here are some images from that page:
https://storage.googleapis.com/spec-host/mio-staging%2Fmio-design%2F1563837804615%2Fassets%2F1ngkWqYCRDQw3ErFqexDfiyoSYQXemrjj%2Fpicker-choosing-range.png

https://storage.googleapis.com/spec-host/mio-staging%2Fmio-design%2F1563837804615%2Fassets%2F0B54x0KDcs5U-WTJQQlY3ZXNocHM%2Fpicker-choosing-daterange-desktop.png

[Rytiggy]

+1 this

[pdanpdan]

Close this issue - please follow up in unified #5052