fln-espranza 0.0.2 → 0.0.4

package/components/ProgressBar.tsx

@@ -1,33 +1,33 @@
-import React, { useEffect, useRef, useState } from 'react'
-import { Animated,StyleSheet, View } from 'react-native';
-import tw from "../lib/tailwind";
-import { Colors } from "../utils/Color";
-
-interface IProps{
-    progress: number;
-}
-
-export default function ProgressBar( {progress}: IProps) {
-
-
-    const barWidth = useRef(new Animated.Value(0)).current;
-
-    useEffect(() => {
-        Animated.spring(barWidth, {
-            toValue: progress,
-            bounciness: 0,
-            speed: 7,
-            useNativeDriver: false,
-        }).start();
-    }, [progress]);
-    return (
-        <View style={[tw`h-2 w-14 bg-[${Colors['primary-light']}] overflow-hidden mr-2`, {
-            borderRadius: 40,
-        }]}>
-            <Animated.View
-                style={[StyleSheet.absoluteFill, { backgroundColor: Colors['primary-base'], width: barWidth }]}
-
-            />
-        </View>
-    )
-}
+import React, { useEffect, useRef, useState } from 'react'
+import { Animated,StyleSheet, View } from 'react-native';
+import tw from "../lib/tailwind";
+import { Colors } from "../utils/Color";
+
+interface IProps{
+    progress: number;
+}
+
+export default function ProgressBar( {progress}: IProps) {
+
+
+    const barWidth = useRef(new Animated.Value(0)).current;
+
+    useEffect(() => {
+        Animated.spring(barWidth, {
+            toValue: progress,
+            bounciness: 0,
+            speed: 7,
+            useNativeDriver: false,
+        }).start();
+    }, [progress]);
+    return (
+        <View style={[tw`h-2 w-14 bg-[${Colors['primary-light']}] overflow-hidden mr-2`, {
+            borderRadius: 40,
+        }]}>
+            <Animated.View
+                style={[StyleSheet.absoluteFill, { backgroundColor: Colors['primary-base'], width: barWidth }]}
+
+            />
+        </View>
+    )
+}

package/components/SecondaryBaseLayout.tsx

