ref(ui): Switch DateTime to named exports (#68204)

static/app/components/activity/item/index.tsx

@@ -1,7 +1,7 @@
 import styled from '@emotion/styled';
 import moment from 'moment-timezone';
 
-import DateTime from 'sentry/components/dateTime';
+import {DateTime} from 'sentry/components/dateTime';
 import TimeSince from 'sentry/components/timeSince';
 import {space} from 'sentry/styles/space';
 import textStyles from 'sentry/styles/text';

static/app/components/archivedBox.tsx

@@ -1,4 +1,4 @@
-import DateTime from 'sentry/components/dateTime';
+import {DateTime} from 'sentry/components/dateTime';
 import Duration from 'sentry/components/duration';
 import {BannerContainer, BannerSummary} from 'sentry/components/events/styles';
 import ExternalLink from 'sentry/components/links/externalLink';

static/app/components/dateTime.spec.tsx

@@ -3,7 +3,7 @@ import {UserFixture} from 'sentry-fixture/user';
 
 import {render, screen} from 'sentry-test/reactTestingLibrary';
 
-import DateTime from 'sentry/components/dateTime';
+import {DateTime} from 'sentry/components/dateTime';
 import ConfigStore from 'sentry/stores/configStore';
 
 describe('DateTime', () => {

static/app/components/dateTime.tsx

@@ -4,7 +4,7 @@ import momentTimezone from 'moment-timezone';
 import ConfigStore from 'sentry/stores/configStore';
 import {getFormat} from 'sentry/utils/dates';
 
-interface Props extends React.HTMLAttributes<HTMLTimeElement> {
+export interface DateTimeProps extends React.HTMLAttributes<HTMLTimeElement> {
   /**
    * Input date.
    */
@@ -48,7 +48,7 @@ interface Props extends React.HTMLAttributes<HTMLTimeElement> {
   year?: boolean;
 }
 
-function DateTime({
+export function DateTime({
   format,
   date,
   utc,
@@ -59,7 +59,7 @@ function DateTime({
   seconds = false,
   forcedTimezone,
   ...props
-}: Props) {
+}: DateTimeProps) {
   const user = ConfigStore.get('user');
   const options = user?.options;
 
@@ -89,4 +89,6 @@ function DateTime({
   );
 }
 
-export default DateTime;
+const DO_NOT_USE = DateTime;
+
+export default DO_NOT_USE;

static/app/components/events/autofix/autofixSteps.tsx

@@ -2,7 +2,7 @@ import {Fragment, useState} from 'react';
 import styled from '@emotion/styled';
 
 import {Button} from 'sentry/components/button';
-import DateTime from 'sentry/components/dateTime';
+import {DateTime} from 'sentry/components/dateTime';
 import type {
   AutofixData,
   AutofixProgressItem,

static/app/components/events/eventMetadata.tsx

@@ -1,7 +1,7 @@
 import styled from '@emotion/styled';
 
 import {SectionHeading} from 'sentry/components/charts/styles';
-import DateTime from 'sentry/components/dateTime';
+import {DateTime} from 'sentry/components/dateTime';
 import FileSize from 'sentry/components/fileSize';
 import ProjectBadge from 'sentry/components/idBadge/projectBadge';
 import ExternalLink from 'sentry/components/links/externalLink';

static/app/components/events/eventStatisticalDetector/eventComparison/eventDisplay.tsx

@@ -3,7 +3,7 @@ import styled from '@emotion/styled';
 
 import {Button, LinkButton} from 'sentry/components/button';
 import {CompactSelect} from 'sentry/components/compactSelect';
-import DateTime from 'sentry/components/dateTime';
+import {DateTime} from 'sentry/components/dateTime';
 import EmptyStateWarning from 'sentry/components/emptyStateWarning';
 import {EventTags} from 'sentry/components/events/eventTags';
 import {MINIMAP_HEIGHT} from 'sentry/components/events/interfaces/spans/constants';

static/app/components/events/eventStatisticalDetector/regressionMessage.tsx

@@ -2,7 +2,7 @@ import {useMemo} from 'react';
 import styled from '@emotion/styled';
 
 import {LinkButton} from 'sentry/components/button';
-import DateTime from 'sentry/components/dateTime';
+import {DateTime} from 'sentry/components/dateTime';
 import {DataSection} from 'sentry/components/events/styles';
 import Link from 'sentry/components/links/link';
 import PerformanceDuration from 'sentry/components/performanceDuration';

static/app/components/events/eventTagsAndScreenshot/screenshot/modal.tsx

@@ -7,7 +7,7 @@ import type {ModalRenderProps} from 'sentry/actionCreators/modal';
 import {Button} from 'sentry/components/button';
 import Buttonbar from 'sentry/components/buttonBar';
 import Confirm from 'sentry/components/confirm';
-import DateTime from 'sentry/components/dateTime';
+import {DateTime} from 'sentry/components/dateTime';
 import {getRelativeTimeFromEventDateCreated} from 'sentry/components/events/contexts/utils';
 import Link from 'sentry/components/links/link';
 import NotAvailable from 'sentry/components/notAvailable';

static/app/components/events/interfaces/debugMeta/debugImageDetails/candidate/information/index.tsx

@@ -2,7 +2,7 @@ import {Fragment} from 'react';
 import styled from '@emotion/styled';
 import moment from 'moment-timezone';
 
-import DateTime from 'sentry/components/dateTime';
+import {DateTime} from 'sentry/components/dateTime';
 import FileSize from 'sentry/components/fileSize';
 import TimeSince from 'sentry/components/timeSince';
 import {Tooltip} from 'sentry/components/tooltip';