diff --git a/compiler/components/timePicker.json b/compiler/components/timePicker.json
new file mode 100644
index 0000000000000000000000000000000000000000..e03ec3f6f95b7d8f12384068985b86e1368189ba
--- /dev/null
+++ b/compiler/components/timePicker.json
@@ -0,0 +1,4 @@
+{
+    "name": "TimePicker",
+    "attrs": ["onChange", "useMilitaryTime"]
+}
\ No newline at end of file
diff --git a/compiler/src/component_map.ts b/compiler/src/component_map.ts
index c7fe3d1b0f4e70179df6f35fd4b1bba116e7e609..8d8360848a4705ce6b80a167d437311f38720551 100644
--- a/compiler/src/component_map.ts
+++ b/compiler/src/component_map.ts
@@ -86,7 +86,8 @@ export const JS_BIND_COMPONENTS: Set<string> = new Set([
   'TabsController', 'CalendarController', 'AbilityController', 'VideoController', 'WebController',
   'XComponentController', 'CanvasRenderingContext2D', 'CanvasGradient', 'ImageBitmap', 'ImageData',
   'Path2D', 'RenderingContextSettings', 'OffscreenCanvasRenderingContext2D', 'DatePickerDialog',
-  'TextPickerDialog', 'AlertDialog', 'ContextMenu', 'ActionSheet', 'PatternLockController'
+  'TextPickerDialog', 'AlertDialog', 'ContextMenu', 'ActionSheet', 'PatternLockController',
+  'TimePickerDialog'
 ]);
 
 export const NEEDPOP_COMPONENT: Set<string> = new Set(['Blank', 'Search']);