-
Notifications
You must be signed in to change notification settings - Fork 0
Open
Labels
enhancementNew feature or requestNew feature or requestfeatureNew feature or enhancementNew feature or enhancementui-uxUser interface and experience improvementsUser interface and experience improvements
Description
🚀 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
- As a user, I want to interact with a clean, modern calendar so that I can view, add, and manage inventory events more easily
- 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 requestNew feature or requestfeatureNew feature or enhancementNew feature or enhancementui-uxUser interface and experience improvementsUser interface and experience improvements