question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Feature Request] Date Range Picker

See original GitHub issue

A 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-pickers 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:

screenshot_20170909_174819

Inspiration

Element UI’s datepicker’s functionality serves as inspiration:

screenshot_20170909_173006

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:closed
  • Created 6 years ago
  • Reactions:299
  • Comments:46 (12 by maintainers)

github_iconTop GitHub Comments

31reactions
renztoygwapocommented, Feb 7, 2018

any updates for the date picker range request?

16reactions
praveenpugliacommented, Feb 3, 2018

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

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found