react-restyle-components 0.2.89 → 0.2.91

package/lib/src/core-components/src/atoms/tabs/tabs.module.css

@@ -0,0 +1,238 @@
+.flex {
+  display: flex;
+}
+
+.flex-col {
+  flex-direction: column;
+}
+.w-full {
+  width: 100%;
+}
+.border {
+  border-width: 1px;
+}
+
+.border-b {
+  border-bottom-width: 1px;
+}
+
+.border-t {
+  border-top-width: 1px;
+}
+
+.border-solid {
+  border-style: solid;
+}
+
+.border-none {
+  border-style: none;
+}
+.py-2 {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+
+.pb-2 {
+  padding-bottom: 0.5rem;
+}
+
+.pt-1 {
+  padding-top: 0.25rem;
+}
+
+.pt-2 {
+  padding-top: 0.5rem;
+}
+
+.pt-3 {
+  padding-top: 0.75rem;
+}
+
+.text-center {
+  text-align: center;
+}
+.rounded {
+  border-radius: 0.25rem;
+}
+
+.rounded-100px {
+  border-radius: 100px;
+}
+
+.rounded-full {
+  border-radius: 9999px;
+}
+
+.rounded-lg {
+  border-radius: 0.5rem;
+}
+
+.rounded-md {
+  border-radius: 0.375rem;
+}
+
+.rounded-none {
+  border-radius: 0px;
+}
+
+.rounded-sm {
+  border-radius: 0.125rem;
+}
+
+.rounded-b {
+  border-bottom-right-radius: 0.25rem;
+  border-bottom-left-radius: 0.25rem;
+}
+
+.rounded-b-md {
+  border-bottom-right-radius: 0.375rem;
+  border-bottom-left-radius: 0.375rem;
+}
+
+.rounded-t {
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
+
+.rounded-t-md {
+  border-top-left-radius: 0.375rem;
+  border-top-right-radius: 0.375rem;
+}
+
+.border {
+  border-width: 1px;
+}
+
+.border-b {
+  border-bottom-width: 1px;
+}
+
+.border-t {
+  border-top-width: 1px;
+}
+
+.border-solid {
+  border-style: solid;
+}
+
+.border-none {
+  border-style: none;
+}
+.bg-blue-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
+}
+.cursor-pointer {
+  cursor: pointer;
+}
+.text-white {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+.border-solid {
+  border-style: solid;
+}
+.border-slate-600 {
+  --tw-border-opacity: 1;
+  border-color: rgb(71 85 105 / var(--tw-border-opacity));
+}
+.rounded-b-md {
+  border-bottom-right-radius: 0.375rem;
+  border-bottom-left-radius: 0.375rem;
+}
+.p-1 {
+  padding: 0.25rem;
+}
+
+.p-2 {
+  padding: 0.5rem;
+}
+
+.p-4 {
+  padding: 1rem;
+}
+
+.px-0 {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
+.px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.px-3 {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+
+.px-4 {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+.py-1 {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+
+.py-2 {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+
+.pb-2 {
+  padding-bottom: 0.5rem;
+}
+
+.pt-1 {
+  padding-top: 0.25rem;
+}
+
+.pt-2 {
+  padding-top: 0.5rem;
+}
+
+.pt-3 {
+  padding-top: 0.75rem;
+}
+.ml-1 {
+  margin-left: 0.25rem;
+}
+
+.ml-2 {
+  margin-left: 0.5rem;
+}
+
+.ml-4 {
+  margin-left: 1rem;
+}
+
+.ml-6 {
+  margin-left: 1.5rem;
+}
+
+.mr-1 {
+  margin-right: 0.25rem;
+}
+
+.mr-2 {
+  margin-right: 0.5rem;
+}
+
+.mr-3 {
+  margin-right: 0.75rem;
+}
+
+.mt-0 {
+  margin-top: 0px;
+}
+
+.mt-1 {
+  margin-top: 0.25rem;
+}
+
+.mt-4 {
+  margin-top: 1rem;
+}

package/lib/src/core-components/src/atoms/timer/timer.component.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface TimerProps {
+    onClear: () => void;
+}
+export declare const Timer: React.ForwardRefExoticComponent<TimerProps & React.RefAttributes<any>>;
+export {};
+//# sourceMappingURL=timer.component.d.ts.map

package/lib/src/core-components/src/atoms/timer/timer.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timer.component.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/atoms/timer/timer.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAK3E,UAAU,UAAU;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAGD,eAAO,MAAM,KAAK,wEA8EjB,CAAC"}

package/lib/src/core-components/src/atoms/timer/timer.component.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable react/prop-types */
+/* eslint-disable @typescript-eslint/no-unused-expressions */
+import React, { useEffect, useState, useImperativeHandle } from 'react';
+import { TimerSVG } from '../../library/assets/svg';
+import s from '../../tc.module.css';
+import { cn } from '../../utils';
+// eslint-disable-next-line react/display-name
+export const Timer = React.forwardRef(({ onClear }, ref) => {
+    const width = 15;
+    const [minute, setMinute] = useState('00');
+    const [second, setSecond] = useState('10');
+    useEffect(() => {
+        const sec = parseInt(second);
+        const min = parseInt(minute);
+        const countDown = setInterval(() => {
+            if (min === 0 && sec === 0) {
+                setMinute('00');
+                setSecond('00');
+                clearInterval(countDown);
+                onClear && onClear();
+            }
+            else {
+                let secondstTmp = (sec - 1).toString();
+                if (secondstTmp.length === 1) {
+                    secondstTmp = '0'.concat(secondstTmp);
+                }
+                setSecond(secondstTmp);
+                if (sec === 0) {
+                    setSecond('59');
+                    const m = (min - 1).toString();
+                    setMinute('0' + m);
+                }
+            }
+        }, 1000);
+        return () => {
+            clearInterval(countDown);
+        };
+    });
+    useImperativeHandle(ref, () => ({
+        updateState() {
+            setMinute('02');
+            setSecond('00');
+        },
+        resetTimer() {
+            // eslint-disable-next-line no-console
+            const sec = parseInt(second);
+            const min = parseInt(minute === '00' ? '02' : minute);
+            const countDown = setInterval(() => {
+                // eslint-disable-next-line no-console
+                if (min === 0 && sec === 0) {
+                    setMinute('00');
+                    setSecond('00');
+                    clearInterval(countDown);
+                    onClear && onClear();
+                }
+                else {
+                    let secondstTmp = (sec - 1).toString();
+                    if (secondstTmp.length === 1) {
+                        secondstTmp = '0'.concat(secondstTmp);
+                    }
+                    setSecond(secondstTmp);
+                    if (sec === 0) {
+                        setSecond('59');
+                        const m = (min - 1).toString();
+                        setMinute('0' + m);
+                    }
+                }
+            }, 1000);
+            return () => {
+                clearInterval(countDown);
+            };
+        },
+    }));
+    return (_jsxs("div", { className: cn(s['flex'], s['flex-row'], s['items-center']), children: [_jsx(TimerSVG, { width: width, height: width, fill: "#E7503D" }), _jsxs("div", { className: cn(s['ml-2'], s['flex'], s['flex-row']), children: [_jsxs("span", { children: [minute, ":"] }), _jsx("span", { children: second })] })] }));
+});

package/lib/src/core-components/src/atoms/tooltip/Tooltip.types.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+export type TooltipProps = {
+    /** custom classname to pass to the tooltip element */
+    className?: string;
+    /** The delay (in ms) before showing the tooltip */
+    delay?: number;
+    /** Sets the preferred position relative to the trigger */
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    /** Space between the tooltip element and anchor element (arrow not included in calculation) */
+    sideOffset?: number;
+    /** Use this to set the content of the tooltip*/
+    content?: React.ReactNode;
+    /** Sets the preferred alignment relative to the trigger & position */
+    align?: 'start' | 'center' | 'end';
+    /**Space between alignment point and tooltip */
+    alignOffset?: number;
+    /** If set to true then in the case of collision finds the alternate ways by changing the position or aligment or both to properly display tooltip  */
+    avoidCollisions?: boolean;
+    /** Set true to prevent tooltip from displaying */
+    disabled?: boolean;
+};
+//# sourceMappingURL=Tooltip.types.d.ts.map

package/lib/src/core-components/src/atoms/tooltip/Tooltip.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/atoms/tooltip/Tooltip.types.ts"],"names":[],"mappings":";AAAA,MAAM,MAAM,YAAY,GAAG;IACzB,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,+FAA+F;IAC/F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sEAAsE;IACtE,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sJAAsJ;IACtJ,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}

package/lib/src/core-components/src/atoms/tooltip/Tooltip.types.js

@@ -0,0 +1 @@
+export {};

package/lib/src/core-components/src/atoms/tooltip/tooltip.component.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { PropsWithChildren } from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { TooltipProps } from './Tooltip.types';
+/**
+ *  The `Tooltip` must be nested somewhere inside the `TooltipProvider` in the component tree.
+ */
+export declare const Tooltip: ({ align, side, children, content, avoidCollisions, alignOffset, sideOffset, disabled, delay, className, }: PropsWithChildren<TooltipProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+//# sourceMappingURL=tooltip.component.d.ts.map

package/lib/src/core-components/src/atoms/tooltip/tooltip.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.component.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/atoms/tooltip/tooltip.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAE7C;;GAEG;AACH,eAAO,MAAM,OAAO,8GAWjB,kBAAkB,YAAY,CAAC,4CA4BjC,CAAC;AACF,eAAO,MAAM,eAAe,iDAA4B,CAAC"}

package/lib/src/core-components/src/atoms/tooltip/tooltip.component.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+/**
+ *  The `Tooltip` must be nested somewhere inside the `TooltipProvider` in the component tree.
+ */
+export const Tooltip = ({ align = 'center', side = 'bottom', children, content, avoidCollisions = true, alignOffset = 0, sideOffset = 5, disabled = false, delay = 400, className, }) => {
+    const isChildrenString = typeof children === 'string';
+    return (_jsxs(TooltipPrimitive.Root, { delayDuration: delay, children: [_jsx(TooltipPrimitive.Trigger, { asChild: !isChildrenString, disabled: disabled, className: className, children: children }), _jsx(TooltipPrimitive.Portal, { children: !disabled && content && (_jsxs(TooltipPrimitive.Content, { className: className, avoidCollisions: avoidCollisions, side: side, align: align, alignOffset: alignOffset, sideOffset: sideOffset, children: [content, _jsx(TooltipPrimitive.Arrow, { className: className })] })) })] }));
+};
+export const TooltipProvider = TooltipPrimitive.Provider;

package/lib/src/core-components/src/helpers/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const STANDARD_COLORS: string[];
+export declare const DEFAULT_BG_COLOR = "";
+export declare const DEFAULT_TEXT_COLOR = "";
+//# sourceMappingURL=constants.d.ts.map

package/lib/src/core-components/src/helpers/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/src/helpers/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,UAQ3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,kBAAkB,KAAK,CAAC"}

package/lib/src/core-components/src/helpers/constants.js

@@ -0,0 +1,11 @@
+export const STANDARD_COLORS = [
+    '#000000',
+    '#0000ff',
+    '#808080',
+    '#008000',
+    '#800080',
+    '#ff0000',
+    '#ffffff',
+];
+export const DEFAULT_BG_COLOR = '';
+export const DEFAULT_TEXT_COLOR = '';

package/lib/src/core-components/src/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './outside.hook';
+//# sourceMappingURL=index.d.ts.map

package/lib/src/core-components/src/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/lib/src/core-components/src/hooks/index.js

@@ -0,0 +1 @@
+export * from './outside.hook';

package/lib/src/core-components/src/hooks/outside.hook.d.ts

@@ -0,0 +1,2 @@
+export declare const useClickOutside: (ref: any, handler: any) => void;
+//# sourceMappingURL=outside.hook.d.ts.map

package/lib/src/core-components/src/hooks/outside.hook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"outside.hook.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/src/hooks/outside.hook.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,kCA6B3B,CAAC"}

package/lib/src/core-components/src/hooks/outside.hook.js

@@ -0,0 +1,28 @@
+import { useEffect } from 'react';
+export const useClickOutside = (ref, handler) => {
+    useEffect(() => {
+        let startedInside = false;
+        let startedWhenMounted = false;
+        const listener = (event) => {
+            // Do nothing if `mousedown` or `touchstart` started inside ref element
+            if (startedInside || !startedWhenMounted)
+                return;
+            // Do nothing if clicking ref's element or descendent elements
+            if (!ref.current || ref.current.contains(event.target))
+                return;
+            handler(event);
+        };
+        const validateEventStart = (event) => {
+            startedWhenMounted = ref.current;
+            startedInside = ref.current && ref.current.contains(event.target);
+        };
+        document.addEventListener('mousedown', validateEventStart);
+        document.addEventListener('touchstart', validateEventStart);
+        document.addEventListener('click', listener);
+        return () => {
+            document.removeEventListener('mousedown', validateEventStart);
+            document.removeEventListener('touchstart', validateEventStart);
+            document.removeEventListener('click', listener);
+        };
+    }, [ref, handler]);
+};

package/lib/src/core-components/src/index.css

@@ -0,0 +1,118 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  @font-face {
+    font-family: 'ArimaRegular';
+    src: url('./library/assets/fonts/arima/arima-regular.ttf');
+  }
+}
+
+@layer components {
+  table {
+    @apply text-black dark:text-white;
+  }
+  table tr:hover {
+    @apply dark:bg-white;
+  }
+
+  select {
+    @apply dark:text-black;
+  }
+  .main {
+    @apply bg-white;
+  }
+  .headerView {
+    @apply bg-white;
+  }
+  .headerView {
+    @apply dark:bg-boxdark;
+  }
+}
+
+body {
+  font-size: 14px;
+  font-family: 'Arima Regular';
+}
+
+.ps__rail-y {
+  background: none !important;
+}
+
+.scrollbar-container {
+  width: 97% !important;
+}
+.dropdown-menu {
+  min-width: 3rem;
+}
+
+.w-md-editor-show-live {
+  height: 800 !important;
+}
+
+.bg-orange1 {
+  background-color: '#EF4444';
+}
+
+.react-pdf__Page__canvas {
+  min-height: 100vh !important;
+  max-width: 100vw !important;
+}
+
+/* :root {
+  scrollbar-color: transparent transparent;
+} */
+
+/* Outer box for reference */
+.outer-box {
+  position: relative;
+  width: 300px;
+  height: 400px;
+  border: 2px solid #333;
+  overflow: hidden; /* Ensure the menu does not spill out */
+}
+
+/* Parent container */
+.parent-container {
+  position: relative;
+  padding: 20px;
+  background: #f0f0f0;
+}
+
+/* Menu styling */
+.menu {
+  position: absolute; /* Allows the menu to exist independently */
+  top: 100%; /* Position it just below the parent */
+  left: 0;
+  width: 100%;
+  max-height: 200px; /* Define a max height for scrolling */
+  overflow-y: auto; /* Enable vertical scrolling */
+  background: #fff;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  border: 1px solid #ccc;
+}
+
+/* Styling for the menu items */
+.menu ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.menu li {
+  padding: 10px;
+  border-bottom: 1px solid #ddd;
+}
+
+.menu li:last-child {
+  border-bottom: none;
+}
+
+.border-t-2 {
+  border-top-width: 2px;
+}
+
+.border-b-2 {
+  border-bottom-width: 2px;
+}

package/lib/src/core-components/src/index.d.ts

@@ -0,0 +1,2 @@
+import './index.css';
+//# sourceMappingURL=index.d.ts.map

package/lib/src/core-components/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core-components/src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,aAAa,CAAC"}

package/lib/src/core-components/src/index.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import './index.css';
+import App from './App';
+import reportWebVitals from './reportWebVitals';
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(_jsx(React.StrictMode, { children: _jsx(App, {}) }));
+// If you want to start measuring performance in your app, pass a function
+// to log results (for example: reportWebVitals(console.log))
+// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
+reportWebVitals();

package/lib/src/core-components/src/library/assets/svg/CheckedBox.svg

@@ -0,0 +1,14 @@
+<svg width="15" height="15" viewBox="0 0 15 15" fill="none" >
+<rect width="15" height="15" fill="#E5E5E5"/>
+<g clip-path="url(#clip0_0_1)">
+<rect width="360" height="640" transform="translate(-20 -399)" fill="white"/>
+<rect x="0.5" y="0.5" width="14" height="14" rx="1.5" fill="white" />
+<rect x="0.5" y="0.5" width="14" height="14" rx="1.5"  />
+<path d="M4 7.33333L6.33333 10L11.6667 5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_0_1">
+<rect width="360" height="640" fill="white" transform="translate(-20 -399)"/>
+</clipPath>
+</defs>
+</svg>

package/lib/src/core-components/src/library/assets/svg/DownArrow.svg

@@ -0,0 +1,14 @@
+<svg
+          className="ml-2 w-4 h-4 absolute right-0"
+          fill="none"
+          stroke="#E7503E"
+          viewBox="0 -6 20 20"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+  <path
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              strokeWidth="2"
+              d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"
+            />
+         </svg>

package/lib/src/core-components/src/library/assets/svg/UnCheckbox.svg

@@ -0,0 +1,3 @@
+<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="14" height="14" rx="1.5" fill="white" stroke="#E7503D"/>
+</svg>

package/lib/src/core-components/src/library/assets/svg/UpArrow.svg

@@ -0,0 +1,14 @@
+<svg
+          className="ml-2 w-4 h-4 absolute right-0"
+          fill="none"
+          stroke="#E7503E"
+          viewBox="0 -6 20 20"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+ <path
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              strokeWidth="2"
+              d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"
+            />
+        </svg>

package/lib/src/core-components/src/library/assets/svg/checkedRadio.svg

@@ -0,0 +1,13 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" >
+<rect width="20" height="20" fill="#E5E5E5"/>
+<g clip-path="url(#clip0_0_1)">
+<rect width="360" height="2645" transform="translate(-253 -1410)" fill="white"/>
+<circle cx="10" cy="10" r="9.5" stroke="#E7503D"/>
+<circle cx="10" cy="10" r="6" fill="#E7503D"/>
+</g>
+<defs>
+<clipPath id="clip0_0_1">
+<rect width="360" height="2645" fill="white" transform="translate(-253 -1410)"/>
+</clipPath>
+</defs>
+</svg>

package/lib/src/core-components/src/library/assets/svg/datePicker.svg

@@ -0,0 +1,3 @@
+<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.4 1.2H11.4V0.3C11.4 0.220435 11.3684 0.144129 11.3121 0.087868C11.2559 0.0316071 11.1796 0 11.1 0C11.0204 0 10.9441 0.0316071 10.8879 0.087868C10.8316 0.144129 10.8 0.220435 10.8 0.3V1.2H4.2V0.3C4.2 0.220435 4.16839 0.144129 4.11213 0.087868C4.05587 0.0316071 3.97957 0 3.9 0C3.82044 0 3.74413 0.0316071 3.68787 0.087868C3.63161 0.144129 3.6 0.220435 3.6 0.3V1.2H0.6C0.44087 1.2 0.288258 1.26321 0.175736 1.37574C0.0632141 1.48826 0 1.64087 0 1.8L0 13.8C0 13.9591 0.0632141 14.1117 0.175736 14.2243C0.288258 14.3368 0.44087 14.4 0.6 14.4H14.4C14.5591 14.4 14.7117 14.3368 14.8243 14.2243C14.9368 14.1117 15 13.9591 15 13.8V1.8C15 1.64087 14.9368 1.48826 14.8243 1.37574C14.7117 1.26321 14.5591 1.2 14.4 1.2ZM14.4 13.8H0.6V4.8H14.4V13.8ZM14.4 4.2H0.6V1.8H14.4V4.2Z" fill="#E7503D" stroke="#E7503D" stroke-width="0.5"/>
+</svg>