Skip to content

Conversation

@foxbunny
Copy link
Collaborator

@foxbunny foxbunny commented Aug 5, 2024

  • Enhance the base custom element to automatically hook up attributes
  • Modify the existing date picker elements to support multiple calendars
  • Add <ind-date-range-picker> element and DateRangePicker component (the new component is aliased as DateRangePicker2 because the name is already taken)
  • Add FinalDateRangePicker
  • Modify keyboard-based movement to be more logical when using screen readers

@foxbunny foxbunny requested review from ThiefMaster and tomasr8 August 5, 2024 06:47
@foxbunny foxbunny added the a11y label Aug 6, 2024
@foxbunny foxbunny force-pushed the dual-calendar branch 2 times, most recently from 254705c to c042ee8 Compare August 6, 2024 05:02
@foxbunny foxbunny changed the title Implement DateRange picker [WIP] Implement DateRange picker Aug 6, 2024
@foxbunny
Copy link
Collaborator Author

foxbunny commented Aug 6, 2024

Changing to WIP. Figured out a more accessible way to represent the date grid.

@foxbunny foxbunny changed the title [WIP] Implement DateRange picker Implement DateRange picker Aug 7, 2024
@foxbunny foxbunny requested review from ThiefMaster and tomasr8 and removed request for ThiefMaster August 7, 2024 05:03
@tomasr8
Copy link
Member

tomasr8 commented Aug 7, 2024

I'd like to know what others think, but imo showing the same day in both calendars looks a bit confusing when you're selecting a range:
image
I prefer the old calendar hiding the duplicates:
image

@ThiefMaster
Copy link
Member

I agree, having those duplicates is quite weird. Even more so when you want to quickly count the number of days selected based on the highlighted fields...

@foxbunny
Copy link
Collaborator Author

foxbunny commented Aug 7, 2024

Ok, I'll change that.

@foxbunny foxbunny force-pushed the dual-calendar branch 2 times, most recently from e6b1043 to af57de5 Compare August 8, 2024 07:18
@ThiefMaster
Copy link
Member

Hey, could you please rebase this one? There are some conflicts w/ what I guess are changes from #6310.

@foxbunny foxbunny force-pushed the dual-calendar branch 2 times, most recently from cafc3a8 to 09632f0 Compare August 22, 2024 06:28
foxbunny and others added 28 commits January 28, 2025 09:39
- Convert the Calendar*Picker components to use the DatePickerCalendar
  components
- Add support for using <ind-calendar> inline without a dialog
- Add simplified date selection strategy for inline usage
- Add the ability to pause the preview in <ind-calendar>
- Create a new selection strategy for single date pickers
- Create a separate custom element for non-range inline picker
- handle errors when value is null
- correctly validate required field
- mark field as touched when interacting with it
The `yearsAfter` in the old date picker was just so the dropdown did not
show later years, but it was not a limit (it showed selected+1, not
current+1).
@ThiefMaster ThiefMaster merged commit c8da7c5 into indico:master Jan 28, 2025
10 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants