bootstrap-vue icon indicating copy to clipboard operation
bootstrap-vue copied to clipboard

Enhance b-form-datepicker - multiple dates / date range

Open Kieryn19 opened this issue 5 years ago • 12 comments

Really like the date picker component. However there are a couple of features that I would like to see to make it our go to date picker.

Describe the solution you'd like

  1. To be able to select a date range: click on 2 separate dates and the UI would show both dates selected as well as all the dates between the 2 dates. The data from this could be an array with a start and end date.

  2. To be able to select multiple dates: click on as many dates as you like and they are all highlighted in the ui and added to an array of dates

Kieryn19 avatar Apr 03 '20 10:04 Kieryn19

IMHO, both of these use cases require 2 different components. Even date range != multiple random dates.

mariusa avatar Apr 03 '20 11:04 mariusa

For date ranges, it is possible to use two b-calendar components to select start and end dates, and just set the min of the second calendar to the value of the first calendar.

For complex date input, we suggest the AirBnB Vue date picker.

tmorehouse avatar Apr 03 '20 13:04 tmorehouse

We may in a future release add a new component that is tailored for date-range selection. But it will take time due to ARIA accessibility requirements (it needs to be usable by all users, not just users with a mouse/finger)

tmorehouse avatar Apr 26 '20 12:04 tmorehouse

Even though the AirBnB picker (I assume it's https://github.com/MikaelEdebro/vue-airbnb-style-datepicker) might be usable in some cases, it has a design that differs quite a bit from bootstrap-vue and is therefore not an option for projects that need a consistent styling. I think not having to use calendar components outside bootstrap-vue has strong advantages and I am very inclined to migrate to the bootstrap-vue calendar / date-picker once it fulfills our requirements.

Remigius2011 avatar Jul 23 '20 09:07 Remigius2011

Any update on this?

fronbasal avatar Feb 07 '22 14:02 fronbasal

Any update on this? @tmorehouse

Regards.

SoozaVTW avatar May 26 '22 20:05 SoozaVTW

+1

dlodeprojuicer avatar Jul 16 '22 18:07 dlodeprojuicer

+1

frankeymen avatar Feb 11 '23 19:02 frankeymen

+1

dandrews4 avatar Feb 24 '23 23:02 dandrews4

+1

franck-grenier avatar Jul 06 '23 14:07 franck-grenier

ayo

ogmo0n avatar Jul 13 '23 19:07 ogmo0n

Hello! Do we have an update on this one? b-calendar component? With date range in 1 calendar?

janzcio avatar Aug 07 '23 08:08 janzcio