react-restyle-components 0.1.29 → 0.1.30

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

@@ -1,18 +1,34 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (
+          !desc ||
+          ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)
+        ) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k];
+            },
+          };
+        }
+        Object.defineProperty(o, k2, desc);
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+      });
+var __exportStar =
+  (this && this.__exportStar) ||
+  function (m, exports) {
+    for (var p in m)
+      if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p))
+        __createBinding(exports, m, p);
+  };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./atoms/buttons/buttons.component"), exports);
 __exportStar(require("./atoms/check-box/checkBox.component"), exports);
@@ -20,9 +36,12 @@ __exportStar(require("./atoms/date-picker/date-picker.component"), exports);
 __exportStar(require("./atoms/input/input-otp.component"), exports);
 __exportStar(require("./atoms/input/input-pin.component"), exports);
 __exportStar(require("./atoms/input/input.component"), exports);
-__exportStar(require("./atoms/input-dropdown/input-dropdown.component"), exports);
+__exportStar(
+  require("./atoms/input-dropdown/input-dropdown.component"),
+  exports
+);
 __exportStar(require("./atoms/loader/loader.component"), exports);
 __exportStar(require("./atoms/radio/radio.component"), exports);
 __exportStar(require("./atoms/stepper/stepper.component"), exports);
 __exportStar(require("./atoms/timer/timer.component"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib/cjs/core-utils/index.js

@@ -1,18 +1,34 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (
+          !desc ||
+          ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)
+        ) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k];
+            },
+          };
+        }
+        Object.defineProperty(o, k2, desc);
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+      });
+var __exportStar =
+  (this && this.__exportStar) ||
+  function (m, exports) {
+    for (var p in m)
+      if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p))
+        __createBinding(exports, m, p);
+  };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./unit-test.utils"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib/cjs/core-utils/unit-test.utils.js

@@ -1,17 +1,19 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Providers = exports.render = void 0;
 const react_1 = __importDefault(require("react"));
 const react_2 = require("@testing-library/react");
 const Providers = ({ children }) => {
-    return react_1.default.createElement("div", null, children);
+  return react_1.default.createElement("div", null, children);
 };
 exports.Providers = Providers;
 const render = (Component) => {
-    return (0, react_2.render)(Component, { wrapper: Providers });
+  return (0, react_2.render)(Component, { wrapper: Providers });
 };
 exports.render = render;
-//# sourceMappingURL=unit-test.utils.js.map
+//# sourceMappingURL=unit-test.utils.js.map

package/lib/cjs/index.js

@@ -1,18 +1,34 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (
+          !desc ||
+          ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)
+        ) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k];
+            },
+          };
+        }
+        Object.defineProperty(o, k2, desc);
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+      });
+var __exportStar =
+  (this && this.__exportStar) ||
+  function (m, exports) {
+    for (var p in m)
+      if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p))
+        __createBinding(exports, m, p);
+  };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./core-components"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib/cjs/reportWebVitals.js

@@ -1,38 +1,61 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (
+          !desc ||
+          ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)
+        ) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k];
+            },
+          };
+        }
+        Object.defineProperty(o, k2, desc);
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+      });
+var __setModuleDefault =
+  (this && this.__setModuleDefault) ||
+  (Object.create
+    ? function (o, v) {
+        Object.defineProperty(o, "default", { enumerable: true, value: v });
+      }
+    : function (o, v) {
+        o["default"] = v;
+      });
+var __importStar =
+  (this && this.__importStar) ||
+  function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null)
+      for (var k in mod)
+        if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
+          __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
-};
+  };
 Object.defineProperty(exports, "__esModule", { value: true });
 const reportWebVitals = (onPerfEntry) => {
-    if (onPerfEntry && onPerfEntry instanceof Function) {
-        Promise.resolve().then(() => __importStar(require('web-vitals'))).then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
-            getCLS(onPerfEntry);
-            getFID(onPerfEntry);
-            getFCP(onPerfEntry);
-            getLCP(onPerfEntry);
-            getTTFB(onPerfEntry);
-        });
-    }
+  if (onPerfEntry && onPerfEntry instanceof Function) {
+    Promise.resolve()
+      .then(() => __importStar(require("web-vitals")))
+      .then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+        getCLS(onPerfEntry);
+        getFID(onPerfEntry);
+        getFCP(onPerfEntry);
+        getLCP(onPerfEntry);
+        getTTFB(onPerfEntry);
+      });
+  }
 };
 exports.default = reportWebVitals;
-//# sourceMappingURL=reportWebVitals.js.map
+//# sourceMappingURL=reportWebVitals.js.map

