From 08c13168326b38792591828317b5ed80f1a8de1d Mon Sep 17 00:00:00 2001
From: Shayne Thiessen <shayne@shaynethiessen.com>
Date: Mon, 1 Apr 2024 09:35:13 -0500
Subject: [PATCH] feat: add onblur to local time picker (#401)

---
 .../controls/src/date/LocalTimePicker/LocalTimePicker.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/controls/src/date/LocalTimePicker/LocalTimePicker.tsx b/packages/controls/src/date/LocalTimePicker/LocalTimePicker.tsx
index 629c79c8..916d254a 100644
--- a/packages/controls/src/date/LocalTimePicker/LocalTimePicker.tsx
+++ b/packages/controls/src/date/LocalTimePicker/LocalTimePicker.tsx
@@ -22,6 +22,7 @@ export function LocalTimePicker(props: LocalTimePickerProps): JSX.Element {
 	const {
 		value,
 		onChange,
+		onBlur,
 		as,
 		action,
 		actionPosition,
@@ -66,6 +67,10 @@ export function LocalTimePicker(props: LocalTimePickerProps): JSX.Element {
 		transparent,
 	};
 
+	const handleDatePickerBlur = (e: React.FocusEvent<HTMLInputElement>) => {
+		onBlur && onBlur(e);
+	};
+
 	return (
 		<DatePicker
 			{...rest}
@@ -80,9 +85,10 @@ export function LocalTimePicker(props: LocalTimePickerProps): JSX.Element {
 			dateFormat="hh:mm aa"
 			customInput={
 				<Input {...inputProps}>
-					<MaskedTimeInput {...inputProps} />
+					<MaskedTimeInput {...inputProps} onBlur={handleDatePickerBlur} />
 				</Input>
 			}
+			onBlur={handleDatePickerBlur}
 		/>
 	);
 }