Sun-schedule card with sunrise and sunset times flanking a large daylight duration in the center.
The import and the props worth knowing about, in one place.
import { Calendar30 } from "@/components/beste/piece/calendar30";
<Calendar30
date="Thursday, Apr 23"
sunrise="06:18"
sunset="19:52"
daylightHours="13h 34m"
tone="neutral"
bordered={false}
/>