diff --git a/src/components/form/components/DateInput.tsx b/src/components/form/components/DateInput.tsx index a99e037b..295b6875 100644 --- a/src/components/form/components/DateInput.tsx +++ b/src/components/form/components/DateInput.tsx @@ -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 = (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 = (props) => { ); }; +const styles = StyleSheet.create({ + inputContainerStyle: { + ...GenericStyles.containerStyle, + padding: 0, + }, +}); + export default DateInput; diff --git a/src/components/form/components/TimeInput.tsx b/src/components/form/components/TimeInput.tsx index fe921dde..03b991e1 100644 --- a/src/components/form/components/TimeInput.tsx +++ b/src/components/form/components/TimeInput.tsx @@ -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 = (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 = (props) => { ); }; +const styles = StyleSheet.create({ + inputContainerStyle: { + ...GenericStyles.containerStyle, + padding: 0, + }, +}); + export default TimeInput;