# Create Project block

> Inset right project create Sheet with inline metadata comboboxes and target date picker

Create-project side drawer: name Input and description Textarea over inline Combobox pickers for status, priority, lead, members, milestone, target date, labels. Uses shadcn Sheet, Combobox, Calendar, Dialog, AvatarGroup. New project or issue form.

- Type: Pro block
- Category: [Sheet](https://web.dev.reui.io/blocks/application/sheet.md)
- Page: https://web.dev.reui.io/blocks/application/sheet/sheet-1
- Docs (Base UI): https://ui.shadcn.com/docs/components/base/sheet.md
- Docs (Radix UI): https://ui.shadcn.com/docs/components/radix/sheet.md
- MCP: `get_block("sheet-1")`
- Built with: Avatar, Button, Calendar, Checkbox, Combobox, Dialog, Field, Input, Scroll Area, Sheet, Textarea
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## Best for

A borderless name and brief over a row of 7 inline pickers, with presets or a Calendar dialog for the target date and a tips list

## Agent notes

- The form `onSubmit` only calls `preventDefault`, so Create project persists nothing; post `projectName`, `description` and the picker values
- `TargetDateCombobox` builds its `today` from a fixed date literal, so the Tomorrow and End of week presets go stale; use the real date
- Replace the sample pickers `PROJECT_STATUS_OPTIONS`, `PROJECT_PEOPLE_OPTIONS`, `PROJECT_MILESTONE_OPTIONS` and `PROJECT_LABEL_OPTIONS` in data.tsx

## When not to use

- A centered modal project form with a cover image upload, not a side panel: use [Project With Cover](https://web.dev.reui.io/blocks/application/dialog/dialog-9.md) (`get_block("dialog-9")`)

## Third-party libraries

- date-fns v4: [docs](https://date-fns.org/v4.1.0/docs/Getting-Started)
- React DayPicker v9: [API reference](https://daypicker.dev/v9/api), [docs](https://daypicker.dev/v9/start), through shadcn Calendar

## Install

```bash
npx shadcn@latest add @reui/sheet-1
```

## About Sheet blocks

### When to use

- Record detail opened over a list or table: a ticket, metric, cron job, audit event, deploy, SLO or data source
- Create and edit forms in a side panel for a project, cron job, firewall rule, SLO or data connection
- Utility panels for help guides, keyboard shortcuts, an AI assistant, comments, notifications or view settings

### When not to use

- A bare side panel with your own header, body and footer, nothing prebuilt: use [Sheet](https://web.dev.reui.io/components/sheet.md) (`get_component("sheet")`)
- A persistent sidebar or navigation layout that stays around every page: use the [App Shell blocks](https://web.dev.reui.io/blocks/application/app-shell.md)
- An assistant conversation that fills the whole page rather than a side panel: use the [AI Chat blocks](https://web.dev.reui.io/blocks/ai-agents/ai-chat.md)

### Agent notes

- Each root renders a demo `SheetTrigger` button and opens on mount via `defaultOpen` or a `useState` seeded true; start it closed in your app
- Each `SheetContent` className floats it inset with `inset-y-4`, `right-4` and `rounded-xl` and sets its own width; resize it there, not in the primitive
- Each page.tsx only centers the trigger in a `min-h-svh` main with an `sr-only` h1; render the root component alone inside your page

Every ReUI item has a twin like this one; the index is https://web.dev.reui.io/llms.txt. Agents with the ReUI MCP (https://web.dev.reui.io/docs/mcp) get the same guidance from the getters named above.