fix(OutlinedClockIcon): Replace OutlinedClockIcon with RhUiClockIcon (#12465)

Co-authored-by: Cursor <cursoragent@cursor.com>

Author: rebeccaalpert

packages/react-core/src/components/TimePicker/TimePicker.tsx

@@ -19,7 +19,7 @@ import {
   getSeconds
 } from './TimePickerUtils';
 import { HelperText, HelperTextItem } from '../HelperText';
-import OutlinedClockIcon from '@patternfly/react-icons/dist/esm/icons/outlined-clock-icon';
+import RhUiClockIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-clock-icon';
 import cssDatePickerFormControlWidth from '@patternfly/react-tokens/dist/esm/c_date_picker__input_c_form_control_Width';
 import { GenerateId } from '../../helpers';
 
@@ -515,7 +515,7 @@ class TimePicker extends Component<TimePickerProps, TimePickerState> {
               placeholder={placeholder}
               value={timeState || ''}
               type="text"
-              customIcon={<OutlinedClockIcon />}
+              customIcon={<RhUiClockIcon />}
               onClick={this.onInputClick}
               onChange={this.onInputChange}
               autoComplete="off"

packages/react-core/src/demos/DateTimePicker.md

@@ -6,7 +6,7 @@ subsection: date-and-time
 
 import { useState } from 'react';
 import RhUiCalendarIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-calendar-icon';
-import OutlinedClockIcon from '@patternfly/react-icons/dist/esm/icons/outlined-clock-icon';
+import RhUiClockIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-clock-icon';
 
 ## Demos
 

packages/react-core/src/demos/examples/DateTimePicker/DateTimePicker.tsx

@@ -13,7 +13,7 @@ import {
   MenuToggleElement
 } from '@patternfly/react-core';
 import RhUiCalendarIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-calendar-icon';
-import OutlinedClockIcon from '@patternfly/react-icons/dist/esm/icons/outlined-clock-icon';
+import RhUiClockIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-clock-icon';
 
 export const DateTimePicker: React.FunctionComponent = () => {
   const [isCalendarOpen, setIsCalendarOpen] = useState(false);
@@ -65,7 +65,7 @@ export const DateTimePicker: React.FunctionComponent = () => {
           onClick={onToggleTime}
           isExpanded={isTimeOpen}
           aria-label="Time picker"
-          icon={<OutlinedClockIcon />}
+          icon={<RhUiClockIcon />}
         />
       )}
     >