Lightning Calendar Mobile UI Fix

Job ID: 40122334

Budget: $250 – $750 USD

I built a custom Lightning Web Component that displays a calendar, but the mobile experience still needs polish. Right now the Daily, Weekly, and Monthly views don’t scroll horizontally on phones or tablets; users are stuck with whatever portion of the calendar fits on-screen. I need the component reviewed, the CSS / JS adjusted, and any template tweaks applied so each of those three views scrolls smoothly with a finger swipe.

While you’re in the code, please re-style the filter section. I’d like each filter option highlighted with different colors so they stand out instantly and are easier to scan, without changing the underlying logic.

I’m looking to turn this around ASAP, so clean, well-commented code that can drop straight back into a Salesforce org is essential. If you’re comfortable working inside LWC conventions—HTML templates, CSS modules, JavaScript controllers—and can test responsively across iOS and Android, you’ll fly through this.

Deliverables:
• Updated LWC bundle with horizontal scrolling working on Daily, Weekly, and Monthly views.
• Refreshed filter styling using color highlights, tested for accessibility contrast.
• Brief change log explaining the key edits for quick peer review.

I can provide source so you can start immediately.