package/lib/cjs/setupTests.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 // expect(element).toHaveTextContent(/react/i)
 // learn more: https://github.com/testing-library/jest-dom
 require("@testing-library/jest-dom");
-//# sourceMappingURL=setupTests.js.map
+//# sourceMappingURL=setupTests.js.map

package/lib/esm/App.js

@@ -1,15 +1,37 @@
-import React from 'react';
-import logo from './logo.svg';
-import './App.css';
+import React from "react";
+import logo from "./logo.svg";
+import "./App.css";
 function App() {
-    return (React.createElement("div", { className: "App" },
-        React.createElement("header", { className: "App-header" },
-            React.createElement("img", { src: logo, className: "App-logo", alt: "logo" }),
-            React.createElement("p", null,
-                "Edit ",
-                React.createElement("code", null, "src/App.tsx"),
-                " and save to reload."),
-            React.createElement("a", { className: "App-link", href: "https://reactjs.org", target: "_blank", rel: "noopener noreferrer" }, "Learn React"))));
+  return React.createElement(
+    "div",
+    { className: "App" },
+    React.createElement(
+      "header",
+      { className: "App-header" },
+      React.createElement("img", {
+        src: logo,
+        className: "App-logo",
+        alt: "logo",
+      }),
+      React.createElement(
+        "p",
+        null,
+        "Edit ",
+        React.createElement("code", null, "src/App.tsx"),
+        " and save to reload."
+      ),
+      React.createElement(
+        "a",
+        {
+          className: "App-link",
+          href: "https://reactjs.org",
+          target: "_blank",
+          rel: "noopener noreferrer",
+        },
+        "Learn React"
+      )
+    )
+  );
 }
 export default App;
-//# sourceMappingURL=App.js.map
+//# sourceMappingURL=App.js.map

package/lib/esm/App.test.js

