Skip to content

Commit 773acc8

Browse files
fix(CalendarIcon): Replace CalendarIcon with RhUiCalendarFillIcon (#12461)
Co-authored-by: Cursor <cursoragent@cursor.com>
1 parent bc8bb7c commit 773acc8

3 files changed

Lines changed: 5 additions & 5 deletions

File tree

packages/react-core/src/components/TextInput/examples/TextInput.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ propComponents: ['TextInput', 'TextInputExpandedObj']
77
---
88

99
import { useRef, useState } from 'react';
10-
import CalendarIcon from '@patternfly/react-icons/dist/esm/icons/calendar-icon';
10+
import RhUiCalendarFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-calendar-fill-icon';
1111
import ClockIcon from '@patternfly/react-icons/dist/esm/icons/clock-icon';
1212

1313
## Examples

packages/react-core/src/components/TextInput/examples/TextInputCustomIcon.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { useState } from 'react';
22
import { TextInput } from '@patternfly/react-core';
3-
import CalendarIcon from '@patternfly/react-icons/dist/esm/icons/calendar-icon';
3+
import RhUiCalendarFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-calendar-fill-icon';
44
import ClockIcon from '@patternfly/react-icons/dist/esm/icons/clock-icon';
55

66
export const TextInputCustomIcon: React.FunctionComponent = () => {
@@ -12,7 +12,7 @@ export const TextInputCustomIcon: React.FunctionComponent = () => {
1212
<TextInput
1313
value={calendar}
1414
type="text"
15-
customIcon={<CalendarIcon />}
15+
customIcon={<RhUiCalendarFillIcon />}
1616
onChange={(_event, value) => setCalendar(value)}
1717
aria-label="text input example with calendar icon"
1818
/>

packages/react-core/src/components/TextInput/examples/TextInputCustomIconInvalid.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { useState } from 'react';
22
import { TextInput, ValidatedOptions } from '@patternfly/react-core';
3-
import CalendarIcon from '@patternfly/react-icons/dist/esm/icons/calendar-icon';
3+
import RhUiCalendarFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-calendar-fill-icon';
44

55
export const TextInputCustomIconInvalid: React.FunctionComponent = () => {
66
const [calendar, setCalendar] = useState('');
@@ -11,7 +11,7 @@ export const TextInputCustomIconInvalid: React.FunctionComponent = () => {
1111
value={calendar}
1212
type="text"
1313
validated={ValidatedOptions.error}
14-
customIcon={<CalendarIcon />}
14+
customIcon={<RhUiCalendarFillIcon />}
1515
onChange={(_event, value) => setCalendar(value)}
1616
aria-label="text input example with calendar icon"
1717
/>

0 commit comments

Comments
 (0)