From 40270f219abfc293b29af6df7bd870fbe9e24593 Mon Sep 17 00:00:00 2001
From: Mo Tarbin <mhed.t91@gmail.com>
Date: Tue, 14 Jul 2026 12:29:32 -0400
Subject: [PATCH] Fix: make sure the calendar doesn't take the full screen on
 desktop

---
 src/views/components/DueDatePickerField.jsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/views/components/DueDatePickerField.jsx b/src/views/components/DueDatePickerField.jsx
index bb0685a..af6ba3a 100644
--- a/src/views/components/DueDatePickerField.jsx
+++ b/src/views/components/DueDatePickerField.jsx
@@ -231,6 +231,7 @@ const DueDatePickerField = ({
         open={isOpen}
         onClose={() => setIsOpen(false)}
         title='Due Date'
+        fullWidth={false}
         footer={
           <Box sx={{ display: 'flex', justifyContent: 'flex-end', gap: 1 }}>
             {hasDueDate && (
@@ -266,7 +267,7 @@ const DueDatePickerField = ({
           </Box>
         }
       >
-        <Box sx={{ fontFamily: 'var(--joy-fontFamily-body)' }}>
+        <Box sx={{ fontFamily: 'var(--joy-fontFamily-body)', maxWidth: 360 }}>
           {/* Date shortcuts */}
           <Typography
             level='body-xs'