diff --git a/src/DatePicker/DatePickerInput.svelte b/src/DatePicker/DatePickerInput.svelte
index 71beefad..67eb6e6c 100644
--- a/src/DatePicker/DatePickerInput.svelte
+++ b/src/DatePicker/DatePickerInput.svelte
@@ -154,7 +154,10 @@
         class="bx--date-picker__icon"
         aria-label="{iconDescription}"
         title="{iconDescription}"
-        on:click="{openCalendar}"
+        on:click="{() => {
+          if (disabled || ref.matches(':disabled')) return;
+          openCalendar();
+        }}"
       />
     {/if}
   </div>