diff --git a/sdk/react/src/lib/fragment-components/a-time-picker.tsx b/sdk/react/src/lib/fragment-components/a-time-picker.tsx
index 6d4745ff..5db4a040 100644
--- a/sdk/react/src/lib/fragment-components/a-time-picker.tsx
+++ b/sdk/react/src/lib/fragment-components/a-time-picker.tsx
@@ -67,7 +67,7 @@ export const ATimePickerSettingsUI = ({ selectedComponent, setComponent }: any)
 	return <>
 		<Checkbox
 			labelText='AM/PM'
-			id='apPm'
+			id='amPm'
 			checked={selectedComponent.showTimePeriod}
 			onChange={(_: any, { checked }: any) => setComponent({
 				...selectedComponent,