Month grid with a tinted range band, solid start and end chips, and a nights chip in the header.
The import and the props worth knowing about, in one place.
import { Calendar5 } from "@/components/beste/piece/calendar5";
<Calendar5
surface="card"
bordered={false}
inverted={false}
month="June"
year="2026"
rangeStart={12}
rangeEnd={18}
firstDayOffset={0}
daysInMonth={30}
weekdays={[
"M",
"T",
"W",
"T",
"F",
"S",
"S"
]}
nightsLabel="nights"
/>