ordering-ui-react-native 0.31.43-test → 0.32.43-test

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +2 -1
  2. package/themes/original/src/components/ProductForm/index.tsx +0 -1
  3. package/themes/original/src/components/UserFormDetails/index.tsx +16 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ordering-ui-react-native",
3
- "version": "0.31.43-test",
3
+ "version": "0.32.43-test",
4
4
  "description": "Reusable components made in react native",
5
5
  "main": "src/index.tsx",
6
6
  "author": "ordering.inc",
@@ -77,6 +77,7 @@
77
77
  "react-native-color-matrix-image-filters": "^5.2.10",
78
78
  "react-native-country-picker-modal": "^2.0.0",
79
79
  "react-native-credit-card-input": "^0.4.1",
80
+ "react-native-date-picker": "^4.2.13",
80
81
  "react-native-device-info": "^8.7.1",
81
82
  "react-native-document-picker": "^5.2.0",
82
83
  "react-native-elements": "^3.0.0-alpha.1",
package/themes/original/src/components/ProductForm/index.tsx CHANGED
@@ -139,7 +139,6 @@ export const ProductOptionsUI = (props: any) => {
139
139
  flex: 1,
140
140
  alignItems: 'center',
141
141
  width: '100%',
142
- marginLeft: 32
143
142
  },
144
143
  mainSwiper: {
145
144
  height: 258,
package/themes/original/src/components/UserFormDetails/index.tsx CHANGED
@@ -15,6 +15,7 @@ import { sortInputFields } from '../../utils';
15
15
  import { ListItem } from '../UserProfile/styles';
16
16
  import moment from 'moment';
17
17
  import DateTimePickerModal from "react-native-modal-datetime-picker";
18
+ import DatePicker from 'react-native-date-picker'
18
19
 
19
20
  export const UserFormDetailsUI = (props: any) => {
20
21
  const {
@@ -386,7 +387,15 @@ export const UserFormDetailsUI = (props: any) => {
386
387
  <OText size={14} lineHeight={21} color={theme.colors.textNormal} weight={'500'} style={{ alignSelf: 'flex-start' }}>
387
388
  {birthdate ? moment(birthdate).format('YYYY-MM-DD') : ''}
388
389
  </OText>
389
- <OButton
390
+ {/* <TouchableOpacity
391
+ onPress={() => setDatePickerVisibility(true)}>
392
+ <OInput
393
+ style={{ paddingLeft: 0, paddingRight: 0, marginTop: 6, height: 44, minHeight: 44 }}
394
+ value={birthdate ? moment(birthdate).format('YYYY-MM-DD') : ''}
395
+ editable={false}
396
+ />
397
+ </TouchableOpacity> */}
398
+ {/* <OButton
390
399
  text={t('SELECT_A_DATE', 'Select a Date')}
391
400
  bgColor={theme.colors.primary}
392
401
  textStyle={{ color: theme.colors.white, fontSize: 14 }}
@@ -395,16 +404,17 @@ export const UserFormDetailsUI = (props: any) => {
395
404
  imgRightSrc={null}
396
405
  style={{ borderRadius: 7.6, shadowOpacity: 0, borderWidth: 1, marginTop: 20, marginBottom: 20 }}
397
406
  onClick={() => setDatePickerVisibility(true)}
398
- />
399
- <DateContainer>
400
- <DateTimePickerModal
407
+ /> */}
408
+ {/* <DateContainer> */}
409
+ {/* <DateTimePickerModal
401
410
  isVisible={isDatePickerVisible}
402
411
  mode="date"
403
412
  date={birthdate ? new Date(birthdate) : new Date()}
404
413
  onConfirm={_handleChangeDate}
405
414
  onCancel={() => setDatePickerVisibility(false)}
406
- />
407
- </DateContainer>
415
+ /> */}
416
+ {/* </DateContainer> */}
417
+ <DatePicker mode="date" date={birthdate ? new Date(birthdate) : new Date()} onDateChange={_handleChangeDate} />
408
418
  </WrapperPhone>
409
419
  )}
410
420
  {!!showInputPhoneNumber && ((requiredFields && requiredFields.includes('cellphone')) || !requiredFields) && (