Task 3.1: Staff Availability Management

[scrollinondubs]

Description

Build admin interface for managing staff schedules using React Hook Form and Zod validation.

Epic

Part of Epic 3: Staff Scheduling (#18)

Technical Details

• Files: /app/admin/staff/page.tsx, /components/admin/staff-availability-form.tsx
• Framework: Next.js Server Components + Client Components
• Forms: React Hook Form + Zod validation
• UI Components: shadcn/ui (Calendar, Select, Form components)
• State Management: TanStack Query + Next.js Server Actions

Acceptance Criteria

• Admins can update staff availability easily
• Changes sync across all platforms
• Calendar view shows staff schedules
• Set recurring schedules (M-F, weekends)
• Mark unavailable dates
• Form validation with proper error messages

Dependencies

• Depends on: Task 1.1: Implement Booking Request API (Task 1.1: Implement Booking Request API #13) - API before UI
• Depends on: Task 2.1: Develop Service Catalog UI (Task 2.1: Develop Service Catalog UI #16) - API before UI
• Depends on: Task 3.2: Notification System for Staff (#TBD) - API before UI

Estimated Effort

25 hours

Priority

P0

Git Worktree

Can be developed in parallel after API endpoints are complete.