Skip to main content
Urbicon UI
← Back to Recipes

Meal Planner

Weekly meal plan built on Planner — meals bucketed by day, sorted by meal type, with an add affordance that lives on every day including empty ones.

Planner Button Badge

Live Preview

Week 25 – June 2026
Week 25 – June 2026
Mon 15Tue 16Wed 17Thu 18Fri 19Sat 20Sun 21
Mon 15
Overnight Oats
Lentil Curry
Tue 16
Ramen Bowl
Wed 17
Avocado Toast
Margherita Pizza
Thu 18
Fri 19
Tacos al Pastor
Sat 20
Sun 21
Shakshuka

Key Features

  • Planner buckets a typed MealEntry[] by local day via getDate — no manual date math
  • sort orders meals within a day (breakfast → lunch → dinner)
  • The cell snippet renders your own markup and runs for empty days, so "Add" is always reachable
  • onNavigate hands you the visible week range to load data per week
  • bind:selectedDate tracks the active day; clicking a cell body selects it
  • Server and client agree on the week via the Svelte-free @urbicon-ui/blocks/date subpath

Meal Planner Recipe

Loading...
Loading syntax highlighting...