diff --git a/compiler/components/timePicker.json b/compiler/components/timePicker.json
new file mode 100644
index 0000000..e03ec3f
--- /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 c7fe3d1..8d83608 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']);
diff --git a/compiler/tsconfig.json b/compiler/tsconfig.json
index 4204e14..4da94c4 100644
--- a/compiler/tsconfig.json
+++ b/compiler/tsconfig.json
@@ -87,6 +87,7 @@
         "TextArea",
         "TextInput",
         "TextTimer",
+        "TimePicker",
         "Toggle",
         "Video",
         "Web",
@@ -495,6 +496,11 @@
             "type": "TextTimerAttribute",
             "instance": "TextTimerInstance"
           },
+          {
+            "name": "TimePicker",
+            "type": "TimePickerAttribute",
+            "instance": "TimePickerInstance"
+          },
           {
             "name": "Toggle",
             "type": "ToggleAttribute",