react-restyle-components 0.1.44 → 0.1.45

package/lib/cjs/App.js

@@ -1,20 +1,44 @@
 "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 });
 const react_1 = __importDefault(require("react"));
 const logo_svg_1 = __importDefault(require("./logo.svg"));
 require("./App.css");
 function App() {
-    return (react_1.default.createElement("div", { className: "App" },
-        react_1.default.createElement("header", { className: "App-header" },
-            react_1.default.createElement("img", { src: logo_svg_1.default, className: "App-logo", alt: "logo" }),
-            react_1.default.createElement("p", null,
-                "Edit ",
-                react_1.default.createElement("code", null, "src/App.tsx"),
-                " and save to reload."),
-            react_1.default.createElement("a", { className: "App-link", href: "https://reactjs.org", target: "_blank", rel: "noopener noreferrer" }, "Learn React"))));
+  return react_1.default.createElement(
+    "div",
+    { className: "App" },
+    react_1.default.createElement(
+      "header",
+      { className: "App-header" },
+      react_1.default.createElement("img", {
+        src: logo_svg_1.default,
+        className: "App-logo",
+        alt: "logo",
+      }),
+      react_1.default.createElement(
+        "p",
+        null,
+        "Edit ",
+        react_1.default.createElement("code", null, "src/App.tsx"),
+        " and save to reload.",
+      ),
+      react_1.default.createElement(
+        "a",
+        {
+          className: "App-link",
+          href: "https://reactjs.org",
+          target: "_blank",
+          rel: "noopener noreferrer",
+        },
+        "Learn React",
+      ),
+    ),
+  );
 }
 exports.default = App;
-//# sourceMappingURL=App.js.map
+//# sourceMappingURL=App.js.map

package/lib/cjs/App.test.js

@@ -1,14 +1,16 @@
 "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 });
 const react_1 = __importDefault(require("react"));
 const react_2 = require("@testing-library/react");
 const App_1 = __importDefault(require("./App"));
