Multi select date picker example

jpmorganchase / salt-ds

React UI components built with a focus on accessibility, customization and ease-of-use

https://www.saltdesignsystem.com

Apache License 2.0

131 stars 89 forks source link

Multi select date picker example #4081

Open origami-z opened 1 month ago

origami-z commented 1 month ago

Calendar component offers multi selection, what's the best approach / recommendation to implement a date picker with multi selection? Maybe a custom dropdown/combo box with calendar? Does Salt offer all necessary pieces to implement it (e.g. popper / floating component)?

mark-tate commented 1 month ago

@bhoppers2008 this has been asked for by our stakeholders

origami-z commented 1 month ago

I briefly tried to play around this, hit some blockers

Trying to create a custom dropdown based on DatePickerSingleInput, but useDatePickerOverlay is not exported from lab package
- Then thinking revert back to use existing one, but startAdornment not supported in DateInput (mentioned here)
For the panel, following CustomDatePickerPanel example, but then found useDatePickerContext only supports 2 selectionVariant not all from Calendar