fix(27817): VoiceOver announcing dropdown for Timepicker as button (#…

…29899)
microsoft · Dec 29, 2023 · 66300ca · 66300ca
1 parent 5b06fa9
commit 66300ca
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/react-examples/src/react/TimePicker/TimePicker.DateTimePicker.Example.tsx b/packages/react-examples/src/react/TimePicker/TimePicker.DateTimePicker.Example.tsx
@@ -47,12 +47,18 @@ export const TimePickerDateTimePickerExample: React.FC = () => {
     <Stack tokens={stackTokens} styles={stackStyles}>
       <Label>{'DatePicker and TimePicker combination'}</Label>
       <div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gridColumnGap: '3px' }}>
-        <DatePicker placeholder="Select a date..." value={datePickerDate} onSelectDate={onSelectDate} />
+        <DatePicker
+          placeholder="Select a date..."
+          value={datePickerDate}
+          onSelectDate={onSelectDate}
+          ariaLabel="Date picker"
+        />
         <TimePicker
           placeholder="Select a time"
           dateAnchor={datePickerDate}
           value={currentTime}
           onChange={onTimePickerChange}
+          ariaLabel="Time picker"
         />
       </div>
       <Text>{`⚓ Date anchor: ${datePickerDate.toString()}`}</Text>