Calendar

A neumorphic calendar component with month navigation and day highlighting.

TSX

import { Calendar } from "looply-comp-lib";

Calendar

The Calendar component displays a monthly grid with navigation arrows and highlights today's date.

Usage

JSX

import { Calendar } from "looply-comp-lib";

<Calendar />

Features

Month and year navigation with arrow buttons
Highlights the current day with neu-flat styling
Each day cell uses neu-inset for the pressed look
Responsive grid layout with weekday headers

Demo

August

2026

Su

Mo

Tu

We

Th

Fr

Sa

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31