Sunrise Sunset

Sun-schedule card with sunrise and sunset mono times flanking a large daylight duration in the center.

Thursday, Apr 23

Sunrise06:18

Daylight13h 34m

Sunset19:52

+2 min vs yesterday

Import & use

import { Calendar30 } from "@/components/beste/piece/calendar30";

<Calendar30
  date="Thursday, Apr 23"
  sunrise="06:18"
  sunset="19:52"
  daylightHours="13h 34m"
  trend="+2 min vs yesterday"
  tone="neutral"
/>

More Calendar pieces

View all Calendar

Today · Thu 23 Apr

09:30

Design reviewFigma

11:00

1:1 with MiraMeet

14:30

Ship roomOffice · 4F

Day Agenda

Today's schedule card with left-ruled event rows colored by accent and a leading start-time column.

Today

Tue, 12 May

09:00New member intake

11:30Care plan review

14:00Billing sync

16:15Follow-up call

Daily Agenda Card

A day view listing time-stamped agenda rows, each with a colored marker and a truncating title.

Weekly standup09:30 – 09:45

MTWTFSS

Ends Dec 19, 2026

Recurring Schedule

Weekly recurrence card with a repeat icon, time window, highlighted day-of-week pills, and an end date.

TodayThuApr 2314:00

Date Pill

Horizontal pill combining a relative label, weekday, mono date, and an optional time separated by thin rules.

Mon · Apr 27