Advanced usage of native UIAlertController with TextField, TextView, DatePicker, PickerView, TableView, CollectionView and MapView. When setting your own custom UIViewController into UIAlertController keep in mind to set prefferedContentSize.height of the controller otherwise it will no effect. You can not set prefferedContentSize.width.
https://github.com/dillidon/alerts-and-pickersTags | uialertcontroller picker image-picker pickerview textfield datepicker uitextfield alert color-picker login signin country-picker currency-picker phonecode telegram-picker telegram contacts location map |
Implementation | Swift |
License | MIT |
Platform | MacOS |
📅 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-pickerFlagPhoneNumber is a phone number textfield with a fancy country code picker. To run the example project, clone the repo, and run pod install from the Example directory first.
flags country picker phonenumber textfieldDuet Date Picker is an open source version of Duet Design System’s accessible date picker. Duet Date Picker can be implemented and used across any JavaScript framework or no framework at all. We accomplish this by using standardized web platform APIs and Web Components. Why yet another date picker? Our team working on Duet Design System couldn’t find an existing date picker that would’ve ticked all the requirements we had for accessibility (supporting WCAG 2.1 as well as we can), so we decided to build one and open source it so that others could benefit from this work as well.
web-component accessibility datepicker javascript-library date-picker datepicker-component calendar-component calendar-widget webcomponent stenciljs stencil-jsFlexiColorPicker is based on HSV color model. The only two parts of the color picker are therefore the slider for selecting hue value and the picker for selecting saturation and value. Both the slider and picker are HTML elements (usually <div>'s) that serve as wrappers for SVG/VML gradient rectangles. The slider gradient rectangle represents the hue value (gradient with 9 stop-colors). The two overlapping black and white gradient rectangles of the picker represent the saturation and value values. The top level elements (<svg> in case of SVG enabled browser and <div> in case of VML enabled browser) that wrap each of the slider and picker gradient rectangles have set width and height to 100% which means that the color picker components (slider and picker) adjust themselfs automatically to the dimensions of the slider and picker HTML elements. This is the no-hassle form of creating the color picker. This is the recommended call.
A customizable calendar, time & month picker for React Native (including Persian Jalaali calendar & locale)
react react-native react-native-datepicker datepicker calendar react-native-calendar react-native-calendars react-native-persian-calendar react-native-jalaali-calendar time-picker react-native-time-picker month-picker react-native-month-picker persian jalaali react-native-jalaali persian-calendar customizable-datepickerCheck out the homepage at http://indrimuska.github.io/angular-moment-picker/. Angular Moment Picker is a native AngularJS directive for date and time picker that uses Moment.js and does not require jQuery.
angular moment-picker date time datetime calendar picker moment datepicker timepicker moment.jsCountryPicker is a simple library that can be show a country picker. See the example to see more detail.
country-picker country gradle android android-developmentA 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 nativeThis 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 imageA simple example to display a CountryPicker component with a dark theme. You need to download a light colored image for the close button, for example this one. YES : It used the world-countries package and image is stored into json and base64.
country-picker exponent countries react-native components country flagYet 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 colorpickerA responsive date range picker for Vue.js that displays the number of nights selected and allow several useful options like custom check-in/check-out rules, localisation support and more. The date format string.
vue vuejs vuejs-components vuejs-plugin vuejs2 calendar datepicker datepicker-component date dates input date-input date-picker range date-range-pickerAlthough 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-colorpickerThis 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 pickerAn Android library for creating a nice color picker in the preference screen. You can use the inbuilt picker or any other color picker of your choice. The library can be used with the standard preference classes or the support-preference-v7/v14 classes. Just like every other preference object, you add it to the XML file of your Preference screen.
preferences preference-screen sharedpreferences color-picker androidRight click and select Color Picker, or hit CMD-SHIFT-C/CTRL-ALT-C to open it. Currently reads HEX, HEXa, RGB, RGBa, HSL, HSLa, HSV, HSVa, VEC3 and VEC4 colors – and is able to convert between the formats. It also inspects Sass and LESS color variables. Just open the Color Picker with the cursor at a variable and it'll look up the definition for you. From there, you can click the definition and go directly to where it's defined.
colors design uiProvides a responsive date picker based on the material design spec. This component aims to be a clone of the date picker introduced in Android Lollipop. See the component page for full documentation.
web-component webcomponents polymer datepicker paper-date-pickerWe provide 12 additional color picker components for different color models, unless your app needs a HEX string as an input/output format. The easiest way to tweak react-colorful is to create another stylesheet to override the default styles.
react hooks hex color preact color-picker react-component a11y tiny picker zero-dependency typescript-support colorpicker front-end accessible react-color accessibility aria wai-ariaThis framework allows you to pick something with a picker presented as an action sheet. In addition, it allows you to add actions arround the presented picker which behave like a button and can be tapped by the user. The result looks very much like an UIActionSheet or UIAlertController with a UIPickerView and some UIActions attached. Besides being a fully-usable project, RMPickerViewController also is an example for an use case of RMActionController. You can use it to learn how to present a picker other than UIPickerView.
DateBox is a jQuery date and time picker. Full Documentation and Demos, that works with jQueryMobile, Bootstrap, and/or jQueryUI. An extra special thanks to Phill Pafford for answering tons of questions about DateBox, and jQueryMobile in general on StackOverflow.
jqm-datebox jtsage-datebox jquery-mobile jquery-ui datetime-picker date-picker datepicker bootstrap
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.