@@ -1,9 +1,9 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import App from './App';
-test('renders learn react link', () => {
-    render(React.createElement(App, null));
-    const linkElement = screen.getByText(/learn react/i);
-    expect(linkElement).toBeInTheDocument();
+import React from "react";
+import { render, screen } from "@testing-library/react";
+import App from "./App";
+test("renders learn react link", () => {
+  render(React.createElement(App, null));
+  const linkElement = screen.getByText(/learn react/i);
+  expect(linkElement).toBeInTheDocument();
 });
-//# sourceMappingURL=App.test.js.map
+//# sourceMappingURL=App.test.js.map

package/lib/esm/core-components/atoms/buttons/button.stories.js

@@ -1,11 +1,21 @@
-import React from 'react';
-import { Button } from './buttons.component';
+import React from "react";
+import { Button } from "./buttons.component";
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 export default {
-    title: 'Atoms/Button',
-    component: Button,
+  title: "Atoms/Button",
+  component: Button,
 };
 // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
-export const Disable = () => (React.createElement(Button, { className: "bg-gray-light w-40", onClick: () => { } }, "Next"));
-export const Primary = () => (React.createElement(Button, { className: "bg-orange mt-4", onClick: () => { } }, "Permanent Address"));
-//# sourceMappingURL=button.stories.js.map
+export const Disable = () =>
+  React.createElement(
+    Button,
+    { className: "bg-gray-light w-40", onClick: () => {} },
+    "Next"
+  );
+export const Primary = () =>
+  React.createElement(
+    Button,
+    { className: "bg-orange mt-4", onClick: () => {} },
+    "Permanent Address"
+  );
+//# sourceMappingURL=button.stories.js.map

package/lib/esm/core-components/atoms/buttons/buttons.component.js

@@ -1,5 +1,14 @@
-import React from 'react';
-export const Button = ({ className, disable, onClick, children, }) => {
-    return (React.createElement("button", { "data-testid": "buttonElement", disabled: disable, className: `${className} rounded-100px px-3 py-1 text-text-base text-md pt-2 pb-2 font-nunitoSansRegular`, onClick: () => onClick() }, children));
+import React from "react";
+export const Button = ({ className, disable, onClick, children }) => {
+  return React.createElement(
+    "button",
+    {
+      "data-testid": "buttonElement",
+      disabled: disable,
+      className: `${className} rounded-100px px-3 py-1 text-text-base text-md pt-2 pb-2 font-nunitoSansRegular`,
+      onClick: () => onClick(),
+    },
+    children
+  );
 };
-//# sourceMappingURL=buttons.component.js.map
+//# sourceMappingURL=buttons.component.js.map

package/lib/esm/core-components/atoms/buttons/buttons.component.test.js

@@ -1,9 +1,15 @@
 /* eslint-disable testing-library/render-result-naming-convention */
-import React from 'react';
-import { render } from '@core-utils';
-import { Button } from './buttons.component';
-it('render XB_Button correctly', () => {
-    const button = render(React.createElement(Button, { className: "bg-gray-light w-40", onClick: () => jest.fn() }, "Permanent Address"));
-    expect(button).toMatchSnapshot();
+import React from "react";
+import { render } from "@core-utils";
+import { Button } from "./buttons.component";
+it("render XB_Button correctly", () => {
+  const button = render(
+    React.createElement(
+      Button,
+      { className: "bg-gray-light w-40", onClick: () => jest.fn() },
+      "Permanent Address"
+    )
+  );
+  expect(button).toMatchSnapshot();
 });
-//# sourceMappingURL=buttons.component.test.js.map
+//# sourceMappingURL=buttons.component.test.js.map

package/lib/esm/core-components/atoms/check-box/checkBox.component.js

@@ -1,11 +1,22 @@
-import React from 'react';
-import { ReactComponent as UnCheckbox } from '@assets/svg/unCheckbox.svg';
-import { ReactComponent as CheckedBox } from '@assets/svg/checkedBox.svg';
+import React from "react";
+import { ReactComponent as UnCheckbox } from "@assets/svg/unCheckbox.svg";
+import { ReactComponent as CheckedBox } from "@assets/svg/checkedBox.svg";
 export const CheckBox = ({ className, checked, onChange }) => {
-    const width = 20;
-    const hanleClick = () => {
-        onChange();
-    };
-    return (React.createElement("div", { className: `${className} flex flex-row  mr-2`, onClick: hanleClick }, checked ? (React.createElement(CheckedBox, { width: width, height: width, fill: "#E7503D", stroke: "E7503D" })) : (React.createElement(UnCheckbox, { width: width, height: width }))));
+  const width = 20;
+  const hanleClick = () => {
+    onChange();
+  };
+  return React.createElement(
+    "div",
+    { className: `${className} flex flex-row  mr-2`, onClick: hanleClick },
+    checked
+      ? React.createElement(CheckedBox, {
+          width: width,
+          height: width,
+          fill: "#E7503D",
+          stroke: "E7503D",
+        })
+      : React.createElement(UnCheckbox, { width: width, height: width })
+  );
 };
-//# sourceMappingURL=checkBox.component.js.map
+//# sourceMappingURL=checkBox.component.js.map

package/lib/esm/core-components/atoms/check-box/checkBox.component.test.js

@@ -1,9 +1,11 @@
 /* eslint-disable testing-library/render-result-naming-convention */
-import React from 'react';
-import { render } from '@core-utils';
-import { CheckBox } from './checkBox.component';
-it('render XB_CheckBox correctly', () => {
-    const checkbox = render(React.createElement(CheckBox, { checked: true, onChange: () => jest.fn() }));
-    expect(checkbox).toMatchSnapshot();
+import React from "react";
+import { render } from "@core-utils";
+import { CheckBox } from "./checkBox.component";
+it("render XB_CheckBox correctly", () => {
+  const checkbox = render(
+    React.createElement(CheckBox, { checked: true, onChange: () => jest.fn() })
+  );
+  expect(checkbox).toMatchSnapshot();
 });
-//# sourceMappingURL=checkBox.component.test.js.map
+//# sourceMappingURL=checkBox.component.test.js.map

package/lib/esm/core-components/atoms/check-box/checkBox.stories.js

@@ -1,12 +1,20 @@
-import React from 'react';
-import { CheckBox } from './checkBox.component';
+import React from "react";
+import { CheckBox } from "./checkBox.component";
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 export default {
-    title: 'Atoms/CheckBox',
-    component: CheckBox,
+  title: "Atoms/CheckBox",
+  component: CheckBox,
 };
 // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
-export const Primary = () => (React.createElement("div", { className: "flex flex-row" },
-    React.createElement(CheckBox, { checked: true, onChange: () => { } }),
-    React.createElement("span", null, "I agree and authorize MiMo to fetch my personal details from UIDAI. I confirm that I have not used the OTP-based Aadhar verification to open any other bank account. I have read and accepted all Terms & Conditions")));
-//# sourceMappingURL=checkBox.stories.js.map
+export const Primary = () =>
+  React.createElement(
+    "div",
+    { className: "flex flex-row" },
+    React.createElement(CheckBox, { checked: true, onChange: () => {} }),
+    React.createElement(
+      "span",
+      null,
+      "I agree and authorize MiMo to fetch my personal details from UIDAI. I confirm that I have not used the OTP-based Aadhar verification to open any other bank account. I have read and accepted all Terms & Conditions"
+    )
+  );
+//# sourceMappingURL=checkBox.stories.js.map

package/lib/esm/core-components/atoms/date-picker/date-picker.component.js

@@ -1,21 +1,53 @@
-import React, { useState, forwardRef } from 'react';
-import DatePicker from 'react-datepicker';
-import 'react-datepicker/dist/react-datepicker.css';
-import { ReactComponent as DatePickerSvg } from '@assets/svg/datePicker.svg';
-import dayjs from 'dayjs';
-export const DatePickerComp = ({ className, disable, value, showFormat = 'yyyy-MM-dd', placeholder = 'Select Date', }) => {
-    const [pickedDate, setPickedDate] = useState(value && dayjs(value).toDate());
-    const CustomInput = forwardRef((props, ref) => {
-        return (React.createElement("div", { onClick: !disable && props.onClick, ref: ref, className: " border-gray-light place-items-center  border rounded-md px-2 flex flex-wrap " },
-            React.createElement("label", { className: "mr-3 font-nunitoSansRegular text-primaryCharcoal text-lg" }, props.value || props.placeholder),
-            React.createElement(DatePickerSvg, { width: 15, height: 15 })));
-    });
-    CustomInput.displayName = 'CustomInput';
-    const handleChanges = (date) => {
-        setPickedDate(date);
-    };
-    return (React.createElement("div", { className: `${className}   items-center flex justify-start ` },
-        React.createElement("div", { className: "flex-wrap" },
-            React.createElement(DatePicker, { selected: pickedDate || new Date(), dateFormat: showFormat, placeholder: placeholder, onChange: handleChanges, customInput: React.createElement(CustomInput, null) }))));
+import React, { useState, forwardRef } from "react";
+import DatePicker from "react-datepicker";
+import "react-datepicker/dist/react-datepicker.css";
+import { ReactComponent as DatePickerSvg } from "@assets/svg/datePicker.svg";
+import dayjs from "dayjs";
+export const DatePickerComp = ({
+  className,
+  disable,
+  value,
+  showFormat = "yyyy-MM-dd",
+  placeholder = "Select Date",
+}) => {
+  const [pickedDate, setPickedDate] = useState(value && dayjs(value).toDate());
+  const CustomInput = forwardRef((props, ref) => {
+    return React.createElement(
+      "div",
+      {
+        onClick: !disable && props.onClick,
+        ref: ref,
+        className:
+          " border-gray-light place-items-center  border rounded-md px-2 flex flex-wrap ",
+      },
+      React.createElement(
+        "label",
+        {
+          className: "mr-3 font-nunitoSansRegular text-primaryCharcoal text-lg",
+        },
+        props.value || props.placeholder
+      ),
+      React.createElement(DatePickerSvg, { width: 15, height: 15 })
+    );
+  });
+  CustomInput.displayName = "CustomInput";
+  const handleChanges = (date) => {
+    setPickedDate(date);
+  };
+  return React.createElement(
+    "div",
+    { className: `${className}   items-center flex justify-start ` },
+    React.createElement(
+      "div",
+      { className: "flex-wrap" },
+      React.createElement(DatePicker, {
+        selected: pickedDate || new Date(),
+        dateFormat: showFormat,
+        placeholder: placeholder,
+        onChange: handleChanges,
+        customInput: React.createElement(CustomInput, null),
+      })
+    )
+  );
 };
-//# sourceMappingURL=date-picker.component.js.map
+//# sourceMappingURL=date-picker.component.js.map

package/lib/esm/core-components/atoms/date-picker/date-picker.component.test.js

@@ -1,10 +1,16 @@
 /* eslint-disable testing-library/render-result-naming-convention */
-import React from 'react';
-import { render } from '@core-utils';
-import { DatePickerComp } from './date-picker.component';
-import dayjs from 'dayjs';
-it('render XB_DatePicker correctly', () => {
-    const datepicker = render(React.createElement(DatePickerComp, { className: "mt-6", value: dayjs().format('YYYY-MM-DD'), showFormat: 'dd-MM-yyyy' }));
-    expect(datepicker).toMatchSnapshot();
+import React from "react";
+import { render } from "@core-utils";
+import { DatePickerComp } from "./date-picker.component";
+import dayjs from "dayjs";
+it("render XB_DatePicker correctly", () => {
+  const datepicker = render(
+    React.createElement(DatePickerComp, {
+      className: "mt-6",
+      value: dayjs().format("YYYY-MM-DD"),
+      showFormat: "dd-MM-yyyy",
+    })
+  );
+  expect(datepicker).toMatchSnapshot();
 });
-//# sourceMappingURL=date-picker.component.test.js.map
+//# sourceMappingURL=date-picker.component.test.js.map