@@ -1,120 +1,120 @@
-import {
-  View,
-  ImageBackground,
-  Dimensions,
-  Animated,
-  ScrollView,
-  Platform,
-} from "react-native";
-import React, { useEffect, useRef, useState } from "react";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
-import tw from "../lib/tailwind";
-import EText from "./EText";
-import { StatusBar } from "expo-status-bar";
-import {
-  Container,
-  EButton,
-  EButtonIcon,
-  PageHeader,
-  PageHeaderSecondary,
-} from ".";
-import Constants from "expo-constants";
-import { useNavigation } from "@react-navigation/native";
-
-const SCREEN_WIDTH = Dimensions.get("window").width;
-const SCREEN_HEIGHT = Dimensions.get("window").height;
-const HEADER_HEIGHT = Constants.statusBarHeight + 60;
-const SCROLL_PADDING_BOTTOM = 100;
-
-interface BaseLayoutProps {
-  title: string;
-  subtitle?: string;
-  curved?: boolean;
-  headerContent?: JSX.Element;
-  children?: JSX.Element | JSX.Element[];
-  iconEnd?: JSX.Element;
-  noScroll?: boolean;
-  bottomButton?: JSX.Element;
-  border?: boolean;
-  menuButton?: boolean;
-}
-
-export default function SecondaryBaseLayout({
-  title,
-  subtitle,
-  curved,
-  headerContent,
-  children,
-  noScroll,
-  iconEnd,
-  bottomButton,
-  border,
-  menuButton,
-}: BaseLayoutProps) {
-  const insets = useSafeAreaInsets();
-
-  const navigation = useNavigation();
-
-  return (
-    <View
-      style={[
-        tw`flex-1 bg-white`,
-        {
-          paddingBottom: Platform.OS === "ios" ? insets.bottom : 0,
-          paddingTop: Platform.OS === "ios" ? 20 : 0,
-        },
-      ]}
-    >
-      <StatusBar style="dark" animated />
-
-      {/* HEADER */}
-      <View
-        style={[
-          tw`absolute top-0 right-0 left-0 pt-2 z-10 w-full bg-white  ${
-            title ? "mb-1" : "pb-0"
-          }`,
-        ]}
-      >
-        {/* <PageHeaderSecondary
-          title={title}
-          subtitle={subtitle}
-          button={
-            <EButtonIcon
-              type="close"
-              iconColor="slate-800"
-              onPress={() => navigation.goBack()}
-            />
-          }
-        /> */}
-        <PageHeader
-          border={border}
-          title={title}
-          subtitle={subtitle}
-          curved={curved}
-          iconEnd={iconEnd}
-          menuButton={menuButton}
-        >
-          {headerContent}
-        </PageHeader>
-      </View>
-      <ScrollView
-        style={[
-          tw`flex-1`,
-          { paddingBottom: insets.bottom, paddingTop: !title ? 80 : 80 },
-        ]}
-        showsVerticalScrollIndicator={false}
-        decelerationRate={"fast"}
-        contentContainerStyle={{
-          paddingBottom: SCROLL_PADDING_BOTTOM,
-        }}
-      >
-        {children}
-      </ScrollView>
-      {bottomButton ? (
-        <View style={tw` px-4 mb-6 `}>{bottomButton}</View>
-      ) : (
-        <></>
-      )}
-    </View>
-  );
-}
+import {
+  View,
+  ImageBackground,
+  Dimensions,
+  Animated,
+  ScrollView,
+  Platform,
+} from "react-native";
+import React, { useEffect, useRef, useState } from "react";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+import tw from "../lib/tailwind";
+import EText from "./EText";
+import { StatusBar } from "expo-status-bar";
+import {
+  Container,
+  EButton,
+  EButtonIcon,
+  PageHeader,
+  PageHeaderSecondary,
+} from ".";
+import Constants from "expo-constants";
+import { useNavigation } from "@react-navigation/native";
+
+const SCREEN_WIDTH = Dimensions.get("window").width;
+const SCREEN_HEIGHT = Dimensions.get("window").height;
+const HEADER_HEIGHT = Constants.statusBarHeight + 60;
+const SCROLL_PADDING_BOTTOM = 100;
+
+interface BaseLayoutProps {
+  title: string;
+  subtitle?: string;
+  curved?: boolean;
+  headerContent?: JSX.Element;
+  children?: JSX.Element | JSX.Element[];
+  iconEnd?: JSX.Element;
+  noScroll?: boolean;
+  bottomButton?: JSX.Element;
+  border?: boolean;
+  menuButton?: boolean;
+}
+
+export default function SecondaryBaseLayout({
+  title,
+  subtitle,
+  curved,
+  headerContent,
+  children,
+  noScroll,
+  iconEnd,
+  bottomButton,
+  border,
+  menuButton,
+}: BaseLayoutProps) {
+  const insets = useSafeAreaInsets();
+
+  const navigation = useNavigation();
+
+  return (
+    <View
+      style={[
+        tw`flex-1 bg-white`,
+        {
+          paddingBottom: Platform.OS === "ios" ? insets.bottom : 0,
+          paddingTop: Platform.OS === "ios" ? 20 : 0,
+        },
+      ]}
+    >
+      <StatusBar style="dark" animated />
+
+      {/* HEADER */}
+      <View
+        style={[
+          tw`absolute top-0 right-0 left-0 pt-2 z-10 w-full bg-white  ${
+            title ? "mb-1" : "pb-0"
+          }`,
+        ]}
+      >
+        {/* <PageHeaderSecondary
+          title={title}
+          subtitle={subtitle}
+          button={
+            <EButtonIcon
+              type="close"
+              iconColor="slate-800"
+              onPress={() => navigation.goBack()}
+            />
+          }
+        /> */}
+        <PageHeader
+          border={border}
+          title={title}
+          subtitle={subtitle}
+          curved={curved}
+          iconEnd={iconEnd}
+          menuButton={menuButton}
+        >
+          {headerContent}
+        </PageHeader>
+      </View>
+      <ScrollView
+        style={[
+          tw`flex-1`,
+          { paddingBottom: insets.bottom, paddingTop: !title ? 80 : 80 },
+        ]}
+        showsVerticalScrollIndicator={false}
+        decelerationRate={"fast"}
+        contentContainerStyle={{
+          paddingBottom: SCROLL_PADDING_BOTTOM,
+        }}
+      >
+        {children}
+      </ScrollView>
+      {bottomButton ? (
+        <View style={tw` px-4 mb-6 `}>{bottomButton}</View>
+      ) : (
+        <></>
+      )}
+    </View>
+  );
+}

