diff --git a/core/src/components/picker-column-internal/picker-column-internal.tsx b/core/src/components/picker-column-internal/picker-column-internal.tsx index 01a152ee98..622d0237a8 100644 --- a/core/src/components/picker-column-internal/picker-column-internal.tsx +++ b/core/src/components/picker-column-internal/picker-column-internal.tsx @@ -414,9 +414,11 @@ export class PickerColumnInternal implements ComponentInterface { } render() { - const { items, color, isActive, numericInput } = this; + const { items, color, isActive, numericInput, value } = this; const mode = getIonMode(this); + const activeItemIndex = items.findIndex(item => item.value === value); + /** * exportparts is needed so ion-datetime can expose the parts * from two layers of shadow nesting. If this causes problems, @@ -425,6 +427,7 @@ export class PickerColumnInternal implements ComponentInterface { */ return (