diff --git a/public/app/core/components/Select/SortPicker.tsx b/public/app/core/components/Select/SortPicker.tsx
index 4a0c635da2a..2b741cc1230 100644
--- a/public/app/core/components/Select/SortPicker.tsx
+++ b/public/app/core/components/Select/SortPicker.tsx
@@ -13,13 +13,14 @@ export interface Props {
   getSortOptions?: () => Promise<SelectableValue[]>;
   filter?: string[];
   isClearable?: boolean;
+  disabled?: boolean;
 }
 
 const defaultSortOptionsGetter = (): Promise<SelectableValue[]> => {
   return getGrafanaSearcher().getSortOptions();
 };
 
-export function SortPicker({ onChange, value, placeholder, filter, getSortOptions, isClearable }: Props) {
+export function SortPicker({ onChange, value, placeholder, filter, getSortOptions, isClearable, disabled }: Props) {
   // Using sync Select and manual options fetching here since we need to find the selected option by value
   const options = useAsync<() => Promise<SelectableValue[]>>(async () => {
     const vals = await (getSortOptions ?? defaultSortOptionsGetter)();
@@ -45,6 +46,7 @@ export function SortPicker({ onChange, value, placeholder, filter, getSortOption
       placeholder={placeholder ?? `Sort (Default ${DEFAULT_SORT.label})`}
       prefix={<Icon name={isDesc ? 'sort-amount-down' : 'sort-amount-up'} />}
       isClearable={isClearable}
+      disabled={disabled}
     />
   );
 }