react-native-dates-picker 0.0.7 → 0.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-dates-picker",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "Customizable date picker for React Native",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/DateTimePicker.tsx

@@ -1,4 +1,4 @@
-import React, { memo, useCallback, useEffect, useReducer } from 'react';
+import { memo, useCallback, useEffect, useReducer } from 'react';
 import {
   getFormatted,
   getDate,
@@ -292,8 +292,10 @@ const DateTimePicker = (
         type: CalendarActionKind.SET_CALENDAR_VIEW,
         payload: 'day',
       });
+      if (mode === 'single' || mode === 'wheel')
+        (onChange as SingleChange)?.({ date: getFormatted(newDate) });
     },
-    [maxDate, minDate, state.currentDate]
+    [maxDate, minDate, mode, onChange, state.currentDate]
   );
 
   const onSelectYear = useCallback(
@@ -309,8 +311,10 @@ const DateTimePicker = (
         type: CalendarActionKind.SET_CALENDAR_VIEW,
         payload: initialView,
       });
+      if (mode === 'single' || mode === 'wheel')
+        (onChange as SingleChange)?.({ date: getFormatted(newDate) });
     },
-    [state.currentDate, maxDate, minDate, initialView]
+    [state.currentDate, maxDate, minDate, initialView, mode, onChange]
   );
 
   const onChangeMonth = useCallback(

package/src/components/Calendar.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode, memo } from 'react';
+import { ReactNode, memo } from 'react';
 import { View, StyleSheet } from 'react-native';
 import { useCalendarContext } from '../CalendarContext';
 import type { CalendarViews } from '../enums';

package/src/components/DatePicker.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useMemo } from 'react';
+import { useCallback, useMemo } from 'react';
 import { View, StyleSheet } from 'react-native';
 import { useCalendarContext } from '../CalendarContext';
 import Wheel from './WheelPicker/Wheel';

package/src/components/Day.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import { memo, useCallback } from 'react';
 import { View, Text, Pressable, StyleSheet } from 'react-native';
 import { CalendarThemeProps, IDayObject } from '../types';
 import { CALENDAR_HEIGHT } from '../enums';
@@ -20,7 +20,7 @@ function EmptyDayPure({ height }: { height?: number }) {
   return <View style={style.dayCell} />;
 }
 
-export const EmptyDay = React.memo(EmptyDayPure);
+export const EmptyDay = memo(EmptyDayPure);
 
 function Day({
   date,
@@ -36,7 +36,7 @@ function Day({
   theme,
   height,
 }: Props) {
-  const onPress = React.useCallback(() => {
+  const onPress = useCallback(() => {
     onSelectDate(date);
   }, [onSelectDate, date]);
 
@@ -190,4 +190,4 @@ const customComparator = (
   );
 };
 
-export default React.memo(Day, customComparator);
+export default memo(Day, customComparator);

package/src/components/DaySelector.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo, useCallback } from 'react';
+import { useMemo, useCallback } from 'react';
 import { Text, View, StyleSheet } from 'react-native';
 import dayjs from 'dayjs';
 import { useCalendarContext } from '../CalendarContext';

package/src/components/Header.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback } from 'react';
+import { useCallback } from 'react';
 import { View, Text, Pressable, StyleSheet, Image } from 'react-native';
 import { useCalendarContext } from '../CalendarContext';
 import dayjs from 'dayjs';

package/src/components/MonthSelector.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Text, View, Pressable, StyleSheet } from 'react-native';
 import { useCalendarContext } from '../CalendarContext';
 import { getParsedDate, getMonths } from '../utils';

package/src/components/TimeSelector.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback } from 'react';
+import { useCallback } from 'react';
 import { Text, View, StyleSheet } from 'react-native';
 import { useCalendarContext } from '../CalendarContext';
 import Wheel from './WheelPicker/Wheel';
@@ -87,7 +87,7 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     alignItems: 'center',
     justifyContent: 'center',
-    width: CALENDAR_HEIGHT / 2,
+    width: '80%',
     height: CALENDAR_HEIGHT / 2,
   },
   timePickerText: {

package/src/components/WheelPicker/Wheel.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Platform, type ViewStyle } from 'react-native';
 import WheelNative from './WheelNative';
 import WheelWeb from './WheelWeb';

package/src/components/WheelPicker/WheelNative.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { StyleSheet, Platform, type ViewStyle } from 'react-native';
 import WheelPicker from 'react-native-wheely';
 import { useCalendarContext } from '../../CalendarContext';

package/src/components/WheelPicker/WheelWeb.tsx

@@ -1,4 +1,4 @@
-import React, { memo, useMemo, useRef } from 'react';
+import { memo, useMemo, useRef } from 'react';
 import {
   Animated,
   PanResponder,

package/src/components/YearSelector.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback } from 'react';
+import { useCallback } from 'react';
 import {
   Text,
   View,