import * as __WEBPACK_EXTERNAL_MODULE__DateTimeInput_mjs__ from "./DateTimeInput.mjs";
import * as __WEBPACK_EXTERNAL_MODULE__storybook_preview_api__ from "@storybook/preview-api";
const meta = {
    title: 'Components/Inputs/DateTimeInput',
    component: __WEBPACK_EXTERNAL_MODULE__DateTimeInput_mjs__["default"],
    parameters: {
        docs: {
            story: {
                inline: false,
                iframeHeight: 1000
            }
        },
        layout: 'centered',
        design: {
            type: 'figma',
            url: 'https://www.figma.com/file/Ah1H7iNSgKNAgtes0av2tM/Cloud-v2-mocks?type=design&node-id=10180-24070&mode=design&t=GHpvPG19lhttNPTz-4'
        }
    }
};
/* ESM default export */ const DateTimeInput_stories_rslib_entry_ = meta;
/**
 * @see https://reactdatepicker.com/ for all examples
 */ const Default = {
    args: {
        value: 1717584604
    },
    render: (args)=>{
        const [{ value }, updateArgs] = (0, __WEBPACK_EXTERNAL_MODULE__storybook_preview_api__.useArgs)();
        function onChange(value) {
            updateArgs({
                value
            });
        }
        return /*#__PURE__*/ React.createElement("div", null, new Date(value).toString(), /*#__PURE__*/ React.createElement("input", {
            value: value,
            onChange: (e)=>onChange(+e.target.value)
        }), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__DateTimeInput_mjs__["default"], {
            ...args,
            value: value,
            onChange: onChange
        }));
    }
};
const Empty = {
    args: {
        value: void 0
    },
    render: (args)=>{
        const [{ value }, updateArgs] = (0, __WEBPACK_EXTERNAL_MODULE__storybook_preview_api__.useArgs)();
        function onChange(value) {
            updateArgs({
                value
            });
        }
        return /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement("input", {
            value: value,
            onChange: (e)=>onChange(+e.target.value)
        }), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__DateTimeInput_mjs__["default"], {
            ...args,
            value: value,
            onChange: onChange
        }));
    }
};
export { Default, Empty, DateTimeInput_stories_rslib_entry_ as default };
