react-native-nepali-picker 1.0.4-alpha.3 → 1.0.4-alpha.5

package/src/CalendarPicker.tsx

@@ -45,8 +45,8 @@ const CalendarPicker = ({
   },
 }: CalendarPickerProps) => {
   const value = validateDate(initialDate);
-  console.log('validate value is ', value);
-  const TodayNepaliDate = initialDate;
+  console.log('the initial date is ', initialDate);
+  const [TodayNepaliDate, setTodayNepaliDate] = useState(initialDate);
   const cYear = parseInt(TodayNepaliDate.split('-')[0], 10);
   const cMonth = parseInt(TodayNepaliDate.split('-')[1], 10);
   const cDay = parseInt(TodayNepaliDate.split('-')[2], 10);
@@ -57,12 +57,24 @@ const CalendarPicker = ({
   const [calendarDate, setCalendarDate] = useState<(number | null)[]>([]);
 
   const [yearModal, setYearModal] = useState<boolean>(false);
+
+  const syncToday = () => {
+    setMonth(cMonth);
+    setYear(cYear);
+  };
+
   const handleDateClick = (day: number) => {
     const date = `${year}-${month.toString().padStart(2, '0')}-${day.toString().padStart(2, '0')}`;
+    setTodayNepaliDate(date);
     onDateSelect(date);
     onClose();
   };
 
+  useEffect(() => {
+    setTodayNepaliDate(initialDate);
+  }, [initialDate]);
+
+  //Handle Next Month Click
   const handleNextClick = () => {
     if (month === 12) {
       if (year < 2099) {
@@ -73,6 +85,8 @@ const CalendarPicker = ({
       setMonth((prev) => prev + 1);
     }
   };
+
+  //Handle Previous Month Click
   const handlePreviousClick = () => {
     if (month === 1) {
       if (year > 2000) {
@@ -108,12 +122,7 @@ const CalendarPicker = ({
       }
     });
     setCalendarDate(calendarCells);
-  }, [year, month]);
-
-  const syncToday = () => {
-    setMonth(cMonth);
-    setYear(cYear);
-  };
+  }, [year, month, initialDate]);
 
   const handleYearClick = (y: number) => {
     setYear(y);
@@ -126,7 +135,7 @@ const CalendarPicker = ({
     return (
       <Modal visible={visible} onRequestClose={onClose} transparent={true}>
         <Pressable style={styles.outerPressable} onPress={onClose}>
-          <Pressable onPress={() => { }} style={styles.innerPressable}>
+          <Pressable onPress={() => {}} style={styles.innerPressable}>
             <View
               style={{
                 ...styles.innerView,
@@ -165,7 +174,7 @@ const CalendarPicker = ({
   return (
     <Modal visible={visible} onRequestClose={onClose} transparent={true}>
       <Pressable style={styles.outerPressable} onPress={onClose}>
-        <Pressable onPress={() => { }} style={styles.innerPressable}>
+        <Pressable onPress={() => {}} style={styles.innerPressable}>
           <View
             style={{
               ...styles.innerView,
@@ -173,7 +182,10 @@ const CalendarPicker = ({
             }}
           >
             <Text
-              style={{ color: dark ? 'white' : 'black', paddingHorizontal: 10 }}
+              style={{
+                color: dark ? 'white' : 'black',
+                paddingHorizontal: 10,
+              }}
             >
               {language === 'np' ? 'आजको मिति ' : "Today's Date"}
             </Text>
@@ -300,7 +312,7 @@ const CalendarPicker = ({
                       key={index}
                       onPress={
                         //execute on day item press, Only execute when dayItem is not null
-                        dayItem ? () => handleDateClick(dayItem) : () => { }
+                        dayItem ? () => handleDateClick(dayItem) : () => {}
                       }
                     >
                       {dayItem ? (
@@ -362,7 +374,7 @@ const CalendarPicker = ({
           style={styles.outerPressable}
           onPress={() => closeYearView()}
         >
-          <Pressable style={styles.YearInnerPressable} onPress={() => { }}>
+          <Pressable style={styles.YearInnerPressable} onPress={() => {}}>
             <View
               style={{
                 ...styles.InnerYearView,

package/src/calendar/functions.ts

@@ -114,9 +114,11 @@ const BsToAd = (userDate: DateString): DateString => {
     if (userMonth < 1 || userMonth > 12) {
       throw new Error('Month Range is 1 to 12');
     }
+
     // if (userMonth < 1 || userMonth > 31) {
     //   throw new Error('Month out of supported range');
     // }
+
     for (let year = 2000; year < userYear; year++) {
       for (let month = 1; month <= 12; month++) {
         dateDifference += bs[year][month];

package/src/calendar/settings.ts

@@ -36,9 +36,9 @@ const isToday = (
   firstDayOfMonth: number
 ) => {
   return (
-    parseInt(date.slice(-2)) - 1 + firstDayOfMonth === index &&
-    currentMonth === parseInt(date.slice(6, 8)) &&
-    currentYear === parseInt(date.slice(0, 4))
+    parseInt(date.split('-')[2], 10) - 1 + firstDayOfMonth === index &&
+    currentMonth === parseInt(date.slice(5, 7), 10) &&
+    currentYear === parseInt(date.slice(0, 4), 10)
   );
 };