[Feature Request] Date Range Picker
See original GitHub issueA component that facilitates the selection of a pair of dates, which can be implemented as generic start and end dates.
What will it allow you to do that you can’t do today?
The current v-date-picker
only allows for selection of a single date at a time. A date range picker will facilitate the selection of a pair of dates.
How will it make current work-arounds straightforward?
Currently two separate v-date-picker
s will have to be used with code to facilitate synchronising their dates. Here’s an example of a crude workaround utilising v-date-picker
that I have implemented for a recent project:
Inspiration
Element UI’s datepicker’s functionality serves as inspiration:
Specific features requested:
- Displaying more than one calendar month at a time
- Synchronised paging of months
- Scoped slots for save and cancel, and scoped slots for predefined actions and date ranges (eg to add action buttons to select “next 30 days”, “last year”, etc)
Issue Analytics
- State:
- Created 6 years ago
- Reactions:299
- Comments:46 (12 by maintainers)
Top Results From Across the Web
Date Range Picker — JavaScript Date & Time Picker Library
A JavaScript component for choosing date ranges, dates and times. Originally created for reports at Improvely, the Date Range Picker can be attached...
Read more >Can we add component for Date-Range picker with time. ...
I have a situation where we need date range picker with time. Form date, time - To date, time. Can we create a...
Read more >Better UI for the Date Range Picker Component - Feature ...
If I want to choose a date in the future with the date range picker for the start date, I have to use...
Read more >syncfusion_flutter_datepicker | Flutter Package
The Flutter Date Range Picker widget allows users to easily select dates or a range of dates. It has four built-in views that...
Read more >When can we expect a date slider function - Question & Answer
We currently offer Datepicker. Can you add some more details ? In case you are planning to have slider for say Year/month and...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
any updates for the date picker range request?
This may seem like promoting it but till the time a fully built one comes in vuetify, I made up my own solution. It’s not perfect but it does the job.
Feel free to help it make better. 😃
https://github.com/praveenpuglia/vuetify-daterange-picker