m-date-picker
m-date-picker copied to clipboard
Warning: Picker has been extracted from react-native core and will be removed in a future release. It can now be installed and imported from '@react-native-community/picker' instead of 'react-native'. See https://github.com/react-native-community/react-native-picker
Warning: Picker has been extracted from react-native core and will be removed in a future release. It can now be installed and imported from '@react-native-community/picker' instead of 'react-native'. See https://github.com/react-native-community/react-native-picker
Here's a patch you can use with patch-package
after installing @react-native-picker/picker
diff --git a/node_modules/rmc-date-picker/es/DatePicker.js b/node_modules/rmc-date-picker/es/DatePicker.js
index 5d13b70..741f10e 100644
--- a/node_modules/rmc-date-picker/es/DatePicker.js
+++ b/node_modules/rmc-date-picker/es/DatePicker.js
@@ -5,7 +5,7 @@ import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructo
import _inherits from 'babel-runtime/helpers/inherits';
import React from 'react';
import MultiPicker from 'rmc-picker/es/MultiPicker';
-import Picker from 'rmc-picker/lib/Picker';
+import { Picker } from '@react-native-picker/picker';
import defaultLocale from './locale/en_US';
function getDaysInMonth(date) {
return new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate();
@@ -495,7 +495,7 @@ var DatePicker = function (_React$Component) {
var multiStyle = _extends({ flexDirection: 'row', alignItems: 'center' }, style);
return React.createElement(MultiPicker, { style: multiStyle, rootNativeProps: rootNativeProps, className: className, prefixCls: prefixCls, selectedValue: value, onValueChange: this.onValueChange, onScrollChange: this.onScrollChange }, cols.map(function (p) {
return React.createElement(Picker, { style: { flex: 1 }, key: p.key, disabled: disabled, prefixCls: pickerPrefixCls, itemStyle: itemStyle }, p.props.children.map(function (item) {
- return React.createElement(Picker.Item, { key: item.value, value: item.value }, item.label);
+ return React.createElement(Picker.Item, { key: item.value, value: item.value, label: item.label });
}));
}));
}
diff --git a/node_modules/rmc-date-picker/lib/DatePicker.js b/node_modules/rmc-date-picker/lib/DatePicker.js
index 4cf589e..097759d 100644
--- a/node_modules/rmc-date-picker/lib/DatePicker.js
+++ b/node_modules/rmc-date-picker/lib/DatePicker.js
@@ -32,7 +32,7 @@ var _MultiPicker = require('rmc-picker/lib/MultiPicker');
var _MultiPicker2 = _interopRequireDefault(_MultiPicker);
-var _Picker = require('rmc-picker/lib/Picker');
+var _Picker = require('@react-native-picker/picker').Picker;
var _Picker2 = _interopRequireDefault(_Picker);
@@ -536,7 +536,7 @@ var DatePicker = function (_React$Component) {
var multiStyle = (0, _extends3['default'])({ flexDirection: 'row', alignItems: 'center' }, style);
return _react2['default'].createElement(_MultiPicker2['default'], { style: multiStyle, rootNativeProps: rootNativeProps, className: className, prefixCls: prefixCls, selectedValue: value, onValueChange: this.onValueChange, onScrollChange: this.onScrollChange }, cols.map(function (p) {
return _react2['default'].createElement(_Picker2['default'], { style: { flex: 1 }, key: p.key, disabled: disabled, prefixCls: pickerPrefixCls, itemStyle: itemStyle }, p.props.children.map(function (item) {
- return _react2['default'].createElement(_Picker2['default'].Item, { key: item.value, value: item.value }, item.label);
+ return _react2['default'].createElement(_Picker2['default'].Item, { key: item.value, value: item.value, label: item.label });
}));
}));
}