react-native-date-picker - React Native Date Picker - A datepicker for Android and iOS

•    Java

---

📅   React Native Date Picker is a cross platform component working on both iOS and Android. It uses the slightly improved DatePickerIOS on iOS and a custom picker on Android which has similar look and feel. The datetime mode might be particulary interesting if you looking for a way to avoid two different popup pickers on android. Unfortunately, expo does not support this date picker at the moment. Upvote this feature request if you would like to have it included.

react-native datepicker react-native-android picker datepickerios android datepicker-component react-native-datepicker date-picker react-native-date-picker

Photoshop-like Color Picker

•    DotNet

---

Provides Photoshop-like color pickers in C#. .NET framework 4 and Visual C# 2010 are required to use/modify this project since the extension methods and parellel programming is widely used.

color-picker colorpicker component graphics photoshop

md2 - Angular2 based Material Design components, directives and services are Accordion, Autocomplete, Collapse, Colorpicker, Datepicker, Dialog(Modal), Menu, Multiselect, Select, Tabs, Tags(Chips), Toast and Tooltip

•    TypeScript

---

Angular2 based Material Design components, directives and services are Accordion, Autocomplete, Chips(Tags), Collapse, Colorpicker, Data Table, Datepicker, Dialog(Modal), Menu, Multiselect, Select, Tabs, Tags(Chips), Toast and Tooltip.

material angular2 chip material-design color-picker accordion datepicker autocomplete angular component collapse colorpicker data-table dialog modal menu dropdown multiselect select tabs tags chips toast tooltip

Color-Creator - Photoshop, Sketch and Affinity Designer documents that use base colors to generate larger palettes

•    

---

The Bjango Color Creator Templates are a set of Photoshop, Sketch and Affinity Designer documents that use base colors to generate larger palettes. It’s a bit like an advanced color picker, in the form of a document. All free and open source, released under the BSD license.

photoshop sketch-app illustrator affinity-designer design design-tools

rebass - :atom_symbol: React UI component library & design system, built with styled-components and styled-system

•    Javascript

---

React UI component library & design system, built with styled-system, with support for styled-components & emotion. Rebass is a library of highly-composable, primitive UI components for React, built with styled-components to keep styles isolated and reduce the need to write custom CSS in your application. Based upon a configurable design system, Rebass‘s props API makes building consistent, responsive web apps simpler and faster.

react css ui styled-components rebass design-system react-components styled-system components grid typography layout color theme emotion react-component presentational stateless functional

react-native-modal-picker - A cross-platform (iOS / Android), selector/picker component for React Native that is highly customizable and supports sections

•    Javascript

---

A cross-platform (iOS / Android), selector/picker component for React Native that is highly customizable and supports sections. You can either use this component as an wrapper around your existing component or use it in its default mode. In default mode a customizable button is rendered.

react-native dropdown popover select picker modal ios android react-component

react-native-modal-dropdown - A react-native dropdown/picker/selector component for both Android & iOS

•    Javascript

---

A react-native dropdown/picker/selector component for both Android & iOS. You can find them in the example.

react react-native react-native-component modal dropdown picker select selector option react-component ios android

CalendarPicker - CalendarPicker Component for React Native

•    Javascript

---

Note: react-native-calendar-picker v5 is a complete re-write of the calendar. This calendar is now written using ES6 syntax. I kept most of the same functionalities and added support for date ranges. CalendarPicker requires Moment JS. Date props may be anything parseable by Moment: Javascript Date, Moment date, or ISO8601 datetime string.

calendar-picker-component react-native-component calendarpicker react-native-calendar-picker calendar picker date day

Drop Down Style Custom Color Picker in WPF

•    WPF

---

Although WPF provides quite a rich collection of UI controls and components for development, a particular control has been missing. That is a color-picker control. Here a drop down style custom color picker has been made using WPF.

color-picker colorpicker control wpf-color-picker wpf-colorpicker

ColorPicker - A highly customizable color picker for Android

•    Java

---

Yet another open source color picker for Android. So, why should you use this color picker? It is highly customizable and easy to use. You can simply add the ColorPreference to your preferences and a beautiful color picker dialog will be displayed without additional code. The color picker supports alpha and allows you to set your own presets. The original ColorPickerView was written by Daniel Nilsson.

android android-library colorpicker

react-day-picker - Flexible date picker for React

•    Javascript

---

Please fork and use https://codesandbox.io/s/XDAE3x0W8 to reproduce your problem.

react datepicker daterangepicker date-input react-component component calendar date-picker date picker moment momentjs

react-daterange-picker

•    Javascript

---

React 0.14, 15, and 16 are all supported in the latest version of react-daterange-picker. If you wish to user an older version of React, please use react-daterange-picker v0.12.x or below.

react datepicker calendar date range react-component

react-native-camera-roll-picker - 📷 A React Native component providing images selection from camera roll

•    Javascript

---

📷 A React Native component providing images selection from camera roll

react-native camera-roll react-native-component react-component ios cameraroll picker

react-native-image-picker - :sunrise_over_mountains: A React Native module that allows you to use native UI to select media from the device library or directly from the camera

•    Java

---

This library started as a basic bridge of the native iOS image picker, and I want to keep it that way. As such, functionality beyond what the native UIImagePickerController supports will not be supported here. Multiple image selection, more control over the crop tool, and landscape support are things missing from the native iOS functionality - not issues with my library. If you need these things, react-native-image-crop-picker might be a better choice for you. To use this library you need to ensure you match up with the correct version of React Native you are using.

react-native image-picker picker react-native-image-picker react native image

react-native-wheel-picker

•    Java

---

Cross platform Picker component based on React-native. Since picker is originally supported by ios while Android only supports a ugly Spinner component. If you want to have the same user behaviour, you can use this.

react-native picker wheel

react-native-drawer - React Native Drawer

•    Javascript

---

React native drawer, configurable to achieve material design style, slack style, parallax, and more. Works in both iOS and Android. This module supports a wide range of drawer styles, and hence has a lot of props.

react react-native react-component drawer side-menu menu ios android material-design

react-native-material-kit - Bringing Material Design to React Native

•    Javascript

---

A set of UI components, in the purpose of introducing Material Design to apps built with React Native, quickly and painlessly. First, cd to your RN project directory, and install RNMK through rnpm . If you don't have rnpm, you can install RNMK from npm with the command npm i -S react-native-material-kit and link it manually (see below).

react-native material-design react native react-component react-native-component ios android materialkit

react-native-image-picker - A React Native module that allows you to use native UI to select media from the device library or directly from the camera

•    Java

---

This library started as a basic bridge of the native iOS image picker, and I want to keep it that way. As such, functionality beyond what the native UIImagePickerController supports will not be supported here. Multiple image selection, more control over the crop tool, and landscape support are things missing from the native iOS functionality - not issues with my library. If you need these things, react-native-image-crop-picker might be a better choice for you. IMPORTANT NOTE: You'll still need to perform step 4 for iOS and steps 2 and 5 for Android of the manual instructions below.

react-native react-native-image-picker react native image picker

react-native-modal-datetime-picker - A React-Native datetime-picker for Android and iOS

•    Javascript

---

A declarative cross-platform react-native datetime-picker. This library exposes a cross-platform interface for showing the native date-picker and time-picker inside a modal. You will have an unified user experience, you won't have to worry anymore about testing the device platform and you won't have to programmatically call the Android TimePicker/DatePicker APIs.

react react-native modal date time picker ios android native

input-moment - React datetime picker powered by momentjs

•    Javascript

---

React datetime picker powered by momentjs

react react-component input datetime picker moment