feat: Set Default max pickable days

static/app/components/organizations/pageFilters/container.tsx

@@ -14,6 +14,7 @@ import LoadingIndicator from 'sentry/components/loadingIndicator';
 import {DEFAULT_STATS_PERIOD} from 'sentry/constants';
 import {isActiveSuperuser} from 'sentry/utils/isActiveSuperuser';
 import {useLocation} from 'sentry/utils/useLocation';
+import {useDefaultMaxPickableDays} from 'sentry/utils/useMaxPickableDays';
 import useOrganization from 'sentry/utils/useOrganization';
 import usePageFilters from 'sentry/utils/usePageFilters';
 import useProjects from 'sentry/utils/useProjects';
@@ -87,6 +88,9 @@ function PageFiltersContainer({
     ? []
     : specifiedProjects.filter(project => !project.isMember);
 
+  const defaultMaxPickableDays = useDefaultMaxPickableDays();
+  maxPickableDays = maxPickableDays ?? defaultMaxPickableDays;
+
   const doInitialization = () => {
     initializeUrlState({
       organization,

static/app/components/timeRangeSelector/index.tsx

@@ -24,6 +24,7 @@ import {
 } from 'sentry/utils/dates';
 import {parsePeriodToHours} from 'sentry/utils/duration/parsePeriodToHours';
 import getRouteStringFromRoutes from 'sentry/utils/getRouteStringFromRoutes';
+import {useDefaultMaxPickableDays} from 'sentry/utils/useMaxPickableDays';
 import useOrganization from 'sentry/utils/useOrganization';
 import useRouter from 'sentry/utils/useRouter';
 
@@ -153,7 +154,7 @@ export function TimeRangeSelector({
   showRelative = true,
   defaultAbsolute,
   defaultPeriod = DEFAULT_STATS_PERIOD,
-  maxPickableDays = 90,
+  maxPickableDays,
   maxDateRange,
   disallowArbitraryRelativeRanges = false,
   trigger,
@@ -167,6 +168,9 @@ export function TimeRangeSelector({
   const router = useRouter();
   const organization = useOrganization({allowNull: true});
 
+  const defaultMaxPickableDays = useDefaultMaxPickableDays();
+  maxPickableDays = maxPickableDays ?? defaultMaxPickableDays;
+
   const [search, setSearch] = useState('');
   const [hasChanges, setHasChanges] = useState(false);
   const [hasDateRangeErrors, setHasDateRangeErrors] = useState(false);

static/app/types/hooks.tsx

@@ -8,7 +8,10 @@ import type {ProductSelectionProps} from 'sentry/components/onboarding/productSe
 import type DateRange from 'sentry/components/timeRangeSelector/dateRange';
 import type SelectorItems from 'sentry/components/timeRangeSelector/selectorItems';
 import type {SentryRouteObject} from 'sentry/router/types';
-import type {useMaxPickableDays} from 'sentry/utils/useMaxPickableDays';
+import type {
+  useDefaultMaxPickableDays,
+  useMaxPickableDays,
+} from 'sentry/utils/useMaxPickableDays';
 import type {WidgetType} from 'sentry/views/dashboards/types';
 import type {OrganizationStatsProps} from 'sentry/views/organizationStats';
 import type {RouteAnalyticsContext} from 'sentry/views/routeAnalyticsContextProvider';
@@ -331,6 +334,7 @@ type ReactHooks = {
   'react-hook:use-dashboard-dataset-retention-limit': (props: {
     dataset: WidgetType;
   }) => number;
+  'react-hook:use-default-max-pickable-days': typeof useDefaultMaxPickableDays;
   'react-hook:use-get-max-retention-days': () => number | undefined;
   'react-hook:use-max-pickable-days': typeof useMaxPickableDays;
   'react-hook:use-metric-detector-limit': () => {

static/app/utils/useMaxPickableDays.tsx

@@ -2,12 +2,29 @@ import {useMemo, type ReactNode} from 'react';
 
 import HookOrDefault from 'sentry/components/hookOrDefault';
 import type {DatePageFilterProps} from 'sentry/components/organizations/datePageFilter';
+import {MAX_PICKABLE_DAYS} from 'sentry/constants';
 import {t} from 'sentry/locale';
 import HookStore from 'sentry/stores/hookStore';
 import {DataCategory} from 'sentry/types/core';
 import type {Organization} from 'sentry/types/organization';
 import useOrganization from 'sentry/utils/useOrganization';
 
+/**
+ * This returns the default max pickable days for the current organization.
+ *
+ * Use this as the default when there is not known data category.
+ */
+export function useDefaultMaxPickableDays(): number {
+  const useDefaultMaxPickableDaysHook =
+    HookStore.get('react-hook:use-default-max-pickable-days')[0] ??
+    useDefaultMaxPickableDaysImpl;
+  return useDefaultMaxPickableDaysHook();
+}
+
+function useDefaultMaxPickableDaysImpl() {
+  return MAX_PICKABLE_DAYS;
+}
+
 export interface MaxPickableDaysOptions {
   /**
    * The maximum number of days the user is allowed to pick on the date page filter

static/gsApp/hooks/useMaxPickableDays.tsx

@@ -1,6 +1,7 @@
 import {useMemo} from 'react';
 import moment from 'moment-timezone';
 
+import {MAX_PICKABLE_DAYS} from 'sentry/constants';
 import {DataCategory} from 'sentry/types/core';
 import {defined} from 'sentry/utils';
 import {
@@ -16,6 +17,11 @@ import type {Subscription} from 'getsentry/types';
 
 import useSubscription from './useSubscription';
 
+export function useDefaultMaxPickableDays() {
+  const subscription = useSubscription();
+  return subscription?.planDetails?.retentionDays ?? MAX_PICKABLE_DAYS;
+}
+
 export function useMaxPickableDays({
   dataCategories,
 }: UseMaxPickableDaysProps): MaxPickableDaysOptions {

static/gsApp/registerHooks.tsx

@@ -82,7 +82,7 @@ import ReplayOnboardingAlert from './components/replayOnboardingAlert';
 import ReplaySettingsAlert from './components/replaySettingsAlert';
 import useButtonTracking from './hooks/useButtonTracking';
 import useGetMaxRetentionDays from './hooks/useGetMaxRetentionDays';
-import {useMaxPickableDays} from './hooks/useMaxPickableDays';
+import {useDefaultMaxPickableDays, useMaxPickableDays} from './hooks/useMaxPickableDays';
 import useRouteActivatedHook from './hooks/useRouteActivatedHook';
 
 const PartnershipAgreement = lazy(() => import('getsentry/views/partnershipAgreement'));
@@ -233,6 +233,7 @@ const GETSENTRY_HOOKS: Partial<Hooks> = {
   'component:crons-list-page-header': () => CronsBillingBanner,
   'react-hook:route-activated': useRouteActivatedHook,
   'react-hook:use-button-tracking': useButtonTracking,
+  'react-hook:use-default-max-pickable-days': useDefaultMaxPickableDays,
   'react-hook:use-max-pickable-days': useMaxPickableDays,
   'react-hook:use-get-max-retention-days': useGetMaxRetentionDays,
   'react-hook:use-metric-detector-limit': useMetricDetectorLimit,