dhre-ui-kit 0.0.93 → 0.0.95

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dhre-ui-kit",
-  "version": "0.0.93",
+  "version": "0.0.95",
   "main": "src/index.ts",
   "files": [
     "src",

package/src/components/dateRangePicker/DateRangePicker.interface.ts

@@ -10,3 +10,10 @@ export interface DayType {
   year: number;
   timestamp: number;
 }
+
+export interface MarkedDate {
+  startingDay?: boolean;
+  endingDay?: boolean;
+  color: string;
+  textColor: string;
+}

package/src/components/dateRangePicker/DateRangePicker.tsx

@@ -2,7 +2,11 @@ import React, {useState} from 'react';
 import {View} from 'react-native';
 import {Calendar} from 'react-native-calendars';
 import Button from '../button';
-import {DateRangePickerProps, DayType} from './DateRangePicker.interface';
+import {
+  DateRangePickerProps,
+  DayType,
+  MarkedDate,
+} from './DateRangePicker.interface';
 import styles from './DateRangePicker.styles';
 
 const DateRangePicker = (props: DateRangePickerProps) => {
@@ -32,7 +36,8 @@ const DateRangePicker = (props: DateRangePickerProps) => {
 
   const getMarkedDates = () => {
     const {startDate, endDate} = selectedRange;
-    const markedDates = {};
+
+    const markedDates: {[key: string]: MarkedDate} = {};
 
     if (startDate) {
       markedDates[startDate] = {
@@ -65,6 +70,8 @@ const DateRangePicker = (props: DateRangePickerProps) => {
     return markedDates;
   };
 
+  const isButtonDisabled = !selectedRange.startDate || !selectedRange.endDate;
+
   return (
     <View>
       <Calendar
@@ -92,6 +99,7 @@ const DateRangePicker = (props: DateRangePickerProps) => {
         }}
         containerStyle={styles.applyButton}
         textStyle={styles.applyButtonText}
+        disabled={isButtonDisabled}
       />
     </View>
   );

package/src/components/textInput/Textinput.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import {Pressable, StyleSheet, View, ViewStyle} from 'react-native';
+import {Pressable, StyleSheet, ViewStyle} from 'react-native';
 import {TextInput} from 'react-native-paper';
 import {DHRE_COLORS_TEXT, DHRE_DEFAULT} from '../../theme/colors';
 import {verticalScale, moderateScale} from '../../utils/stylehelper';
@@ -45,8 +45,7 @@ const CommonTextInput: React.FC<CommonTextInputProps> = ({
   pointerEvents,
 }) => {
   return (
-    <View style={styles.container}>
-      <Pressable onPress={handlePress} style={styles.touchable}>
+      <Pressable onPress={handlePress} style={styles.container}> 
         <TextInput
           mode="outlined"
           outlineStyle={{
@@ -82,19 +81,16 @@ const CommonTextInput: React.FC<CommonTextInputProps> = ({
             }}
           />
         ) : null}
-      </Pressable>
-    </View>
+      </Pressable> 
   );
 };
 
 const styles = StyleSheet.create({
   container: {
-    flex: 1,
     justifyContent: 'center',
-    alignItems: 'center',
   },
   touchable: {
-    width: '100%', // Adjust width as needed
+    width: '100%',
   },
 
   input: {