From 72a83e47a17065270d0827ba23db5dc60a6fe242 Mon Sep 17 00:00:00 2001 From: Rebecca Alpert Date: Thu, 11 Jun 2026 21:18:24 -0400 Subject: [PATCH] fix(CalendarIcon): Replace CalendarIcon with RhUiCalendarFillIcon Co-authored-by: Cursor --- .../react-core/src/components/TextInput/examples/TextInput.md | 2 +- .../src/components/TextInput/examples/TextInputCustomIcon.tsx | 4 ++-- .../TextInput/examples/TextInputCustomIconInvalid.tsx | 4 ++-- 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/react-core/src/components/TextInput/examples/TextInput.md b/packages/react-core/src/components/TextInput/examples/TextInput.md index 798fd624f9c..fab52df78d7 100644 --- a/packages/react-core/src/components/TextInput/examples/TextInput.md +++ b/packages/react-core/src/components/TextInput/examples/TextInput.md @@ -7,7 +7,7 @@ propComponents: ['TextInput', 'TextInputExpandedObj'] --- import { useRef, useState } from 'react'; -import CalendarIcon from '@patternfly/react-icons/dist/esm/icons/calendar-icon'; +import RhUiCalendarFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-calendar-fill-icon'; import ClockIcon from '@patternfly/react-icons/dist/esm/icons/clock-icon'; ## Examples diff --git a/packages/react-core/src/components/TextInput/examples/TextInputCustomIcon.tsx b/packages/react-core/src/components/TextInput/examples/TextInputCustomIcon.tsx index f6e527ccc91..b0981c69bf6 100644 --- a/packages/react-core/src/components/TextInput/examples/TextInputCustomIcon.tsx +++ b/packages/react-core/src/components/TextInput/examples/TextInputCustomIcon.tsx @@ -1,6 +1,6 @@ import { useState } from 'react'; import { TextInput } from '@patternfly/react-core'; -import CalendarIcon from '@patternfly/react-icons/dist/esm/icons/calendar-icon'; +import RhUiCalendarFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-calendar-fill-icon'; import ClockIcon from '@patternfly/react-icons/dist/esm/icons/clock-icon'; export const TextInputCustomIcon: React.FunctionComponent = () => { @@ -12,7 +12,7 @@ export const TextInputCustomIcon: React.FunctionComponent = () => { } + customIcon={} onChange={(_event, value) => setCalendar(value)} aria-label="text input example with calendar icon" /> diff --git a/packages/react-core/src/components/TextInput/examples/TextInputCustomIconInvalid.tsx b/packages/react-core/src/components/TextInput/examples/TextInputCustomIconInvalid.tsx index 3811ac10d65..ce64623aa30 100644 --- a/packages/react-core/src/components/TextInput/examples/TextInputCustomIconInvalid.tsx +++ b/packages/react-core/src/components/TextInput/examples/TextInputCustomIconInvalid.tsx @@ -1,6 +1,6 @@ import { useState } from 'react'; import { TextInput, ValidatedOptions } from '@patternfly/react-core'; -import CalendarIcon from '@patternfly/react-icons/dist/esm/icons/calendar-icon'; +import RhUiCalendarFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-calendar-fill-icon'; export const TextInputCustomIconInvalid: React.FunctionComponent = () => { const [calendar, setCalendar] = useState(''); @@ -11,7 +11,7 @@ export const TextInputCustomIconInvalid: React.FunctionComponent = () => { value={calendar} type="text" validated={ValidatedOptions.error} - customIcon={} + customIcon={} onChange={(_event, value) => setCalendar(value)} aria-label="text input example with calendar icon" />