@hitesh0009/react-native-datetime-picker 1.0.0

package/src/Utils/month_name.ts

@@ -0,0 +1,25 @@
+import { Items } from "../types";
+
+export const Month_name: Items[] = [
+  { key: 0, id: 1, fullName: "January", shortName: "Jan" },
+  { key: 1, id: 2, fullName: "February", shortName: "Feb" },
+  { key: 2, id: 3, fullName: "March", shortName: "Mar" },
+  { key: 3, id: 4, fullName: "April", shortName: "Apr" },
+  { key: 4, id: 5, fullName: "May", shortName: "May" },
+  { key: 5, id: 6, fullName: "June", shortName: "Jun" },
+  { key: 6, id: 7, fullName: "July", shortName: "Jul" },
+  { key: 7, id: 8, fullName: "August", shortName: "Aug" },
+  { key: 8, id: 9, fullName: "September", shortName: "Sep" },
+  { key: 9, id: 10, fullName: "October", shortName: "Oct" },
+  { key: 10, id: 11, fullName: "November", shortName: "Nov" },
+  { key: 11, id: 12, fullName: "December", shortName: "Dec" },
+];
+export const Week_name: Items[] = [
+  { key: 0, id: 1, fullName: "Sunday", shortName: "Sun" },
+  { key: 2, id: 2, fullName: "Monday", shortName: "Mon" },
+  { key: 3, id: 3, fullName: "Tuesday", shortName: "Tue" },
+  { key: 4, id: 4, fullName: "Wednesday", shortName: "Wed" },
+  { key: 5, id: 5, fullName: "Thursday", shortName: "Thu" },
+  { key: 6, id: 6, fullName: "Friday", shortName: "Fri" },
+  { key: 7, id: 7, fullName: "Saturday", shortName: "Sat" },
+];

package/src/index.ts

@@ -0,0 +1,9 @@
+export { DateTimePicker } from "./DataTimePicker";
+
+export {
+  DateTimePickerProps,
+  DateTimeFormat,
+  Items,
+  WheelProps,
+  WheelTypes,
+} from "./types";

package/src/types.ts

@@ -0,0 +1,59 @@
+import { TextStyle, ViewStyle } from "react-native";
+
+export type Items = {
+  key: number;
+  id: number;
+  shortName: string;
+  fullName: string;
+};
+
+export type DateTimeFormat = {
+  day?: "numeric" | "alphabetical";
+  month?: "numeric" | "alphabeticalShort" | "alphabeticalLong";
+  year?: "short" | "long";
+  timeFormat?: 24 | 12;
+  hours?: "hh" | "h";
+  minutes?: "mm" | "m";
+};
+
+export interface DateTimePickerProps {
+  start?: Date;
+  end?: Date;
+  initial: Date;
+
+  selectorContainerStyle?: ViewStyle;
+  textSizeActive?: TextStyle["fontSize"];
+  textSizeInActive?: TextStyle["fontSize"];
+  textWeightActive?: TextStyle["fontWeight"];
+  textWeightInActive?: TextStyle["fontWeight"];
+  fontFamily?: string;
+  height?: number;
+  numRows?: number;
+
+  onChange?: (date: Date) => void;
+  format?: DateTimeFormat;
+}
+
+export type WheelTypes = "day" | "month" | "year" | "hours" | "minutes";
+
+export interface WheelProps<T = number | string> {
+  data: T[];
+  onChange: (value: T) => void;
+  value: T;
+  height: number;
+  numRows: number;
+  centerItem: number;
+
+  type?: WheelTypes;
+  textSizeActive?: number;
+  textSizeInActive?: number;
+  textWeightActive?: TextStyle["fontWeight"];
+  textWeightInActive?: TextStyle["fontWeight"];
+  fontFamily?: TextStyle["fontFamily"];
+  repeat?: boolean;
+  format?: DateTimeFormat;
+  year?: number;
+  month?: number;
+  minDate?: Date;
+  maxDate?: Date;
+}

package/tsconfig.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "target": "ES2019",
+    "module": "ESNext",
+    "lib": ["ES2019"],
+    "jsx": "react-jsx",
+
+    "rootDir": "./src",
+    "outDir": "./dist",
+
+    "declaration": true,
+    "declarationMap": true,
+
+    "strict": true,
+    "skipLibCheck": true,
+
+    "moduleResolution": "node",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+
+    "resolveJsonModule": true,
+    "forceConsistentCasingInFileNames": true
+  },
+  "include": ["src"],
+  "exclude": ["node_modules", "dist"]
+}