Date Picker

About this piece

Date Picker

Mini month grid with a weekday strip and one day cell selected.

Usage

The import and the props worth knowing about, in one place.

import { Shapes24 } from "@/components/beste/piece/shapes24";

<Shapes24 />

More Shapes pieces

View all Shapes

Event Card

Date block on the left with title lines and a location row carrying a status dot.

Countdown Timer

Four bordered tiles each with a digit value above a small unit label.

Dot Grid

Sixteen dots laid out as a four-by-four spacing grid.

Feature Grid

Three columns, each with an icon tile, a heading line, and two body lines.

Contact Info

Three divided rows pairing mail, phone, and pin icons with label and value.

Settings List

Three divided rows with labels and trailing toggles or value lines.