react-restyle-components 0.1.45 → 0.1.46

package/lib/cjs/App.js

@@ -1,44 +1,20 @@
 "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,16 +1,14 @@
 "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,9 +1,7 @@
 "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"));
@@ -11,29 +9,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: {
@@ -42,4 +40,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,33 +1,15 @@
 "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,22 +1,14 @@
 "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,114 +1,47 @@
 "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,22 +1,14 @@
 "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,53 +1,30 @@
 "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"));
@@ -56,58 +33,20 @@ 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,27 +1,25 @@
 "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