Skip to main content

Showcase

Real screens built from the pickers, running live. Tap any field, then switch the platform: each one takes that platform's design.

Book a stay

A searchable city list, a priced range calendar, the check-in time, an emoji, two guest wheels and the guest’s country.

  • SelectPicker
  • DatePickerField
  • TimePickerField
  • EmojiPickerField
  • MultiWheelPicker
  • CountryPicker
Recipe →

Flight search

Round trip or one way switches the calendar between a range and a single day.

  • HorizontalList
  • SelectPicker
  • DatePickerField
  • WheelPickerField
Recipe →

Book a table

Party size and time slots as chips around a week strip to swipe, which greys out the days the place is closed.

  • HorizontalList
  • WeekStrip
Recipe →

Alarm

Wheels on iOS, a clock dial in Material and columns of hours on the web, from the same TimePicker.

  • TimePicker
  • HorizontalList
Recipe →

Meeting invite

A date and time in one field, a duration, a time zone and attendees picked as chips.

  • DateTimePickerField
  • HorizontalList
  • SelectPicker

Interval timer

Hours, minutes and seconds on wheels, number boxes or columns, with presets that set them.

  • DurationPicker
  • HorizontalList
Recipe →

Chat

The emoji button beside Send opens a sheet with search, recents and skin tones, and drops the emoji at the cursor.

  • EmojiPickerSheet
Recipe →

Sign up

A birthday on date wheels, a country with flags, interests as chips and the app language.

  • DatePickerField
  • CountryPicker
  • SelectPicker
  • HorizontalList
Recipe →

Delivery details

Where to ship, a phone number for the courier that takes the shipping country’s code until you type one, the day and a time window.

  • CountryPicker
  • PhoneField
  • DatePickerField
  • HorizontalList

Shop filters

Categories that scroll sideways, a size wheel, brands to multi-select and a delivery date.

  • HorizontalList
  • WheelPickerField
  • SelectPicker
  • DatePickerField
Recipe →

Habit streak

Tap the days you ran on a multi-select calendar, set a daily reminder, and pick the colour that marks your runs.

  • DatePicker
  • TimePickerField
  • ColorPickerField

Trip planner

Several stays on one calendar, and the cities to visit.

  • DatePicker
  • SelectPicker