fix: datetime passes disabled state correctly

This commit is contained in:
Liam DeBeasi
2023-12-04 10:40:51 -05:00
parent 8693fd6cf3
commit 84c3c52347

View File

@@ -1612,6 +1612,7 @@ export class Datetime implements ComponentInterface {
? `${workingParts.year}-${workingParts.month}-${workingParts.day}`
: `${defaultParts.year}-${defaultParts.month}-${defaultParts.day}`;
console.log('hi there', items)
return (
<ion-picker-column
class="date-column"
@@ -1648,7 +1649,7 @@ export class Datetime implements ComponentInterface {
}}
>
{items.map((item: PickerColumnItem) => (
<ion-picker-column-option value={item.value}>{item.text}</ion-picker-column-option>
<ion-picker-column-option disabled={item.disabled} value={item.value}>{item.text}</ion-picker-column-option>
))}
</ion-picker-column>
);
@@ -1768,7 +1769,7 @@ export class Datetime implements ComponentInterface {
}}
>
{days.map((day: PickerColumnItem) => (
<ion-picker-column-option value={day.value}>{day.text}</ion-picker-column-option>
<ion-picker-column-option disabled={item.disabled} value={day.value}>{day.text}</ion-picker-column-option>
))}
</ion-picker-column>
);
@@ -1816,7 +1817,7 @@ export class Datetime implements ComponentInterface {
}}
>
{months.map((month: PickerColumnItem) => (
<ion-picker-column-option value={month.value}>{month.text}</ion-picker-column-option>
<ion-picker-column-option disabled={item.disabled} value={month.value}>{month.text}</ion-picker-column-option>
))}
</ion-picker-column>
);
@@ -1863,7 +1864,7 @@ export class Datetime implements ComponentInterface {
}}
>
{years.map((year: PickerColumnItem) => (
<ion-picker-column-option value={year.value}>{year.text}</ion-picker-column-option>
<ion-picker-column-option disabled={item.disabled} value={year.value}>{year.text}</ion-picker-column-option>
))}
</ion-picker-column>
);
@@ -1929,7 +1930,7 @@ export class Datetime implements ComponentInterface {
}}
>
{hoursData.map((hour: PickerColumnItem) => (
<ion-picker-column-option value={hour.value}>{hour.text}</ion-picker-column-option>
<ion-picker-column-option disabled={item.disabled} value={hour.value}>{hour.text}</ion-picker-column-option>
))}
</ion-picker-column>
);
@@ -1961,7 +1962,7 @@ export class Datetime implements ComponentInterface {
}}
>
{minutesData.map((minute: PickerColumnItem) => (
<ion-picker-column-option value={minute.value}>{minute.text}</ion-picker-column-option>
<ion-picker-column-option disabled={item.disabled} value={minute.value}>{minute.text}</ion-picker-column-option>
))}
</ion-picker-column>
);
@@ -2000,7 +2001,7 @@ export class Datetime implements ComponentInterface {
}}
>
{dayPeriodData.map((dayPeriod: PickerColumnItem) => (
<ion-picker-column-option value={dayPeriod.value}>{dayPeriod.text}</ion-picker-column-option>
<ion-picker-column-option disabled={item.disabled} value={dayPeriod.value}>{dayPeriod.text}</ion-picker-column-option>
))}
</ion-picker-column>
);