fix: Weekly view time slots offset and content overflow in different timezones

[PranjaliChouhan]

…# Fix weekly view time slots offset and content overflow in different timezones

What does this PR do?

• Fixes Weekly view time slots offset and content overflow clipped #14208 (Weekly view time slots offset and content overflow clipped)

Visual Demo (For contributors especially)

Image Demo:

[You can include screenshots showing the before/after of the fix if available]

Mandatory Tasks (DO NOT REMOVE)

• I have self-reviewed the code.
• I have updated the developer docs in /docs if this PR makes changes that would require a documentation change. N/A
• I confirm automated tests are in place that prove my fix is effective or that my feature works.

How should this be tested?

1. Set your browser/system to a timezone behind UTC (like Pacific TZ -07)
2. Visit any booker page with a weekly view calendar
3. Switch to weekly view mode
4. Verify that:
   • Time slots begin at the correct time (no offset)
   • End hour slots are fully visible (not clipped due to top offset)
   • All time slots are properly aligned with their respective hours

Checklist

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

Changes Made

1. Fixed timezone handling in LargeCalendar.tsx:

   • Added proper detection of user's timezone using dayjs.tz.guess()
   • Correctly converted UTC time to the user's local timezone

2. Updated AvailableTimes.tsx:

   • Removed the manual offset calculation that was causing display issues
   • Used proper timezone conversion through dayjs

3. Improved useCheckOverlapWithOverlay.tsx:

   • Enhanced how the offset parameter is handled for better timezone support
   • Added a check to only apply offset when needed

4. Added proper TypeScript configuration for the bookings module with correct path references

[vercel]

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

A member of the Team first needs to authorize it.

[CLAassistant]

All committers have signed the CLA.

[github-actions]

Hey there and thank you for opening this pull request! 👋🏼

We require pull request titles to follow the Conventional Commits specification and it looks like your proposed title needs to be adjusted.

Details:

No release type found in pull request title "Fix weekly view time slots offset and content overflow in different t…". Add a prefix to indicate what kind of release this pull request corresponds to. For reference, see https://www.conventionalcommits.org/

Available types:
 - feat: A new feature
 - fix: A bug fix
 - docs: Documentation only changes
 - style: Changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc)
 - refactor: A code change that neither fixes a bug nor adds a feature
 - perf: A code change that improves performance
 - test: Adding missing tests or correcting existing tests
 - build: Changes that affect the build system or external dependencies (example scopes: gulp, broccoli, npm)
 - ci: Changes to our CI configuration files and scripts (example scopes: Travis, Circle, BrowserStack, SauceLabs)
 - chore: Other changes that don't modify src or test files
 - revert: Reverts a previous commit

[graphite-app]

Graphite Automations

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

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

"Add community label" took an action on this PR • (04/06/25)

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