javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-08 23:58:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(picker): picker column is easier to select with assistive technology (#29371)

Browse Source 
Issue number: resolves #25221
This commit is contained in:
Liam DeBeasi
2024-04-24 16:25:46 -04:00
committed by GitHub
parent f91a6eaeb4
commit e38e2e4d35
5 changed files with 333 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
core/src/components/datetime/datetime.tsx
View File

@ -1687,6 +1687,7 @@ export class Datetime implements ComponentInterface {
return (
<ion-picker-column
aria-label="Select a date"
class="date-column"
color={this.color}
disabled={disabled}
@ -1806,6 +1807,7 @@ export class Datetime implements ComponentInterface {
return (
<ion-picker-column
aria-label="Select a day"
class="day-column"
color={this.color}
disabled={disabled}
@ -1849,6 +1851,7 @@ export class Datetime implements ComponentInterface {
return (
<ion-picker-column
aria-label="Select a month"
class="month-column"
color={this.color}
disabled={disabled}
@ -1891,6 +1894,7 @@ export class Datetime implements ComponentInterface {
return (
<ion-picker-column
aria-label="Select a year"
class="year-column"
color={this.color}
disabled={disabled}
@ -1964,6 +1968,7 @@ export class Datetime implements ComponentInterface {
return (
<ion-picker-column
aria-label="Select an hour"
color={this.color}
disabled={disabled}
value={activePart.hour}
@ -2003,6 +2008,7 @@ export class Datetime implements ComponentInterface {
return (
<ion-picker-column
aria-label="Select a minute"
color={this.color}
disabled={disabled}
value={activePart.minute}
@ -2045,6 +2051,7 @@ export class Datetime implements ComponentInterface {
return (
<ion-picker-column
aria-label="Select a day period"
style={isDayPeriodRTL ? { order: '-1' } : {}}
color={this.color}
disabled={disabled}