Calendar

The calendar view displays features on a grid calendar. Specifically it shows the end date of each feature, and groups features by day.

Powered by

dnd kit

Jotai

date-fns

Lucide

Sun

Mon

Tue

Wed

Thu

Fri

Sat

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

Expedite next-generation web services

18

19

20

21

22

Empower front-end architectures

23

24

Strategize extensible metrics

Integrate revolutionary large language models

25

26

27

28

29

30

1

2

3

4

5

Installation

npx kibo-ui@latest add calendar

Features

Features are grouped by day
Features are color-coded by their status
Features are truncated if there are too many to fit in the grid cell
Selectable date range
Pagination of dates
Internationalization through locale prop

Examples

Without a date picker

Sun

Mon

Tue

Wed

Thu

Fri

Sat

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

Implement user-centric large language models

19

20

21

22

23

24

25

26

27

28

29

30

1

2

3

4

5

Cursor

A cursor component, great for realtime interactive applications.

Gantt

The Gantt chart is a powerful tool for visualizing project schedules and tracking the progress of tasks. It provides a clear, hierarchical view of tasks, allowing you to easily identify manage project timelines.