-test('renders learn react link', () => {
-    (0, react_2.render)(react_1.default.createElement(App_1.default, null));
-    const linkElement = react_2.screen.getByText(/learn react/i);
-    expect(linkElement).toBeInTheDocument();
+test("renders learn react link", () => {
+  (0, react_2.render)(react_1.default.createElement(App_1.default, null));
+  const linkElement = react_2.screen.getByText(/learn react/i);
+  expect(linkElement).toBeInTheDocument();
 });
-//# sourceMappingURL=App.test.js.map
+//# sourceMappingURL=App.test.js.map

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

@@ -1,7 +1,9 @@
 "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.Primary = void 0;
 const react_1 = __importDefault(require("react"));
@@ -9,29 +11,29 @@ const buttons_component_1 = require("./buttons.component");
 // import {Title, Component, Source, Canvas, ArgTypes} from '@storybook/blocks';
 const test_1 = require("@storybook/test");
 const meta = {
-    title: 'Design System/Atoms/Button',
-    component: buttons_component_1.Button,
-    tags: ['autodocs'],
-    args: {
-        className: 'w-40',
-    },
-    parameters: {
-        componentSubtitle: `import { Button } from 'react-restyle-components'`,
-    },
+  title: "Design System/Atoms/Button",
+  component: buttons_component_1.Button,
+  tags: ["autodocs"],
+  args: {
+    className: "w-40",
+  },
+  parameters: {
+    componentSubtitle: `import { Button } from 'react-restyle-components'`,
+  },
 };
 exports.default = meta;
 exports.Primary = {
-    // parameters: {
-    //   backgrounds: {
-    //     default: 'dark',
-    //   },
-    // },
-    args: {
-        disable: false,
-        type: 'solid' || 'outline',
-        children: react_1.default.createElement("span", null, "Primary"),
-        onClick: (0, test_1.fn)(),
-    },
+  // parameters: {
+  //   backgrounds: {
+  //     default: 'dark',
+  //   },
+  // },
+  args: {
+    disable: false,
+    type: "solid" || "outline",
+    children: react_1.default.createElement("span", null, "Primary"),
+    onClick: (0, test_1.fn)(),
+  },
 };
 // export const Disable: Story = {
 //   args: {
@@ -40,4 +42,4 @@ exports.Primary = {
 //     disable: true,
 //   },
 // };
-//# sourceMappingURL=button.stories.js.map
+//# sourceMappingURL=button.stories.js.map

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

@@ -1,15 +1,33 @@
 "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.Button = void 0;
 const react_1 = __importDefault(require("react"));
-const Button = ({ type = 'solid', className = 'w-40', disable = false, onClick, children, }) => {
-    const buttonColorClass = type === 'solid'
-        ? 'text-white bg-[#007BFF] hover:bg-[#007BFF] hover:shadow-lg text-white'
-        : 'dark:text-white  text-black border border-gray-400 hover:shadow-lg';
-    return (react_1.default.createElement("button", { "data-testid": "buttonElement", disabled: disable, className: `${className} rounded-100px px-3 py-1  text-md ${buttonColorClass} pt-2 pb-2 font-nunitoSansRegular ${disable ? 'opacity-50' : 'opacity-100'}`, onClick: () => onClick() }, children));
+const Button = ({
+  type = "solid",
+  className = "w-40",
+  disable = false,
+  onClick,
+  children,
+}) => {
+  const buttonColorClass =
+    type === "solid"
+      ? "text-white bg-[#007BFF] hover:bg-[#007BFF] hover:shadow-lg text-white"
+      : "dark:text-white  text-black border border-gray-400 hover:shadow-lg";
+  return react_1.default.createElement(
+    "button",
+    {
+      "data-testid": "buttonElement",
+      disabled: disable,
+      className: `${className} rounded-100px px-3 py-1  text-md ${buttonColorClass} pt-2 pb-2 font-nunitoSansRegular ${disable ? "opacity-50" : "opacity-100"}`,
+      onClick: () => onClick(),
+    },
+    children,
+  );
 };
 exports.Button = Button;
-//# sourceMappingURL=buttons.component.js.map
+//# sourceMappingURL=buttons.component.js.map

package/lib/cjs/core-components/atoms/buttons/buttons.test.js

@@ -1,14 +1,22 @@
 "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 });
 /* eslint-disable testing-library/render-result-naming-convention */
 const react_1 = __importDefault(require("react"));
 const _core_utils_1 = require("@core-utils");
 const buttons_component_1 = require("./buttons.component");
-it('render Button correctly', () => {
-    const button = (0, _core_utils_1.render)(react_1.default.createElement(buttons_component_1.Button, { className: "bg-gray-light w-40", onClick: () => jest.fn() }, "Permanent Address"));
-    expect(button).toMatchSnapshot();
+it("render Button correctly", () => {
+  const button = (0, _core_utils_1.render)(
+    react_1.default.createElement(
+      buttons_component_1.Button,
+      { className: "bg-gray-light w-40", onClick: () => jest.fn() },
+      "Permanent Address",
+    ),
+  );
+  expect(button).toMatchSnapshot();
 });
-//# sourceMappingURL=buttons.test.js.map
+//# sourceMappingURL=buttons.test.js.map

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

@@ -1,47 +1,114 @@
 "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 });
 exports.CheckBox = void 0;
 const react_1 = __importStar(require("react"));
 const svg_1 = require("../../../library/assets/svg");
 const form_component_1 = require("../form/form.component");
-const CheckBox = ({ title = 'Banks', data = [{ title: 'SBI Bank', checked: false }], className, onChange, }) => {
-    const [list, setList] = (0, react_1.useState)(data);
-    const width = 20;
-    return (react_1.default.createElement(form_component_1.InputWrapper, { label: title }, list === null || list === void 0 ? void 0 : list.map((item, index) => (react_1.default.createElement("div", { className: `${className} flex flex-row  items-center `, onClick: () => {
-            const result = list === null || list === void 0 ? void 0 : list.map((e, i) => {
-                if (i == index)
-                    return Object.assign(Object.assign({}, e), { checked: !item.checked });
-                else
-                    return Object.assign({}, e);
-            });
-            setList(result);
-            onChange(result === null || result === void 0 ? void 0 : result.filter((item) => item.checked));
-        }, key: index },
-        react_1.default.createElement("div", { className: "flex mt-1" }, item.checked ? (react_1.default.createElement(svg_1.CheckedBox, { width: width, height: width, fill: "#E7503D", stroke: "E7503D" })) : (react_1.default.createElement(svg_1.UnCheckbox, { width: width, height: width }))),
-        react_1.default.createElement("span", null, item === null || item === void 0 ? void 0 : item.title))))));
+const CheckBox = ({
+  title = "Banks",
+  data = [{ title: "SBI Bank", checked: false }],
+  className,
+  onChange,
+}) => {
+  const [list, setList] = (0, react_1.useState)(data);
+  const width = 20;
+  return react_1.default.createElement(
+    form_component_1.InputWrapper,
+    { label: title },
+    list === null || list === void 0
+      ? void 0
+      : list.map((item, index) =>
+          react_1.default.createElement(
+            "div",
+            {
+              className: `${className} flex flex-row  items-center `,
+              onClick: () => {
+                const result =
+                  list === null || list === void 0
+                    ? void 0
+                    : list.map((e, i) => {
+                        if (i == index)
+                          return Object.assign(Object.assign({}, e), {
+                            checked: !item.checked,
+                          });
+                        else return Object.assign({}, e);
+                      });
+                setList(result);
+                onChange(
+                  result === null || result === void 0
+                    ? void 0
+                    : result.filter((item) => item.checked),
+                );
+              },
+              key: index,
+            },
+            react_1.default.createElement(
+              "div",
+              { className: "flex mt-1" },
+              item.checked
+                ? react_1.default.createElement(svg_1.CheckedBox, {
+                    width: width,
+                    height: width,
+                    fill: "#E7503D",
+                    stroke: "E7503D",
+                  })
+                : react_1.default.createElement(svg_1.UnCheckbox, {
+                    width: width,
+                    height: width,
+                  }),
+            ),
+            react_1.default.createElement(
+              "span",
+              null,
+              item === null || item === void 0 ? void 0 : item.title,
+            ),
+          ),
+        ),
+  );
 };
 exports.CheckBox = CheckBox;
-//# sourceMappingURL=checkBox.component.js.map
+//# sourceMappingURL=checkBox.component.js.map

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

@@ -3,25 +3,25 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Primary1 = void 0;
 const checkBox_component_1 = require("./checkBox.component");
 const meta = {
-    title: 'Design System/Atoms/CheckBox',
-    component: checkBox_component_1.CheckBox,
-    tags: ['autodocs'],
-    parameters: {
-        componentSubtitle: `import { CheckBox } from 'react-restyle-components'`,
-    },
+  title: "Design System/Atoms/CheckBox",
+  component: checkBox_component_1.CheckBox,
+  tags: ["autodocs"],
+  parameters: {
+    componentSubtitle: `import { CheckBox } from 'react-restyle-components'`,
+  },
 };
 exports.default = meta;
 exports.Primary1 = {
-    args: {
-        title: 'Banks',
-        data: [
-            { title: 'SBI Bank', checked: false },
-            { title: 'ICICI Bank', checked: false },
-        ],
-        disable: false,
-        onChange: (item) => {
-            console.log({ item });
-        },
+  args: {
+    title: "Banks",
+    data: [
+      { title: "SBI Bank", checked: false },
+      { title: "ICICI Bank", checked: false },
+    ],
+    disable: false,
+    onChange: (item) => {
+      console.log({ item });
     },
+  },
 };
-//# sourceMappingURL=checkBox.stories.js.map
+//# sourceMappingURL=checkBox.stories.js.map

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

@@ -1,14 +1,22 @@
 "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 });
 /* eslint-disable testing-library/render-result-naming-convention */
 const react_1 = __importDefault(require("react"));
 const _core_utils_1 = require("@core-utils");
 const checkBox_component_1 = require("./checkBox.component");
-it('render CheckBox correctly', () => {
-    const checkbox = (0, _core_utils_1.render)(react_1.default.createElement(checkBox_component_1.CheckBox, { title: "Title", data: [], onChange: () => jest.fn() }));
-    expect(checkbox).toMatchSnapshot();
+it("render CheckBox correctly", () => {
+  const checkbox = (0, _core_utils_1.render)(
+    react_1.default.createElement(checkBox_component_1.CheckBox, {
+      title: "Title",
+      data: [],
+      onChange: () => jest.fn(),
+    }),
+  );
+  expect(checkbox).toMatchSnapshot();
 });
-//# sourceMappingURL=checkBox.test.js.map
+//# sourceMappingURL=checkBox.test.js.map

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

@@ -1,30 +1,53 @@
 "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;
-};
-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.DatePickerComp = void 0;
 const react_1 = __importStar(require("react"));
@@ -33,20 +56,58 @@ require("react-datepicker/dist/react-datepicker.css");
 const svg_1 = require("../../../library/assets/svg");
 const dayjs_1 = __importDefault(require("dayjs"));
 const form_component_1 = require("../form/form.component");
-const DatePickerComp = ({ title = 'Title', className, disable, value, showFormat = 'yyyy-MM-dd', placeholder = 'Select Date', }) => {
-    const [pickedDate, setPickedDate] = (0, react_1.useState)(value && (0, dayjs_1.default)(value).toDate());
-    const CustomInput = (0, react_1.forwardRef)((props, ref) => {
-        return (react_1.default.createElement("div", { onClick: !disable && props.onClick, ref: ref, className: " border-gray-light place-items-center  border rounded-md px-2 flex " },
-            react_1.default.createElement("label", { className: "mr-3 font-nunitoSansRegular text-primaryCharcoal text-lg" }, props.value || props.placeholder),
-            react_1.default.createElement(svg_1.DatePickerSvg, { width: 15, height: 15 })));
-    });
-    CustomInput.displayName = 'CustomInput';
-    const handleChanges = (date) => {
-        setPickedDate(date);
-    };
-    return (react_1.default.createElement(form_component_1.InputWrapper, { label: title },
-        react_1.default.createElement("div", { className: `${className} flex zIndex-999` },
-            react_1.default.createElement(react_datepicker_1.default, { selected: pickedDate || new Date(), dateFormat: showFormat, placeholder: placeholder, onChange: handleChanges, customInput: react_1.default.createElement(CustomInput, null) }))));
+const DatePickerComp = ({
+  title = "Title",
+  className,
+  disable,
+  value,
+  showFormat = "yyyy-MM-dd",
+  placeholder = "Select Date",
+}) => {
+  const [pickedDate, setPickedDate] = (0, react_1.useState)(
+    value && (0, dayjs_1.default)(value).toDate(),
+  );
+  const CustomInput = (0, react_1.forwardRef)((props, ref) => {
+    return react_1.default.createElement(
+      "div",
+      {
+        onClick: !disable && props.onClick,
+        ref: ref,
+        className:
+          " border-gray-light place-items-center  border rounded-md px-2 flex ",
+      },
+      react_1.default.createElement(
+        "label",
+        {
+          className: "mr-3 font-nunitoSansRegular text-primaryCharcoal text-lg",
+        },
+        props.value || props.placeholder,
+      ),
+      react_1.default.createElement(svg_1.DatePickerSvg, {
+        width: 15,
+        height: 15,
+      }),
+    );
+  });
+  CustomInput.displayName = "CustomInput";
+  const handleChanges = (date) => {
+    setPickedDate(date);
+  };
+  return react_1.default.createElement(
+    form_component_1.InputWrapper,
+    { label: title },
+    react_1.default.createElement(
+      "div",
+      { className: `${className} flex zIndex-999` },
+      react_1.default.createElement(react_datepicker_1.default, {
+        selected: pickedDate || new Date(),
+        dateFormat: showFormat,
+        placeholder: placeholder,
+        onChange: handleChanges,
+        customInput: react_1.default.createElement(CustomInput, null),
+      }),
+    ),
+  );
 };
 exports.DatePickerComp = DatePickerComp;
-//# sourceMappingURL=date-picker.component.js.map
+//# sourceMappingURL=date-picker.component.js.map

package/lib/cjs/core-components/atoms/date-picker/date-picker.stories.js

@@ -1,25 +1,27 @@
 "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.Primary = void 0;
 const dayjs_1 = __importDefault(require("dayjs"));
 const date_picker_component_1 = require("./date-picker.component");
 const meta = {
-    title: 'Design System/Atoms/DatePicker',
-    component: date_picker_component_1.DatePickerComp,
-    tags: ['autodocs'],
-    parameters: {
-        componentSubtitle: `import { DatePickerComp } from 'react-restyle-components'`,
-    },
+  title: "Design System/Atoms/DatePicker",
+  component: date_picker_component_1.DatePickerComp,
+  tags: ["autodocs"],
+  parameters: {
+    componentSubtitle: `import { DatePickerComp } from 'react-restyle-components'`,
+  },
 };
 exports.default = meta;
 exports.Primary = {
-    args: {
-        title: 'Date',
-        value: (0, dayjs_1.default)().format('YYYY-MM-DD'),
-        showFormat: 'dd-MM-yyyy',
-    },
+  args: {
+    title: "Date",
+    value: (0, dayjs_1.default)().format("YYYY-MM-DD"),
+    showFormat: "dd-MM-yyyy",
+  },
 };
-//# sourceMappingURL=date-picker.stories.js.map
+//# sourceMappingURL=date-picker.stories.js.map