feat: add onblur to local time picker (#401)

thr-consulting · Apr 1, 2024 · 08c1316 · 08c1316
1 parent b3004de
commit 08c1316
Showing 1 changed file with 7 additions and 1 deletion.
diff --git 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}
 		/>
 	);
 }