Skip to content

Conversation

@sverg-cb
Copy link
Contributor

@sverg-cb sverg-cb commented Oct 31, 2025

What changed? Why?

New Features:

  • Add standalone Calendar component for date selection
  • Support min/max date constraints with automatic navigation
  • Support disabled dates and highlighted date ranges
  • Comprehensive accessibility with screen reader support

Enhancements:

  • Integrate Calendar into DatePicker with confirmation flow
  • Add triggerDisabled prop to Tooltip for better a11y around "disabled" triggers
  • Add calendarStyle, highlightedDates, and seedDate props to DatePicker
  • Add custom a11y labels for Calendar navigation

Dependencies:

  • Remove react-native-date-picker (no longer needed)

Tests:

  • Add Storybook for Calendar
  • Add unit/interaction tests for Calendar, DatePicker, Tooltip

Documentation:

  • Added mobile docs for Calendar
  • Updated mobile docs for DatePicker and Tooltip
  • Removed references to react-native-date-picker in Web docs for DatePicker

UI changes

Calendar

iOS Old iOS New
N/A cal_ios
Android Old Android New
N/A cal_android

DatePicker

iOS Old iOS New
mdp_ios_old mdp_ios_new
Android Old Android New
mdp_android_old mdp_android_new

Accessibility

Using the Android Emulator with TalkBack

Android (Calendar) Android (DatePicker)
https://github.com/user-attachments/assets/af60d5b0-3dd5-4b38-95f3-c1a89c2f6579 https://github.com/user-attachments/assets/f24ac5a2-de25-45f4-9848-4a12fd955e0e

Using a physical iPhone with VoiceOver

iOS (Calendar) iOS (DatePicker)
video video

Documentation

Calendar DatePicker Tooltip
docu_cal docu_datepicker docu_tooltip

Testing

How has it been tested?

  • Unit tests
  • Interaction tests
  • Pseudo State tests
  • Manual - Web
  • Manual - Android (Emulator / Device)
  • Manual - iOS (Emulator / Device)

Testing instructions

For unit and interaction tests, use yarn nx test mobile.

Refer to the mobile-app docs for information on how to test via Expo.

View local Docusaurus changes with yarn nx dev docs.

Change management

type=routine
risk=low
impact=sev5

automerge=false

New Features:
- Add standalone Calendar component for date selection
- Support min/max date constraints with automatic navigation
- Support disabled dates and highlighted date ranges
- Comprehensive accessibility with screen reader support

Enhancements:
- Integrate Calendar into DatePicker with confirmation flow
- Add triggerDisabled prop to Tooltip for better a11y around "disabled" triggers
- Add calendarStyle, highlightedDates, and seedDate props to DatePicker
- Add custom a11y labels for Calendar navigation

Dependencies:
- Remove react-native-date-picker (no longer needed)

Tests:
- Add Storybook for Calendar
- Add unit tests for Calendar, DatePicker, Tooltip

Documentation:
- Added mobile docs for Calendar
- Updated mobile docs for DatePicker and Tooltip
- Removed references to react-native-date-picker in Web docs for DatePicker
@cb-heimdall
Copy link
Collaborator

cb-heimdall commented Oct 31, 2025

🟡 Heimdall Review Status

Requirement Status More Info
Reviews 🟡 0/1
Denominator calculation
Show calculation
1 if user is bot 0
1 if user is external 0
2 if repo is sensitive 0
From .codeflow.yml 1
Additional review requirements
Show calculation
Max 0
0
From CODEOWNERS 1
Global minimum 0
Max 1
1
1 if commit is unverified 0
Sum 1
CODEOWNERS ✅ None for this change

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Development

Successfully merging this pull request may close these issues.

2 participants