diff --git a/package-lock.json b/package-lock.json
index b224439b6ee..1301083e906 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6997,9 +6997,9 @@
       }
     },
     "node_modules/reka-ui": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/reka-ui/-/reka-ui-2.3.2.tgz",
-      "integrity": "sha512-lCysSCILH2uqShEnt93/qzlXnB7ySvK7scR0Q5C+a2iXwFVzHhvZQsMaSnbQYueoCihx6yyUZTYECepnmKrbRA==",
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/reka-ui/-/reka-ui-2.6.1.tgz",
+      "integrity": "sha512-XK7cJDQoNuGXfCNzBBo/81Yg/OgjPwvbabnlzXG2VsdSgNsT6iIkuPBPr+C0Shs+3bb0x0lbPvgQAhMSCKm5Ww==",
       "license": "MIT",
       "dependencies": {
         "@floating-ui/dom": "^1.6.13",
diff --git a/resources/js/components/ui/DatePicker/DatePicker.vue b/resources/js/components/ui/DatePicker/DatePicker.vue
index f6f9d5ebdaf..44a7616c355 100644
--- a/resources/js/components/ui/DatePicker/DatePicker.vue
+++ b/resources/js/components/ui/DatePicker/DatePicker.vue
@@ -129,6 +129,7 @@ const getInputLabel = (part) => {
             role="group"
             :aria-label="__('Date picker')"
             :aria-required="required"
+            close-on-select
         >
             <DatePickerField v-slot="{ segments }" class="w-full">
                 <DatePickerAnchor as-child>
diff --git a/resources/js/components/ui/DateRangePicker/DateRangePicker.vue b/resources/js/components/ui/DateRangePicker/DateRangePicker.vue
index fd22b8a47b0..90322b2060a 100644
--- a/resources/js/components/ui/DateRangePicker/DateRangePicker.vue
+++ b/resources/js/components/ui/DateRangePicker/DateRangePicker.vue
@@ -98,6 +98,7 @@ const calendarEvents = computed(() => ({
             prevent-deselect
             hide-time-zone
             :placeholder="placeholder"
+            close-on-select
         >
             <DateRangePickerField v-slot="{ segments }" class="w-full">
                 <div