diff --git a/packages/comet-uswds/src/components/date-picker/date-picker.tsx b/packages/comet-uswds/src/components/date-picker/date-picker.tsx
index 20e6dcc8..9c835699 100644
--- a/packages/comet-uswds/src/components/date-picker/date-picker.tsx
+++ b/packages/comet-uswds/src/components/date-picker/date-picker.tsx
@@ -53,10 +53,10 @@ export const DatePicker = ({
   const datePickerRef = useRef<HTMLDivElement>(null);
 
   useLayoutEffect(() => {
-    const datePickerElement = datePickerRef.current as HTMLInputElement;
+    const datePickerElement = datePickerRef.current as HTMLDivElement;
     const datePickerWrapper = datePickerElement.querySelector(
       '.usa-date-picker__wrapper',
-    ) as HTMLInputElement;
+    ) as HTMLDivElement;
     if (!datePickerWrapper) datePicker.on(datePickerElement);
 
     const externalInput = datePicker.getDatePickerContext(datePickerElement).externalInputEl;