# Date reel

A 3D wheel date and time picker (like iOS reels) with momentum scrolling, snapping, curved perspective, and full keyboard support.

- ID: `date-reel`
- Import: `animui/date-reel`
- Category: Special
- Runtime exports: `DateReel`
- Declaration: `types/pro/date-reel.d.ts`
- Type provenance: reconstructed-from-docs-and-runtime
- Related: time-picker, date-picker, time-dial

```tsx
import { DateReel } from 'animui/date-reel';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info date-reel` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
/** Reconstructed from saved Arc documentation and runtime binding evidence; original TypeScript source was unavailable. */
import type { ComponentType, ReactNode, CSSProperties, Ref, ButtonHTMLAttributes, HTMLAttributes, ReactElement } from 'react';

export interface DateReelLabels { previous?: string; next?: string; today?: string; }
export interface DateReelProps {
  mode?: "datetime" | "date" | "time";
  value?: Date;
  defaultValue?: Date;
  onChange?: (value: Date) => void;
  today?: Date;
  minDate?: Date;
  maxDate?: Date;
  minuteStep?: 1 | 5 | 10 | 15 | 30;
  hourCycle?: 12 | 24;
  locale?: string;
  presets?: { label: string; value: Date | ((today: Date) => Date) }[] | false;
  title?: string;
  onConfirm?: (value: Date) => void | Promise<void>;
  labels?: DateReelLabels;
  intro?: boolean;
  speed?: number;
  paused?: boolean;
  accent?: string;
  label?: string;
  className?: string;
  style?: CSSProperties;
}

export declare const DateReel: ComponentType<DateReelProps>;

export default DateReel;
```