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" />