react-native-wheel-pick 1.2.0 → 1.2.2

package/README.md

@@ -19,9 +19,9 @@ This is not original but inspired by [react-native-wheel-datepicker](https://git
 
 React Native >= 0.60+
 ```
-npm install react-native-wheel-pick --save --legacy-peer-deps
-npm install @react-native-picker/picker --save --legacy-peer-deps
-npm install @react-native-community/datetimepicker --save --legacy-peer-deps
+npm install react-native-wheel-pick --save-dev --legacy-peer-deps
+npm install @react-native-picker/picker --save-dev --legacy-peer-deps
+npm install @react-native-community/datetimepicker --save-dev --legacy-peer-deps
 npx pod-install
 
 npx react-native run-ios // re-build native-code
@@ -52,10 +52,17 @@ import { Picker, DatePicker } from 'react-native-wheel-pick';
   onDateChange={date => { console.log(date) }}
 />
 
+// for TypeScript
+onValueChange={(value: string) => { console.log(value) }}
+onDateChange={(date: Date) => { console.log(date) }}
+
 ```
 ## More Example 
 
 ```jsx
+// Set Text Color
+<Picker textColor="red" />
+
 // DatePicker set default select date
 <DatePicker
   style={{ height: 215, width: 300 }}
@@ -73,18 +80,19 @@ import { Picker, DatePicker } from 'react-native-wheel-pick';
 
 ```
 ```jsx
-// pickerData also support array of object.
+// pickerData also support array of object. (Optional Way)
 
-// Way 1
+// Normal Way
 <Picker
   selectedValue='item4'
   pickerData={['item1', 'item2', 'item3', 'item4', 'item5', 'item6', 'item7']}
   onValueChange={value => { console.log(value) }}
 />
 
-// Optional Way 2
+// Optional Way
+// `label` only use for show Text to UI.
+// You cannot get `label` from onValueChange
 <Picker
-  style={{ backgroundColor: 'white', width: 300, height: 215 }}
   selectedValue='5765387680'
   pickerData={[
     { value : '5765387677', label : 'item1' },
@@ -95,7 +103,7 @@ import { Picker, DatePicker } from 'react-native-wheel-pick';
     { value : '5765387682', label : 'item6' },
     { value : '5765387683', label : 'item7' },
   ]}
-  onValueChange={value => { console.log(value) }}
+  onValueChange={value => { console.log(value) }} // '5765387680'
 />
 ```
 ```jsx
@@ -103,7 +111,6 @@ import { Picker, DatePicker } from 'react-native-wheel-pick';
 // These is special props for Android. (iOS not work)
 // You can also use these props for DatePicker, too.
 <Picker
-  textColor='red'
   textSize={20}
 
   selectTextColor='green'
@@ -121,7 +128,27 @@ import { Picker, DatePicker } from 'react-native-wheel-pick';
   order='D-M-Y' // Default is M-D-Y
 />
 ```
+## FYI
+
+I rarely check this lib. (6 Months - 3 Years). Up on my life's time.
+
+If you want to pay me coffee for quickly check & merge your request. 
+You can sponsor me 
+
+[![](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub&color=%23fe8e86)](https://github.com/sponsors/TronNatthakorn) 
+
+OR you can fork this project instead.
+
 ## Release Note
+### 1.2.2 (June 7 2023)
+[iOS]
+- Now iOS can use `textColor`, too. [Add missing color option for iOS](https://github.com/TronNatthakorn/react-native-wheel-pick/pull/38) [@aurotones](https://github.com/aurotones)
+
+### 1.2.1 (June 4 2023)
+- Fix typescript warning
+
+[Android]
+- Update compileSDK to version 33.
 
 ### 1.2.0 (July 3 2022)
 - Remove `deprecated-react-native-prop-types`
@@ -162,17 +189,6 @@ If you want it back pull request are welcome.
 [IOS]
 - Do not use PickerIOS and DatePickerIOS of 'react-native' anymore.
 
-## FYI
-
-For version 1.1.3 - I update this library support for React Native Version 0.68.2 / Android 11 / iOS 15.2
-
-If you use React Native Version less than 0.68.2 / Android older than 11 / iOS older than 15.2. 
-It is possible to have unexpected bug.
-
-I rarely check this lib. (6 Months - 3 Years). Up on my life's time.
-
-If you want to pay me coffee for quickly check & merge your request. Please contact me directly [facebook.com/tron.natthakorn](https://facebook.com/tron.natthakorn) OR you can fork this project.
-
 ## Preview for version <= 1.12
 
 ![](https://preview.ibb.co/iUjDZo/screen1.png)

package/android/build.gradle

@@ -6,22 +6,9 @@ buildscript {
 
 apply plugin: 'com.android.library'
 
-//def safeExtGet(prop, fallback) {
-//    rootProject.ext.has(prop) ? rootProject.ext.get(prop) : fallback
-//}
-
 android {
-    compileSdkVersion 30
-    /// buildToolsVersion '30.0.2'
-    defaultConfig {
-        minSdkVersion 16
-        targetSdkVersion 30
-        versionCode 1
-        versionName "1.0"
-        ndk {
-            abiFilters "armeabi-v7a", "x86"
-        }
-    }
+    compileSdkVersion 33
+    namespace 'com.tron'
 }
 
 dependencies {

package/android/src/main/AndroidManifest.xml

@@ -1,3 +1,2 @@
-<manifest xmlns:android="http://schemas.android.com/apk/res/android"
-    package="com.tron">
-</manifest>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+</manifest>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-wheel-pick",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "React native wheel picker iOS style with android.",
   "main": "src/index.js",
   "scripts": {

package/src/date-picker.android.js

@@ -320,7 +320,7 @@ export default class DatePicker extends PureComponent {
 
   getValue() {
     const { year, month, date, hour, minute } = this.newValue;
-    const nextDate = new Date(year, month, date, hour, minute);
+    const nextDate = new Date(Date.UTC(year, month, date, hour, minute));
 
     if (nextDate < this.props.minimumDate) {
       return this.props.minimumDate;

package/src/index.d.ts

@@ -0,0 +1,18 @@
+'use strict';
+
+import { Platform } from 'react-native';
+import Picker from './picker';
+import DatePicker from './date-picker';
+
+let DatePickerComponent = DatePicker;
+
+export const registerCustomDatePickerIOS = (CustomDatePickerIOS) => {
+  if (Platform.OS === 'ios') {
+    DatePickerComponent = CustomDatePickerIOS;
+  }
+
+  return DatePickerComponent;
+};
+
+export const Picker;
+export const DatePicker;

package/src/picker.js

@@ -88,6 +88,7 @@ export default class Picker extends Component {
             key={index}
             value={typeof data.value !== 'undefined' ? data.value : data.toString()}
             label={typeof data.label !== 'undefined' ? data.label : data.toString()}
+            color={props.textColor}
           />
         ))}
       </WheelCurvedPicker>