From 969539426d91cd184abe18cf85a96aa8beb8f78c Mon Sep 17 00:00:00 2001
From: Oliver <oliver.henry.walters@gmail.com>
Date: Fri, 5 Jun 2026 17:13:12 +1000
Subject: [PATCH] [UI] Calendar refresh (#12091)

* [UI] Add "refresh" button to Calendar view

* Extend filter drawer width
---
 .../src/components/calendar/Calendar.tsx        | 17 ++++++++++++++++-
 .../src/components/calendar/OrderCalendar.tsx   |  1 +
 src/frontend/src/tables/FilterSelectDrawer.tsx  |  2 +-
 3 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/components/calendar/Calendar.tsx b/src/frontend/src/components/calendar/Calendar.tsx
index dcddcdcfd1..f097318403 100644
--- a/src/frontend/src/components/calendar/Calendar.tsx
+++ b/src/frontend/src/components/calendar/Calendar.tsx
@@ -32,7 +32,8 @@ import {
   IconChevronLeft,
   IconChevronRight,
   IconDownload,
-  IconFilter
+  IconFilter,
+  IconRefresh
 } from '@tabler/icons-react';
 import {
   type ReactNode,
@@ -55,6 +56,7 @@ export interface InvenTreeCalendarProps extends CalendarOptions {
   enableDownload?: boolean;
   enableFilters?: boolean;
   enableSearch?: boolean;
+  enableRefresh?: boolean;
   eventTooltipContent?: (event: EventContentArg) => ReactNode;
   filters?: TableFilter[];
   isLoading?: boolean;
@@ -65,6 +67,7 @@ export default function Calendar({
   enableDownload,
   enableFilters = false,
   enableSearch,
+  enableRefresh = true,
   eventTooltipContent,
   isLoading,
   filters,
@@ -214,6 +217,18 @@ export default function Calendar({
             {enableSearch && (
               <SearchInput searchCallback={state.setSearchTerm} />
             )}
+            {enableRefresh && (
+              <ActionIcon
+                variant='transparent'
+                aria-label='calendar-refresh'
+                disabled={isLoading}
+                onClick={() => state.query.refetch()}
+              >
+                <Tooltip label={t`Refresh calendar`} position='top-end'>
+                  <IconRefresh />
+                </Tooltip>
+              </ActionIcon>
+            )}
             {enableFilters && filters && filters.length > 0 && (
               <Indicator
                 size='xs'
diff --git a/src/frontend/src/components/calendar/OrderCalendar.tsx b/src/frontend/src/components/calendar/OrderCalendar.tsx
index 8ecf517b6e..36923e48e2 100644
--- a/src/frontend/src/components/calendar/OrderCalendar.tsx
+++ b/src/frontend/src/components/calendar/OrderCalendar.tsx
@@ -211,6 +211,7 @@ export default function OrderCalendar({
     <Calendar
       enableDownload
       enableFilters
+      enableRefresh
       enableSearch
       events={events}
       state={calendarState}
diff --git a/src/frontend/src/tables/FilterSelectDrawer.tsx b/src/frontend/src/tables/FilterSelectDrawer.tsx
index 2421e2328e..78eecb16ea 100644
--- a/src/frontend/src/tables/FilterSelectDrawer.tsx
+++ b/src/frontend/src/tables/FilterSelectDrawer.tsx
@@ -515,7 +515,7 @@ export function FilterSelectDrawer({
 
   return (
     <Drawer
-      size='sm'
+      size='lg'
       position='right'
       withCloseButton={true}
       opened={opened}