fix: layout of dialog (edit location) on bookings page

[krakenftw]

…ponent

What does this PR do?

• Fixes Fix layout for edit location dialog in bookings page #20267 (GitHub issue number)
• Fixes CAL-XXXX (Linear issue number - should be visible at the bottom of the GitHub issue description)

Visual Demo (For contributors especially)

Before -

After -

A visual demonstration is strongly recommended, for both the original and new change (video / image - any one).

Video Demo (if applicable):

• Show screen recordings of the issue or feature.
• Demonstrate how to reproduce the issue, the behavior before and after the change.

Image Demo (if applicable):

• Add side-by-side screenshots of the original and updated change.
• Highlight any significant change(s).

Mandatory Tasks (DO NOT REMOVE)

• I have self-reviewed the code (A decent size PR without self-review might be rejected).
• I have updated the developer docs in /docs if this PR makes changes that would require a documentation change. If N/A, write N/A here and check the checkbox.
• I confirm automated tests are in place that prove my fix is effective or that my feature works.

How should this be tested?

• Are there environment variables that should be set?
• What are the minimal test data to have?
• What is expected (happy path) to have (input and output)?
• Any other important info that could help to test that PR

Checklist

• I haven't read the contributing guide
• My code doesn't follow the style guidelines of this project
• I haven't commented my code, particularly in hard-to-understand areas
• I haven't checked if my changes generate no new warnings

[vercel]

@krakenftw is attempting to deploy a commit to the cal Team on Vercel.

A member of the Team first needs to authorize it.

[graphite-app]

Graphite Automations

"Add consumer team as reviewer" took an action on this PR • (03/20/25)

1 reviewer was added to this PR based on Keith Williams's automation.

"Add community label" took an action on this PR • (03/20/25)

1 label was added to this PR based on Keith Williams's automation.

[retrogtx]

hey @krakenftw a test is failing

[retrogtx]

Cant seem to commit to your PR

The test is just prettier failing, to fix it just run this in your terminal:

npx prettier --write \ apps/web/components/apps/AdditionalCalendarSelector.tsx \ apps/web/components/apps/AppPage.tsx \ apps/web/components/dialog/RerouteDialog.tsx \ apps/web/components/dialog/RescheduleDialog.tsx \ apps/web/components/getting-started/components/AppConnectionItem.tsx \ apps/web/components/getting-started/steps-views/ConnectCalendars.tsx \ apps/web/components/getting-started/steps-views/ConnectedVideoStep.tsx \ apps/web/components/getting-started/steps-views/SetupAvailability.tsx \ apps/web/components/getting-started/steps-views/UserSettings.tsx \ apps/web/components/security/DisableUserImpersonation.tsx \ apps/web/components/security/EnableTwoFactorModal.tsx \ apps/web/components/settings/platform/oauth-clients/OAuthClientCard.tsx \ apps/web/components/setup/EnterpriseLicense.tsx \ apps/web/components/ui/UsernameAvailability/UsernameTextfield.tsx \ apps/web/components/ui/form/DatePicker.tsx

And then push the changes!

[krakenftw]

@TusharBhatt1 @anikdhabal Anything left to merge here?

[retrogtx]

lint failing

[krakenftw]

@retrogtx I cant run the linting check (yarn lint) on my end, it also seems to be failing on the action? am i missing something

[github-actions]

E2E results are ready!

• Workflow #53777.1 latest results