Routine Calendar App

Routine Calendar Component Features

• Displays a monthly calendar in a 7-column grid (one for each day of the week)
• Supports two modes: "self" (personal calendar) and "organization" (team schedules), toggled via a button in the header
• Allows navigation through months and years using dropdowns
• Provides a filter dropdown to show "All Days," "Workdays Only," or "Holidays/Events."
• Each Date Cell displays the day number and conditional content

Sun

Mon

Tue

Wed

Thu

Fri

Sat

1

08:00 - 16:00

2

08:00 - 16:0009:00 - 17:00

3

08:00 - 16:0009:00 - 17:0010:00 - 18:00

4

08:00 - 16:00

5

08:00 - 16:0009:00 - 17:00

6

7

8

08:00 - 16:0009:00 - 17:00

9

08:00 - 16:0009:00 - 17:0010:00 - 18:00

10

08:00 - 16:00

11

08:00 - 16:0009:00 - 17:00

12

08:00 - 16:0009:00 - 17:0010:00 - 18:00

13

Holiday on 9/13/2025

14

15

Holiday on 9/15/2025

16

08:00 - 16:00

17

08:00 - 16:0009:00 - 17:00

18

08:00 - 16:0009:00 - 17:0010:00 - 18:00

19

08:00 - 16:00

20

21

22

08:00 - 16:00

23

08:00 - 16:0009:00 - 17:00

24

08:00 - 16:0009:00 - 17:0010:00 - 18:00

25

Holiday on 9/25/2025

26

Holiday on 9/26/2025

27

28

29

08:00 - 16:0009:00 - 17:00

30

08:00 - 16:0009:00 - 17:0010:00 - 18:00