From cab56466a2d6420e8cf7eda789b56eadf613a9c9 Mon Sep 17 00:00:00 2001
From: Liam DeBeasi <liamdebeasi@users.noreply.github.com>
Date: Mon, 4 Dec 2023 11:19:24 -0500
Subject: [PATCH] fix: datetime use keys for stable identity

---
 core/src/components/datetime/datetime.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/core/src/components/datetime/datetime.tsx b/core/src/components/datetime/datetime.tsx
index 05b4774359..599becbec4 100644
--- a/core/src/components/datetime/datetime.tsx
+++ b/core/src/components/datetime/datetime.tsx
@@ -1649,7 +1649,7 @@ export class Datetime implements ComponentInterface {
         }}
       >
         {items.map((item: PickerColumnItem) => (
-          <ion-picker-column-option disabled={item.disabled} value={item.value}>{item.text}</ion-picker-column-option>
+          <ion-picker-column-option key={item.value} disabled={item.disabled} value={item.value}>{item.text}</ion-picker-column-option>
         ))}
       </ion-picker-column>
     );
@@ -1769,7 +1769,7 @@ export class Datetime implements ComponentInterface {
         }}
       >
         {days.map((day: PickerColumnItem) => (
-          <ion-picker-column-option disabled={day.disabled} value={day.value}>{day.text}</ion-picker-column-option>
+          <ion-picker-column-option key={day.value} disabled={day.disabled} value={day.value}>{day.text}</ion-picker-column-option>
         ))}
       </ion-picker-column>
     );
@@ -1817,7 +1817,7 @@ export class Datetime implements ComponentInterface {
         }}
       >
         {months.map((month: PickerColumnItem) => (
-          <ion-picker-column-option disabled={month.disabled} value={month.value}>{month.text}</ion-picker-column-option>
+          <ion-picker-column-option key={month.value} disabled={month.disabled} value={month.value}>{month.text}</ion-picker-column-option>
         ))}
       </ion-picker-column>
     );
@@ -1864,7 +1864,7 @@ export class Datetime implements ComponentInterface {
         }}
       >
         {years.map((year: PickerColumnItem) => (
-          <ion-picker-column-option disabled={year.disabled} value={year.value}>{year.text}</ion-picker-column-option>
+          <ion-picker-column-option key={year.value} disabled={year.disabled} value={year.value}>{year.text}</ion-picker-column-option>
         ))}
       </ion-picker-column>
     );
@@ -1930,7 +1930,7 @@ export class Datetime implements ComponentInterface {
         }}
       >
         {hoursData.map((hour: PickerColumnItem) => (
-          <ion-picker-column-option disabled={hour.disabled} value={hour.value}>{hour.text}</ion-picker-column-option>
+          <ion-picker-column-option key={hour.value} disabled={hour.disabled} value={hour.value}>{hour.text}</ion-picker-column-option>
         ))}
       </ion-picker-column>
     );
@@ -1962,7 +1962,7 @@ export class Datetime implements ComponentInterface {
         }}
       >
         {minutesData.map((minute: PickerColumnItem) => (
-          <ion-picker-column-option disabled={minute.disabled} value={minute.value}>{minute.text}</ion-picker-column-option>
+          <ion-picker-column-option key={minute.value} disabled={minute.disabled} value={minute.value}>{minute.text}</ion-picker-column-option>
         ))}
       </ion-picker-column>
     );
@@ -2001,7 +2001,7 @@ export class Datetime implements ComponentInterface {
         }}
       >
         {dayPeriodData.map((dayPeriod: PickerColumnItem) => (
-          <ion-picker-column-option disabled={dayPeriod.disabled} value={dayPeriod.value}>{dayPeriod.text}</ion-picker-column-option>
+          <ion-picker-column-option key={dayPeriod.value} disabled={dayPeriod.disabled} value={dayPeriod.value}>{dayPeriod.text}</ion-picker-column-option>
         ))}
       </ion-picker-column>
     );