You can import AlphaPicker BlockPicker ChromePicker CirclePicker CompactPicker GithubPicker HuePicker MaterialPicker PhotoshopPicker SketchPicker SliderPicker SwatchesPicker TwitterPicker respectively.
http://casesandberg.github.io/react-color/Tags | react react-component color-picker sketch photoshop chrome inline-styles colorpicker picker material-design popup |
Implementation | Javascript |
License | MIT |
Platform | OS-Independent |
📅 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-pickerProvides 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 photoshopAngular2 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 tooltipThe 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-toolsReact 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 functionalA 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-componentA 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 androidNote: 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 dayAlthough 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-colorpickerYet 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 colorpickerPlease 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 momentjsReact 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📷 A React Native component providing images selection from camera roll
react-native camera-roll react-native-component react-component ios cameraroll pickerThis 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 imageCross 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 wheelReact 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-designA 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 materialkitThis 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 pickerA 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 nativeReact datetime picker powered by momentjs
react react-component input datetime picker moment
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.