refactor: [M3-6316, M3-6317] MUI v5 Migration - Components > DateTimeDisplay, DebouncedSearchTextField

[mjac0bs]

Description 📝

What does this PR do?

• Ran the tss-react codemod on DebouncedSearchTextField, but then replaced with styled since it was such a small change
• No styles to run codemod on DateTimeDisplay
• Modernized both components by using named exports and better prop interface names

Preview 📷

DebouncedSearchTextField:

DateTimeDisplay:

How to test 🧪

What are the steps to reproduce the issue or verify the changes?

• Check that there have been no changes visually or in functionality for the DebouncedSearchTextFields throughout the app
  • e.g. http://localhost:3000/stackscripts/community
• Check that there have been no visual changes for the DateTimeDisplay throughout the app
  • e.g. http://localhost:3000/events
• Check that Storybook is still rendering correctly: http://localhost:6006/?path=/docs/elements-typography-date-time-display--docs

How do I run relevant unit or e2e tests?

yarn test DateTimeDisplay

[cypress]

1 flaky tests on run #3050 ↗︎

0

149

3

0

1

Details:

Prevent search icon from turning blue on hover
Project: Cloud Manager E2E	Commit: 3b3d295da6
Status: Passed	Duration: 15:17 💡
Started: Apr 18, 2023 10:14 PM	Ended: Apr 18, 2023 10:29 PM

  cypress/e2e/linodes/rescue-linode.spec.ts • 1 flaky test

View Output Video

Test		Artifacts
rescue linode > rescue a linode		Output Screenshots Video

_{This comment has been generated by cypress-bot as a result of this project's GitHub integration settings.}

[mjac0bs]

@bnussman-akamai Thanks - did that clean up in c058760.