Sleep Schedule

Sleep planner card bracketing bedtime and wake times with sunset and sunrise icons and a consistency bar.

Sleep scheduleTarget 8 hours

Bedtime23:15

Wake06:45

6 days on schedule this week

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

Import & use

import { Health14 } from "@/components/beste/piece/health14";

<Health14
  bedtime="23:15"
  wake="06:45"
  target="8 hours"
  consistency={92}
  note="6 days on schedule this week"
  label="Sleep schedule"
  tone="violet"
/>