Skip to content
New issue

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

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

Already on GitHub? # to your account

feat(ui5-calendar): introduce Year Range Picker #11167

Draft
wants to merge 13 commits into
base: main
Choose a base branch
from

Conversation

didip1000
Copy link
Contributor

@didip1000 didip1000 commented Mar 24, 2025

With this change we introduce the new picker component ui5-yearrange-picker which users can use to quickly navigate through a range of years.

Selecting the header or pressing f4, in the in Year picker, will open the Year Range picker

Demo:

YRP-demo

More examples:

yrp-min-max yrp-2nd-cal

[Left] Like in the Year picker, dates before the min-date will not be shown, and dates after the max-date will be disabled
[Right] Year Range picker with primary-calendar-type="Islamic" and secondary-calendar-type="Gregorian"

Fixes: #3200
Fixes: #11011
Fixes: #10867

@didip1000 didip1000 self-assigned this Mar 24, 2025
# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
1 participant