package/components/Timer.tsx

@@ -1,57 +1,57 @@
-import React from "react";
-import { useState } from "react";
-import { TouchableOpacity } from "react-native";
-import tw from "../lib/tailwind";
-import { Colors } from "../utils/Color";
-import EText from "./EText";
-
-interface IProps {
-    time: number;
-    text: string;
-    subtext: string;
-    handleGetOTP: () => void;
-    sendOtp: boolean;
-    email: string;
-  }
-
-export default function Timer({ time, text, subtext, sendOtp, handleGetOTP,email }: IProps) {
-
-    const [timer, setTimer] = useState(time);
-    React.useEffect(() => {
-      setTimer(30);
-      return () => {
-        setTimer(0);
-      }
-    }, [sendOtp]);
-  
-    React.useEffect(() => {
-      timer > 0 &&
-        setTimeout(() => {
-          setTimer(timer - 1);
-        }, 1000);
-
-        return () => {
-          clearTimeout();
-        }
-    }, [timer]);
-
-    return(
-
-        <>
-       {timer > 0 ? <TouchableOpacity style={[tw`mt-2`, {}]}>
-            <EText size="sm" style={[tw`font-bold text-[${Colors["text-primary"]}]`, {}]}>
-            {timer > 0 && `${text}${timer >= 10 ? timer : "0" + timer}`}
-            </EText>
-        </TouchableOpacity> : 
-        <TouchableOpacity style={[tw`mt-2`, {}]} 
-            onPress={() =>  handleGetOTP()}
-        >
-            <EText size="sm" style={[tw`font-bold text-[${Colors["text-primary"]}]`, {}]}>
-            {subtext}
-            </EText>
-        </TouchableOpacity>
-        }
-        </>
-        
-    )
+import React from "react";
+import { useState } from "react";
+import { TouchableOpacity } from "react-native";
+import tw from "../lib/tailwind";
+import { Colors } from "../utils/Color";
+import EText from "./EText";
+
+interface IProps {
+    time: number;
+    text: string;
+    subtext: string;
+    handleGetOTP: () => void;
+    sendOtp: boolean;
+    email: string;
+  }
+
+export default function Timer({ time, text, subtext, sendOtp, handleGetOTP,email }: IProps) {
+
+    const [timer, setTimer] = useState(time);
+    React.useEffect(() => {
+      setTimer(30);
+      return () => {
+        setTimer(0);
+      }
+    }, [sendOtp]);
+  
+    React.useEffect(() => {
+      timer > 0 &&
+        setTimeout(() => {
+          setTimer(timer - 1);
+        }, 1000);
+
+        return () => {
+          clearTimeout();
+        }
+    }, [timer]);
+
+    return(
+
+        <>
+       {timer > 0 ? <TouchableOpacity style={[tw`mt-2`, {}]}>
+            <EText size="sm" style={[tw`font-bold text-[${Colors["text-primary"]}]`, {}]}>
+            {timer > 0 && `${text}${timer >= 10 ? timer : "0" + timer}`}
+            </EText>
+        </TouchableOpacity> : 
+        <TouchableOpacity style={[tw`mt-2`, {}]} 
+            onPress={() =>  handleGetOTP()}
+        >
+            <EText size="sm" style={[tw`font-bold text-[${Colors["text-primary"]}]`, {}]}>
+            {subtext}
+            </EText>
+        </TouchableOpacity>
+        }
+        </>
+        
+    )
 }

package/components/icons/EIconAdd.jsx

@@ -0,0 +1,19 @@
+import * as React from "react"
+import Svg, { G, Path } from "react-native-svg"
+
+function EIconAdd(props) {
+	const size = props.size || '100%';
+	return (
+		<Svg height={size} width={size} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+			<Path
+				fillRule="evenodd"
+				clipRule="evenodd"
+				d="M12 5.25a.75.75 0 01.75.75v5.25H18a.75.75 0 010 1.5h-5.25V18a.75.75 0 01-1.5 0v-5.25H6a.75.75 0 010-1.5h5.25V6a.75.75 0 01.75-.75z"
+				fill="currentColor"
+				className=""
+			/>
+		</Svg>
+	)
+}
+
+export default EIconAdd;

package/components/icons/EIconAddCircle.jsx

@@ -0,0 +1,21 @@
+import * as React from "react"
+import Svg, { G, Path } from "react-native-svg"
+
+function EIconAddCircle(props) {
+	const size = props.size || '100%';
+	return (
+		<Svg height={size} width={size} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+			<G
+				fill="currentColor"
+				fillRule="evenodd"
+				clipRule="evenodd"
+			>
+				<Path d="M12 7.25a.75.75 0 01.75.75v8a.75.75 0 01-1.5 0V8a.75.75 0 01.75-.75z" />
+				<Path d="M7.25 12a.75.75 0 01.75-.75h8a.75.75 0 010 1.5H8a.75.75 0 01-.75-.75z" />
+				<Path d="M12 3.75A8.25 8.25 0 003.75 12 8.25 8.25 0 0012 20.25 8.25 8.25 0 0020.25 12 8.25 8.25 0 0012 3.75zM2.25 12A9.75 9.75 0 0112 2.25 9.75 9.75 0 0121.75 12 9.75 9.75 0 0112 21.75 9.75 9.75 0 012.25 12z" />
+			</G>
+		</Svg>
+	)
+}
+
+export default EIconAddCircle;

package/components/icons/EIconApplicationStatus.jsx

@@ -0,0 +1,20 @@
+import * as React from "react"
+import Svg, { G, Path } from "react-native-svg"
+
+function EIconApplicationStatus(props) {
+  const size = props.size || '100%';
+  return (
+    <Svg height={size} width={size} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <G
+        fill="currentColor"
+        fillRule="evenodd"
+        clipRule="evenodd"
+      >
+       <Path d="M5.5 3.75a.75.75 0 00-.75.75v15c0 .414.336.75.75.75h13a.75.75 0 00.75-.75v-15a.75.75 0 00-.75-.75h-13zm-2.25.75A2.25 2.25 0 015.5 2.25h13a2.25 2.25 0 012.25 2.25v15a2.25 2.25 0 01-2.25 2.25h-13a2.25 2.25 0 01-2.25-2.25v-15z" />
+        <Path d="M11.882 16.5a.75.75 0 01.75-.75h4a.75.75 0 010 1.5h-4a.75.75 0 01-.75-.75zM10.058 15.15a.75.75 0 01-.057 1.06l-1.336 1.2a.75.75 0 01-1.002 0l-.664-.597a.75.75 0 011.002-1.116l.163.147.835-.75a.75.75 0 011.06.057zM11.882 12.5a.75.75 0 01.75-.75h4a.75.75 0 010 1.5h-4a.75.75 0 01-.75-.75zM8.25 7A.75.75 0 019 6.25h6a.75.75 0 010 1.5H9A.75.75 0 018.25 7zM10.058 11.15a.75.75 0 01-.057 1.06l-1.336 1.2a.75.75 0 01-1.002 0l-.664-.597a.75.75 0 011.002-1.116l.163.147.835-.75a.75.75 0 011.06.057z" />
+      </G>
+    </Svg>
+  )
+}
+
+export default EIconApplicationStatus;

package/components/icons/EIconArrowDown.jsx

@@ -0,0 +1,20 @@
+import * as React from "react"
+import Svg, { G, Path } from "react-native-svg"
+
+function EIconArrowDown(props) {
+  const size = props.size || '100%';
+  return (
+    <Svg height={size} width={size} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <G
+        fill="currentColor"
+        fillRule="evenodd"
+        clipRule="evenodd"
+      >
+        <Path d="M12 4.25a.75.75 0 01.75.75v14a.75.75 0 01-1.5 0V5a.75.75 0 01.75-.75z" />
+        <Path d="M6.469 13.469a.75.75 0 011.06 0L12 17.939l4.47-4.47a.75.75 0 111.061 1.06l-5 5.001a.75.75 0 01-1.061 0l-5.001-5a.75.75 0 010-1.061z" />
+        </G>
+    </Svg>
+  )
+}
+
+export default EIconArrowDown;

package/components/icons/EIconArrowLeft.jsx

@@ -0,0 +1,21 @@
+import * as React from "react"
+import Svg, { G, Path } from "react-native-svg"
+
+function EIconArrowLeft(props) {
+  const size = props.size || '100%';
+  return (
+    <Svg height={size} width={size} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <G
+        fill="currentColor"
+        fillRule="evenodd"
+        clipRule="evenodd"
+      >
+       <Path d="M4.25 12a.75.75 0 01.75-.75h14a.75.75 0 010 1.5H5a.75.75 0 01-.75-.75z" />
+        <Path d="M10.53 6.47a.75.75 0 010 1.06l-5 5a.75.75 0 01-1.06-1.06l5-5a.75.75 0 011.06 0z" />
+        <Path d="M4.47 11.47a.75.75 0 011.06 0l5 5a.75.75 0 11-1.06 1.06l-5-5a.75.75 0 010-1.06z" />
+    </G>
+    </Svg>
+  )
+}
+
+export default EIconArrowLeft;

package/components/icons/EIconArrowRight.jsx

@@ -0,0 +1,21 @@
+import * as React from "react"
+import Svg, { G, Path } from "react-native-svg"
+
+function EIconArrowRight(props) {
+  const size = props.size || '100%';
+  return (
+    <Svg height={size} width={size} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <G
+        fill="currentColor"
+        fillRule="evenodd"
+        clipRule="evenodd"
+      >
+        <Path d="M4.25 12a.75.75 0 01.75-.75h14a.75.75 0 010 1.5H5a.75.75 0 01-.75-.75z" />
+        <Path d="M19.53 11.47a.75.75 0 010 1.06l-5 5a.75.75 0 11-1.06-1.06l5-5a.75.75 0 011.06 0z" />
+        <Path d="M13.47 6.47a.75.75 0 011.06 0l5 5a.75.75 0 11-1.06 1.06l-5-5a.75.75 0 010-1.06z" />
+      </G>
+    </Svg>
+  )
+}
+
+export default EIconArrowRight;

package/components/icons/EIconArrowUp.jsx

@@ -0,0 +1,20 @@
+import * as React from "react"
+import Svg, { G, Path } from "react-native-svg"
+
+function EIconArrowUp(props) {
+	const size = props.size || '100%';
+	return (
+		<Svg height={size} width={size} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+			<G
+				fill="currentColor"
+				fillRule="evenodd"
+				clipRule="evenodd"
+			>
+				<Path d="M12 4.25a.75.75 0 01.75.75v14a.75.75 0 01-1.5 0V5a.75.75 0 01.75-.75z" />
+				<Path d="M11.47 4.469a.75.75 0 011.06 0l5.001 5a.75.75 0 01-1.06 1.061L12 6.06l-4.47 4.47a.75.75 0 01-1.061-1.06l5-5.001z" />
+			</G>
+		</Svg>
+	)
+}
+
+export default EIconArrowUp;

package/components/icons/EIconBadge.jsx

@@ -0,0 +1,20 @@
+import * as React from "react"
+import Svg, { G, Path } from "react-native-svg"
+
+function EIconBadge(props) {
+  const size = props.size || '100%';
+  return (
+    <Svg height={size} width={size} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <G
+        fill="currentColor"
+        fillRule="evenodd"
+        clipRule="evenodd"
+      >
+         <Path d="M10.08 2.9a3.161 3.161 0 013.84 0l1.404 1.073 1.755.234a3.162 3.162 0 012.716 2.718l.232 1.75L21.1 10.08a3.163 3.163 0 010 3.84l-1.074 1.404-.234 1.754a3.162 3.162 0 01-2.719 2.716l-1.747.232L13.92 21.1a3.161 3.161 0 01-3.84 0l-1.404-1.073-1.754-.235a3.161 3.161 0 01-2.716-2.718l-.232-1.75L2.9 13.919a3.164 3.164 0 010-3.84l1.074-1.405.235-1.753a3.162 3.162 0 012.718-2.716l1.748-.233L10.08 2.9zm-.618 2.359a.747.747 0 01-.39.174l-1.948.26a1.662 1.662 0 00-1.43 1.427l-.26 1.952a.747.747 0 01-.158.37l-.018.023-1.167 1.526a1.664 1.664 0 000 2.019l1.195 1.564a.75.75 0 01.148.357l.257 1.947c.099.744.684 1.33 1.428 1.429l1.952.26a.75.75 0 01.356.148l1.563 1.194a1.661 1.661 0 002.019 0l1.528-1.168a.747.747 0 01.39-.174l1.948-.259a1.662 1.662 0 001.43-1.427l.26-1.952a.746.746 0 01.157-.37l.018-.023 1.167-1.526a1.662 1.662 0 000-2.02l-1.194-1.564a.75.75 0 01-.146-.356l-.259-1.947a1.661 1.661 0 00-1.427-1.43l-1.953-.26a.75.75 0 01-.356-.147l-1.563-1.194a1.661 1.661 0 00-2.019 0L9.462 5.259z" />
+        <Path d="M15.333 10.072a.75.75 0 010 1.06l-3.5 3.501a.75.75 0 01-1.061 0l-2.103-2.1a.75.75 0 011.06-1.062l1.573 1.572 2.97-2.971a.75.75 0 011.061 0z" />
+      </G>
+    </Svg>
+  )
+}
+
+export default EIconBadge;

package/components/icons/EIconBell.jsx

@@ -0,0 +1,19 @@
+import * as React from "react"
+import Svg, { G, Path } from "react-native-svg"
+
+function EIconBell(props) {
+  const size = props.size || '100%';
+  return (
+    <Svg height={size} width={size} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <G
+        fill="currentColor"
+        fillRule="evenodd"
+        clipRule="evenodd"
+      >
+        <Path d="M9.55 19.403a.75.75 0 011.05.15 1.75 1.75 0 002.8 0 .75.75 0 011.2.9 3.25 3.25 0 01-5.2 0 .75.75 0 01.15-1.05zM12 3.746A5.252 5.252 0 006.747 9v3.4a.748.748 0 01-.214.613L5.156 14.39a1.384 1.384 0 00.98 2.362h11.728a1.384 1.384 0 00.98-2.362l-1.377-1.378a.75.75 0 01-.214-.613V9A5.253 5.253 0 0012 3.746zm6.753 8.43V8.999a6.752 6.752 0 10-13.506 0v3.177l-1.152 1.153a2.884 2.884 0 002.04 4.923h11.73m.888-6.076l1.152 1.153a2.884 2.884 0 01-2.04 4.923" />
+      </G>
+    </Svg>
+  )
+}
+
+export default EIconBell;

package/components/icons/EIconCalendar.jsx

@@ -0,0 +1,21 @@
+import * as React from "react"
+import Svg, { G, Path } from "react-native-svg"
+
+function EIconCalendar(props) {
+  const size = props.size || '100%';
+  return (
+    <Svg height={size} width={size} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <G
+        fill="currentColor"
+        fillRule="evenodd"
+        clipRule="evenodd"
+      >
+        <Path d="M7.25 2a.75.75 0 01.75.75v3a.75.75 0 01-1.5 0v-3A.75.75 0 017.25 2zM16.25 2a.75.75 0 01.75.75v3a.75.75 0 01-1.5 0v-3a.75.75 0 01.75-.75z" />
+        <Path d="M2 7.25A3.75 3.75 0 015.75 3.5h12a3.75 3.75 0 013.75 3.75v10.5a3.75 3.75 0 01-3.75 3.75h-12A3.75 3.75 0 012 17.75V7.25zM5.75 5A2.25 2.25 0 003.5 7.25v10.5A2.25 2.25 0 005.75 20h12A2.25 2.25 0 0020 17.75V7.25A2.25 2.25 0 0017.75 5h-12z" />
+        <Path d="M6.5 10.75a.75.75 0 01.75-.75h9a.75.75 0 010 1.5h-9a.75.75 0 01-.75-.75zM15 16.75a.75.75 0 01.75-.75h1a.75.75 0 010 1.5h-1a.75.75 0 01-.75-.75z" />
+      </G>
+    </Svg>
+  )
+}
+
+export default EIconCalendar;

package/components/icons/EIconCalendarCheck.jsx

@@ -0,0 +1,24 @@
+import * as React from "react"
+import Svg, { G, Path } from "react-native-svg"
+
+function EIconCalendarCheck(props) {
+  const size = props.size || '100%';
+  return (
+    <Svg height={size} width={size} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <G
+        fill="currentColor"
+        fillRule="evenodd"
+        clipRule="evenodd"
+      >
+        <Path d="M12 15.751a.75.75 0 00-.75.75v3.502a.75.75 0 01-1.5 0v-3.501a2.25 2.25 0 012.25-2.25.75.75 0 010 1.5z" />
+        <Path d="M12.673 7.528a1.25 1.25 0 00-1.347 0l-3 1.917a1.25 1.25 0 00-.578 1.054v9.504a.75.75 0 01-1.5 0V10.5a2.75 2.75 0 011.27-2.318l3.001-1.917a2.75 2.75 0 012.962 0l3.001 1.917a2.75 2.75 0 011.27 2.318V12a.75.75 0 01-1.5 0v-1.5a1.25 1.25 0 00-.577-1.055l-3.002-1.917zM16.102 17.723a.75.75 0 011.06-.054l.833.752a.75.75 0 01-1.005 1.114l-.833-.752a.75.75 0 01-.055-1.06z" />
+        <Path d="M19.77 16.523a.75.75 0 01.04 1.06l-1.767 1.905a.75.75 0 11-1.1-1.02l1.767-1.905a.75.75 0 011.06-.04z" />
+        <Path d="M18.003 14.75a3.252 3.252 0 100 6.504 3.252 3.252 0 000-6.503zm-4.752 3.253a4.752 4.752 0 119.503 0 4.752 4.752 0 01-9.503 0zM11.25 1.996a.75.75 0 01.75-.75h4.002a.75.75 0 01.75.75v2.5a.75.75 0 01-.75.75H12a.75.75 0 010-1.5h3.252v-1H12a.75.75 0 01-.75-.75z" />
+        <Path d="M12 1.246a.75.75 0 01.75.75V6.58a.75.75 0 01-1.5 0V1.996a.75.75 0 01.75-.75zM1.246 20.003a.75.75 0 01.75-.75H12a.75.75 0 010 1.5H1.996a.75.75 0 01-.75-.75z" />
+        <Path d="M3.997 10.75a.25.25 0 00-.25.25v9.003a.75.75 0 01-1.5 0V11c0-.967.783-1.75 1.75-1.75h3a.75.75 0 110 1.5h-3zM16.252 10a.75.75 0 01.75-.75h3.001c.967 0 1.75.783 1.75 1.75v1a.75.75 0 11-1.5 0v-1a.25.25 0 00-.25-.25h-3a.75.75 0 01-.75-.75z" />
+      </G>
+    </Svg>
+  )
+}
+
+export default EIconCalendarCheck;