diff --git a/components/DatePicker/index.tsx b/components/DatePicker/index.tsx
index 962a8fc96..b115a163d 100644
--- a/components/DatePicker/index.tsx
+++ b/components/DatePicker/index.tsx
@@ -123,7 +123,12 @@ export default function DatePickerForm({ name = "date" }: DatePickerFormProps) {
       data-isopen={isOpen}
       ref={ref}
     >
-      <button className={styles.btn} onFocus={showOnFocus} type="button">
+      <button
+        className={styles.btn}
+        onFocus={showOnFocus}
+        onClick={() => setIsOpen(true)}
+        type="button"
+      >
         <Body className={styles.body} asChild>
           <span>
             {selectedFromDate} - {selectedToDate}
