Skip to content

[FEATURE] Replace Calendar Component with FirefighterHub Calendar #252

@DrunkOnJava

Description

@DrunkOnJava

code (3).zip

🚀 Feature Description

Replace the existing calendar UI/component with the version provided from FirefighterHub.

💡 Problem/Motivation

The current calendar does not meet usability and design requirements. FirefighterHub's calendar offers better UI/UX and more robust logic (including shift-based filtering and real-time updates). Migrating will improve maintainability and user satisfaction.

💭 Proposed Solution

  • Remove/replace current calendar implementation with the FirefighterHub calendar (see provided code zip)
  • Ensure new calendar integrates seamlessly with the ModularHomeInventory app modules
  • Update any related UI references and logic to match new calendar API, styling, and interaction patterns
  • Adapt TypeScript props/interfaces if necessary to match FirefighterHub's patterns

🔄 Alternative Solutions

  • Refactor the existing calendar to include advanced logic (not recommended due to codebase differences)

🎯 Use Cases

  1. As a user, I want to interact with a clean, modern calendar so that I can view, add, and manage inventory events more easily
  2. As a developer, I want reusable logic and UI to maintain high code quality and avoid reinventing solutions

📱 Platform/Module

  • Core Module
  • Items Module
  • Locations Module
  • Search Module
  • UI/Views
  • New Module: ___

🎨 UI/UX Considerations

  • New screen/view
  • Addition to existing screen
  • Settings option
  • Background feature
  • Other: Replace legacy calendar with FirefighterHub calendar

📋 Acceptance Criteria

  • Existing calendar is fully replaced with FirefighterHub calendar component
  • All new calendar features are working (UI + shift filtering, reactivity)
  • No regression of functionality elsewhere in ModularHomeInventory
  • UI/UX matches the design intent of FirefighterHub's calendar

🔧 Implementation Notes

  • Use package manager: pnpm
  • Use TypeScript (strict)
  • Calendar styles must be Tailwind CSS compatible
  • Integrate with component tree so shift-based/event logic is accessible

📸 Mockups/Examples

Refer to FirefighterHub calendar implementation.

🚨 Priority Level

  • Critical (Core functionality)
  • High (Important enhancement)
  • Medium (Nice to have)
  • Low (Future consideration)

Metadata

Metadata

Assignees

Labels

enhancementNew feature or requestfeatureNew feature or enhancementui-uxUser interface and experience improvements

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions