# React Native Pickers

> @elik56a/react-native-pickers: pure-JS wheel, time, date (calendar, range, multiple, wheel), select and emoji pickers plus bottom sheets for React Native, Expo and React Native Web.

This file contains links to documentation sections following the llmstxt.org standard.

## Table of Contents

- [Introduction](https://elik56a.github.io/react-native-pickers/docs/intro.md): React Native Pickers: pure-JavaScript wheel, time, date, calendar, range, select and emoji pickers with bottom sheets, theming and TypeScript.
- [For AI assistants](https://elik56a.github.io/react-native-pickers/docs/resources/ai.md): Machine-readable documentation for React Native Pickers — llms.txt, llms-full.txt and per-page Markdown — plus a compact usage cheat sheet for code...
- [Install React Native Pickers](https://elik56a.github.io/react-native-pickers/docs/getting-started/installation.md): Install @elik56a/react-native-pickers in Expo, bare React Native or React Native Web. No native linking required.
- [Quick start](https://elik56a.github.io/react-native-pickers/docs/getting-started/quick-start.md): Every picker in React Native Pickers in five minutes, with live, editable examples.
- [Core concepts](https://elik56a.github.io/react-native-pickers/docs/getting-started/core-concepts.md): The ideas shared by every component: controlled vs uncontrolled state, onChange vs onValueChanging, sheets and drafts, theming and slot styles.
- [React Native Bottom Sheet](https://elik56a.github.io/react-native-pickers/docs/components/bottom-sheet.md): Animated React Native bottom sheet with drag-to-dismiss, backdrop, header, footer and keyboard avoidance. No Reanimated or Gesture Handler needed.
- [React Native Date Picker & Calendar](https://elik56a.github.io/react-native-pickers/docs/components/date-picker.md): React Native calendar date picker with min/max dates, disabled days, marked dates and prices, locale-aware names and swipe between months. Pure JS.
- [React Native Date Range Picker](https://elik56a.github.io/react-native-pickers/docs/components/date-range-picker.md): React Native date range picker (check-in / check-out) with min/max nights, multiple ranges and multiple date selection. A pure-JS calendar, no nati...
- [React Native Date Time Picker](https://elik56a.github.io/react-native-pickers/docs/components/date-time-picker.md): React Native date and time picker in one component: an iOS-style day + time wheel or a calendar with time wheels. 12h/24h from locale. Pure JS.
- [React Native Date Wheel Picker](https://elik56a.github.io/react-native-pickers/docs/components/date-wheel-picker.md): React Native date wheel picker (day / month / year) with locale-aware column order, min/max dates and day clamping. Ideal for birthdays.
- [React Native Emoji Picker](https://elik56a.github.io/react-native-pickers/docs/components/emoji-picker.md): React Native emoji picker with 1,906 emojis, categories, search, skin tones, recents and Emoji-version filtering. Pure JS, no fonts or images.
- [React Native Multi-Column Wheel Picker](https://elik56a.github.io/react-native-pickers/docs/components/multi-wheel-picker.md): Several React Native wheel pickers side by side sharing one selection band — for durations, measurements, compound values and custom date/time layo...
- [React Native Date, Time & Wheel Picker Fields](https://elik56a.github.io/react-native-pickers/docs/components/picker-fields.md): Form fields for React Native that open a picker sheet and show the picked value: DatePickerField, TimePickerField, DateTimePickerField, WheelPicker...
- [React Native Bottom Sheet Pickers](https://elik56a.github.io/react-native-pickers/docs/components/picker-sheets.md): Ready-made React Native bottom-sheet pickers with Cancel / Done: DatePickerSheet, TimePickerSheet, WheelPickerSheet, EmojiPickerSheet, useDraft, an...
- [React Native Searchable Select List](https://elik56a.github.io/react-native-pickers/docs/components/select-list.md): Inline, searchable React Native selection list with single or multiple selection, groups, icons, descriptions and custom rows — the list inside Sel...
- [React Native Select & Dropdown Picker](https://elik56a.github.io/react-native-pickers/docs/components/select-picker.md): React Native select and dropdown picker that opens a searchable bottom sheet. Single or multi-select with chips, groups, icons and a clear button.
- [React Native Time Picker](https://elik56a.github.io/react-native-pickers/docs/components/time-picker.md): React Native time picker wheel with 12h/24h from the locale, minute and second intervals, min/max time and AM/PM. Pure JS, no native module.
- [React Native Wheel Picker](https://elik56a.github.io/react-native-pickers/docs/components/wheel-picker.md): iOS-style 3D wheel picker for React Native with infinite loop, disabled items, tap-to-type keyboard input, flat variant, custom rows and haptics ho...
- [Date utilities](https://elik56a.github.io/react-native-pickers/docs/api/date-utils.md): Pure, local-time date helpers from React Native Pickers: toDateKey, addDays, addMonths, isSameDay, formatDate, getMonthNames and more.
- [Emoji utilities](https://elik56a.github.io/react-native-pickers/docs/api/emoji-utils.md): getAllEmojis, searchEmojis, findEmoji and withSkinTone for building reaction bars, shortcode autocomplete and custom emoji UIs in React Native.
- [API reference](https://elik56a.github.io/react-native-pickers/docs/api/reference.md): Every export of @elik56a/react-native-pickers — components, sheets, fields, hooks, theme helpers, date and emoji utilities and types — on one page.
- [Theme API](https://elik56a.github.io/react-native-pickers/docs/api/theme.md): PickersProvider, usePickerTheme, createTheme, mergeTheme, lightTheme, darkTheme and textStyle — signatures and behaviour.
- [Accessibility](https://elik56a.github.io/react-native-pickers/docs/guides/accessibility.md): How React Native Pickers support VoiceOver and TalkBack — adjustable wheels, labelled calendar days, selection and disabled states, and what you sh...
- [Forms (React Hook Form, Formik)](https://elik56a.github.io/react-native-pickers/docs/guides/forms.md): Use React Native date, time and select pickers in React Hook Form and Formik with Controller, validation, errors and dates serialized as ISO strings.
- [Haptics](https://elik56a.github.io/react-native-pickers/docs/guides/haptics.md): Add iOS-style selection haptics to React Native wheel, time and date pickers with onValueChanging and expo-haptics or react-native-haptic-feedback.
- [i18n & RTL](https://elik56a.github.io/react-native-pickers/docs/guides/i18n-rtl.md): Localize React Native pickers: Intl month, weekday and AM/PM names, 12/24h clock, first day of week, date order and automatic right-to-left layout.
- [Performance](https://elik56a.github.io/react-native-pickers/docs/guides/performance.md): How React Native Pickers stay at 60 fps — native-driver animations, virtualized fixed-layout lists, memoized rows — and how to keep your usage fast.
- [Expo, bare RN & web](https://elik56a.github.io/react-native-pickers/docs/guides/platforms.md): Platform support for React Native Pickers — Expo Go, development builds, bare React Native, React Native Web, Next.js, the New Architecture and Her...
- [Render props](https://elik56a.github.io/react-native-pickers/docs/guides/render-props.md): Replace any part of a React Native picker (wheel rows, calendar days, select triggers, options, emoji cells) while keeping behaviour and accessibil...
- [Styling with slots](https://elik56a.github.io/react-native-pickers/docs/guides/styling.md): Style any visual part of every React Native picker through typed slot styles — no forking, no !important. Complete slot list per component.
- [Theming](https://elik56a.github.io/react-native-pickers/docs/guides/theming.md): Theme every React Native picker with PickersProvider: colours, radius, spacing and typography tokens, automatic dark mode and createTheme.
- [TypeScript](https://elik56a.github.io/react-native-pickers/docs/guides/typescript.md): Type-safe React Native pickers — generic value types, mode-discriminated date selection, typed slot names and exported prop types.
- [Alarm & reminder time](https://elik56a.github.io/react-native-pickers/docs/recipes/alarm-time.md): React Native alarm / reminder time picker with a big clock display, 5-minute steps, a time sheet and weekday selection.
- [Birthday picker](https://elik56a.github.io/react-native-pickers/docs/recipes/birthday.md): React Native birthday / date-of-birth picker with a date wheel, minimum age validation and a localized display field.
- [Hotel booking range](https://elik56a.github.io/react-native-pickers/docs/recipes/booking-range.md): Build an Airbnb-style check-in / check-out date range picker in React Native with nightly prices, booked days, minimum stay and a confirm sheet.
- [Chat input with emoji](https://elik56a.github.io/react-native-pickers/docs/recipes/chat-emoji.md): React Native chat composer with an emoji keyboard toggle, inserting emojis at the cursor position, persisted recents and skin tone.
- [Country selector](https://elik56a.github.io/react-native-pickers/docs/recipes/country-select.md): Searchable React Native country picker with flag emojis, regions as groups, multilingual keywords and a phone-code variant, built with SelectPicker.
- [Duration & timer picker](https://elik56a.github.io/react-native-pickers/docs/recipes/duration.md): React Native duration / countdown timer picker with hours, minutes and seconds wheels and inline unit labels, built with MultiWheelPicker.
- [Filters bottom sheet](https://elik56a.github.io/react-native-pickers/docs/recipes/filters-sheet.md): Build a React Native filters bottom sheet combining a date range, select fields and an Apply footer with draft state using BottomSheet and useDraft.
- [Tag & multi-select](https://elik56a.github.io/react-native-pickers/docs/recipes/tags.md): React Native multi-select tag picker with chips, maximum selections, grouped options and a clear button using SelectPicker multiple mode.
- [React Native Picker Libraries Compared](https://elik56a.github.io/react-native-pickers/docs/resources/comparison.md): How React Native Pickers compares to native date/time pickers, calendar, select/dropdown, emoji and bottom-sheet libraries, and when to choose each.
- [Contributing](https://elik56a.github.io/react-native-pickers/docs/resources/contributing.md): Set up the repo, run the example app on web, iOS and Android, and follow the project structure and conventions.
- [React Native Pickers FAQ](https://elik56a.github.io/react-native-pickers/docs/resources/faq.md): Frequently asked questions about React Native Pickers — Expo Go, native code, time zones, null values, controlled state, sizes, fonts and more.
- [Migrate to React Native Pickers](https://elik56a.github.io/react-native-pickers/docs/resources/migration.md): Migrate from @react-native-community/datetimepicker, react-native-modal-datetime-picker, react-native-calendars or react-native-picker-select.
- [Troubleshooting](https://elik56a.github.io/react-native-pickers/docs/resources/troubleshooting.md): Fixes for common React Native Pickers issues: wheel not showing the value, object values, days off by one, sheet behind keyboard, empty emoji boxes.