react-native-dates-picker 0.0.9 → 0.1.1

package/src/components/WheelPicker/period-web.tsx

@@ -0,0 +1,37 @@
+import React, { memo } from 'react';
+import { Pressable, StyleSheet, Text, View } from 'react-native';
+
+interface PeriodProps {
+  value: string;
+  setValue?: (value: any) => void;
+}
+
+const PeriodWeb: React.FC<PeriodProps> = ({ value, setValue = () => {} }) => {
+  return (
+    <Pressable onPress={() => setValue(value == 'AM' ? 'PM' : 'AM')}>
+      <View style={[defaultStyles.period]}>
+        <Text>{value}</Text>
+      </View>
+    </Pressable>
+  );
+};
+
+const defaultStyles = StyleSheet.create({
+  period: {
+    width: 65,
+    height: 44,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+});
+
+const customComparator = (
+  prev: Readonly<PeriodProps>,
+  next: Readonly<PeriodProps>
+) => {
+  const areEqual = prev.value === next.value && prev.setValue === next.setValue;
+
+  return areEqual;
+};
+
+export default memo(PeriodWeb, customComparator);

package/src/components/YearSelector.tsx

@@ -1,4 +1,4 @@
-import { useCallback } from 'react';
+import React, { useCallback } from 'react';
 import {
   Text,
   View,
@@ -7,10 +7,10 @@ import {
   TextStyle,
   ViewStyle,
 } from 'react-native';
-import { useCalendarContext } from '../CalendarContext';
-import { getDateYear, getYearRange } from '../utils';
+import { useCalendarContext } from 'src/CalendarContext';
+import { getDateYear, getYearRange } from 'src/utils';
 
-const YearSelector = () => {
+const YearSelector: React.FC = () => {
   const { currentDate, currentYear, onSelectYear, theme } =
     useCalendarContext();
   const selectedYear = getDateYear(currentDate);

package/src/enums.ts

@@ -1,9 +1,9 @@
 /*
  * @Author: limit
  * @Date: 2024-07-17 05:09:59
- * @LastEditTime: 2024-07-25 15:56:28
+ * @LastEditTime: 2025-08-07 16:31:49
  * @LastEditors: limit
- * @FilePath: /JYB-APP/src/components/DatePicker/enums.ts
+ * @FilePath: /react-native-date-picker/src/enums.ts
  * @Description: 由limit创建！
  */
 export type CalendarViews = 'day' | 'month' | 'year' | 'time';
@@ -17,4 +17,5 @@ export enum CalendarActionKind {
   CHANGE_SELECTED_MULTIPLE = 'CHANGE_SELECTED_MULTIPLE',
 }
 
-export const CALENDAR_HEIGHT = 300;
+export const CONTAINER_HEIGHT = 300;
+export const WEEKDAYS_HEIGHT = 25;

package/src/types.ts

@@ -47,8 +47,7 @@ export type CalendarThemeProps = {
   wheelPickerContainerStyle?: ViewStyle;
   wheelPickerItemStyle?: ViewStyle;
   wheelPickerTextStyle?: TextStyle;
-  wheelPickerIndicatorStyle?: ViewStyle;
-  wheelPickerDecelerationRate?: 'normal' | 'fast' | number;
+  wheelPickerSelectedIndicatorStyle?: ViewStyle;
   selectedRangeBackgroundColor?: string;
 };
 
@@ -109,3 +108,8 @@ export interface DatePickerBaseProps {
   initialView?: CalendarViews;
   height?: number;
 }
+
+export type PickerOption = {
+  value: number | string;
+  text: string;
+};

package/src/utils.ts

@@ -1,5 +1,5 @@
 import dayjs from 'dayjs';
-import type { DateType, IDayObject } from './types';
+import type { DateType, IDayObject, PickerOption } from './types';
 
 export const CALENDAR_FORMAT = 'YYYY-MM-DD HH:mm:ss';
 export const DATE_FORMAT = 'YYYY-MM-DD';
@@ -105,7 +105,7 @@ export function getDaysNumInMonth(
   month: number,
   minDate: DateType,
   maxDate: DateType
-): string[] {
+): Array<PickerOption> {
   const formattedMonth = String(month).padStart(2, '0');
   const date = dayjs(`${year}-${formattedMonth}-01`);
   const daysInMonth = date.daysInMonth();
@@ -121,7 +121,7 @@ export function getDaysNumInMonth(
       (currentDate.isAfter(minDay) || currentDate.isSame(minDay, 'day')) &&
       (currentDate.isBefore(maxDay) || currentDate.isSame(maxDay, 'day'))
     )
-      daysArray.push(String(day).padStart(2, '0'));
+      daysArray.push({ value: day, text: String(day).padStart(2, '0') });
   }
   return daysArray;
 }