Sunrise & Sunset

Sunrise and sunset times bracketing a thin track with an amber sun marker positioned by day progress.

SunriseSunset
6:14 AM8:42 PM
Daylight 14h 28m

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Weather6 } from "@/components/beste/piece/weather6";

<Weather6
  sunrise="6:14 AM"
  sunset="8:42 PM"
  daylight="14h 28m"
  dayProgress={0.42}
/>