Kibo UIKibo UI

Calendar

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

Sun
Mon
Tue
Wed
Thu
Fri
Sat
29
30
31
1
2
3
4
5
6
Orchestrate virtual experiences
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
Deploy interactive partnerships
24
Deliver compelling models
Extend visionary supply-chains
25
26
27
28
29
Redefine rich lifetime value
30
1
2

Installation

npx kibo-ui 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
29
30
31
1
2
Repurpose killer interfaces
3
4
5
6
7
8
9
10
11
12
Iterate enterprise channels
13
14
15
16
Unleash generative deliverables
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2

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.

On this page

Installation
Features
Examples
Without a date picker

Powered by

dndkit.comjotai.orgdate-fns.orglucide.dev