Skip to content

Zen

Zenv0.10.1
Storybook

Components

Repeat Picker

How often something recurs, like a bill, said in words, with the next dates it falls on.

Repeats
Every
day
week
month
year
Day 1
Day 2
Day 3
Day 4
Day 5
Day 6
Day 7
Day 8
Day 9
Day 10
Day 11
Day 12
Day 13
Day 14
Day 15
Day 16
Day 17
Day 18
Day 19
Day 20
Day 21
Day 22
Day 23
Day 24
Day 25
Day 26
Day 27
Day 28
Day 29
Day 30
Day 31
Last day

Every month on day 1
Next: Nov 1, 2026, Dec 1, 2026, Jan 1, 2027

Import

import { RepeatPicker } from '@rinzai/zen';

API reference

<RepeatPicker>

How often something recurs, e.g. a bill: every n days, weeks, months or years, on chosen weekdays or a day of the month. Says what it means in words, and with a start date, the next few dates it falls on.

PropTypeDefault
localeRequired

For weekday and date names, and the week's first day.

string—
onChangeRequired
(value: Repeat) => void—
valueRequired
Repeat—
className
string—
label

The group's name for screen readers (default "Repeats").

stringRepeats
start

When it starts: its weekday and day of the month are the defaults, and the next dates are shown.

string—
weekStartsOn

0 for Sunday … 6. Defaults to the locale's.

numberweekStart(locale)