## Snooze Menu (S—095)

A snooze popover with smart presets that show the actual resulting time, plus a custom stepper.

- URL: https://sundaeui.dev/components/snooze-menu
- Category: UI components · Art direction: Refined
- Access: Free (no account needed)
- Stack: React 18+, TypeScript, plain CSS; dependencies: none
- Install: `npx shadcn@latest add https://sundaeui.dev/r/snooze-menu.json`
- Tags: remind, snooze, time, menu, popover, email

Presets like Later today, Tomorrow and Next week each show the exact day and time they resolve to, computed from now, so there is no guessing.
The custom row steps hours with + and −. Choosing collapses the menu into a pill that says when the item comes back.

### Usage

```tsx
import { SnoozeMenu } from '@/components/sundae/snooze-menu'

<SnoozeMenu />
```

### Props

- `onSnooze` (`(until: Date) => void`): Called with the chosen time.
- `now` (`Date`, default `new Date()`): Reference time.
- `fill` (`'dark' | 'light'`, default `'dark'`): Surface: dark or light.

### When to use

- Email, tasks, notifications, reminders.

### When not to use

- Scheduling far ahead: use a date picker.

### Accessibility

- A menu button with role="menu" items; arrow keys move, Escape closes and returns focus.
- The result pill is announced.
- Reduced motion removes the movement and keeps every state change.

### Keyboard

- ↑ / ↓: Move between presets
- Esc: Close