# Day Strip

Pick a day from a strip of soft capsules. The selected day grows and fills with ink.

Tier: Free

## Installation

```bash
npx shadcn add @fetaui/day-strip
```

## Usage

```tsx
import { DayStrip } from '@/components/fetaui/day-strip'

export function Example() {
  return <DayStrip start={monday} today={today} defaultValue={today} />
}
```

## API

| Prop | Type | Default |
|---|---|---|
| start | Date | required |
| days | number | 5 |
| value | Date |  |
| defaultValue | Date | start |
| onValueChange | (value) => void |  |
| today | Date |  |
| locale | string | en-US |
| animated | boolean | true |
| className | string |  |

## When to use

- For a short run of days, like this week in a booking flow.

## When not to use

- For dates far ahead: use Calendar.

## Accessibility

- A radiogroup, and each day reads its full date.
- One tab stop, on the selected day.

## Motion

- The selected capsule grows over 240 ms and the pointer slides on a spring.
- Pressing squeezes a capsule to .96.
- With reduced motion, the change is instant.