varnitgoyal95/address-verification-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed Touchable Area of Date and Time fields

Browse Source
This commit is contained in:
Ashish Deo
2023-11-06 19:24:20 +05:30
parent cbf82c1e90
commit 24caa06d33
2 changed files with 18 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/form/components/DateInput.tsx
View File

@@ -1,4 +1,4 @@
import { View } from 'react-native';
import { StyleSheet, View } from 'react-native';
import React, { useMemo } from 'react';
import Text from '../../../../RN-UI-LIB/src/components/Text';
import { GenericStyles } from '../../../../RN-UI-LIB/src/styles';
@@ -119,7 +119,7 @@ const DateInput: React.FC<IDateInput> = (props) => {
min={
question.metadata.validators?.[Validators.MIN_TODAY] ? new Date().toString() : ''
}
containerStyle={GenericStyles.containerStyle}
containerStyle={styles.inputContainerStyle}
type="date"
onChange={(text) => handleChange(text, onChange)}
outputFormat="DD-MM-YYYY"
@@ -140,4 +140,11 @@ const DateInput: React.FC<IDateInput> = (props) => {
);
};
const styles = StyleSheet.create({
inputContainerStyle: {
...GenericStyles.containerStyle,
padding: 0,
},
});
export default DateInput;

11
src/components/form/components/TimeInput.tsx
View File

@@ -1,4 +1,4 @@
import { View } from 'react-native';
import { StyleSheet, View } from 'react-native';
import React from 'react';
import Text from '../../../../RN-UI-LIB/src/components/Text';
import { GenericStyles } from '../../../../RN-UI-LIB/src/styles';
@@ -87,7 +87,7 @@ const TimeInput: React.FC<ITimeInput> = (props) => {
? Date().toString()
: value?.answer
}
containerStyle={GenericStyles.containerStyle}
containerStyle={styles.inputContainerStyle}
type="time"
onChange={(text) => {
handleChange(text, onChange);
@@ -108,4 +108,11 @@ const TimeInput: React.FC<ITimeInput> = (props) => {
);
};
const styles = StyleSheet.create({
inputContainerStyle: {
...GenericStyles.containerStyle,
padding: 0,
},
});
export default TimeInput;