Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Date range picker component #1012

Open
shanaka-rajitha opened this issue Sep 21, 2021 · 4 comments
Open

Date range picker component #1012

shanaka-rajitha opened this issue Sep 21, 2021 · 4 comments
Assignees
Labels
feature Feature request ui Related to UI

Comments

@shanaka-rajitha
Copy link

shanaka-rajitha commented Sep 21, 2021

Feature

  • User can select a range of dates.
  • Highlighted date range should be colored.
  • First selected date and last selected date should be colored.
  • Good to have features navigate between years and months, Go to today.

The proposed component differs from the existing single date selection component.

Default view

date

Month view

month

Year view

year

@shanaka-rajitha shanaka-rajitha added feature Feature request ui Related to UI labels Sep 21, 2021
@mturoci
Copy link
Collaborator

mturoci commented Sep 21, 2021

Will be added once Fluent provides support. Tracked in microsoft/fluentui#14175.

For anyone needing this now, use 2 datepickers (from, to) as a workaround.

@shanaka-rajitha
Copy link
Author

Including @mtanco @iamabhishekmathur

@iamabhishekmathur
Copy link

FYI @VijithaEkanayake @dulajra @sandruparo

@azim-b
Copy link
Contributor

azim-b commented Jun 3, 2022

is this (or another ticket for this purpose) addressed by Microsoft? If yes, it'd be nice to add the date range feature to Wave's ui.date_picker()

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature Feature request ui Related to UI
Projects
None yet
Development

No branches or pull requests

5 participants