Style the Create from and to Date filter wrapper

Created on 2 November 2023, 11 months ago
Updated 12 December 2023, 10 months ago

Problem/Motivation

Russ Weakley
What makes an accessible date picker? Is it even possible? #id24 2023
  • Add the Date Format: MM/DD/YYYY or Date Format: dd/mm/yyyy next to the date picker field
  • Have the date picker component with the same look ( or working at least ) in different Browsers and operating systems (OS).

https://www.youtube.com/watch?v=D2Gy2WN4Iys

📌 Add Views Date Filter ~1.0.0 module, Enable it and change default configs for Date Filters Fixed

The default style for extra fieldsets

Proposed resolution

  • Style the data-drupal-selector fieldset for all "-from-wrapper"
  • Style the data-drupal-selector fieldset for all "-to-wrapper"
  • Support LTR and RTL
  • Support small screens.
  • Support AJAX

Remaining tasks

  • ✅ File an issue about this project
  • ✅ Addition/Change/Update/Fix to this project
  • ✅ Testing to ensure no regression
  • ➖ Automated unit/functional testing coverage
  • ➖ Developer Documentation support on feature change/addition
  • ➖ User Guide Documentation support on feature change/addition
  • ✅ UX/UI designer responsibilities
  • ✅ Accessibility and Readability
  • ✅ Code review from 1 Varbase core team member
  • ✅ Full testing and approval
  • ✅ Credit contributors
  • ✅ Review with the product owner
  • ✅ Update Release Notes and Update Helper on new feature change/addition
  • ✅ Release varbase-10.0.0-rc1 , vartheme_claro-4.0.2

Varbase update type

  • ✅ No Update
  • ➖ Optional Update
  • ➖ Forced Update
  • ➖ Forced Update if Unchanged

User interface changes

After the fix:

Content page date filters

People page date filters

Media Table page date filters

Media Grid page date filters + Support AJAX

API changes

  • N/A

Data model changes

  • N/A

Release notes snippet

  • Issue #3398832 : Styled the Create from and to Date filter wrapper
📌 Task
Status

Fixed

Version

4.0

Component

Code

Created by

🇯🇴Jordan Rajab Natshah Jordan

Live updates comments and jobs are added and updated live.
  • Accessibility

    It affects the ability of people with disabilities or special needs (such as blindness or color-blindness) to use Drupal.

Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024