@plasmicpkgs/antd5 0.0.72 → 0.0.74

package/dist/antd.esm.js

@@ -1,4 +1,4 @@
-import React, { isValidElement, cloneElement } from 'react';
+import React, { isValidElement, cloneElement, useState } from 'react';
 import { Button, Checkbox, ConfigProvider, theme, message, notification, Menu, Dropdown, Input, InputNumber, Radio, Select, Switch, Form, DatePicker, Modal, Table, Upload } from 'antd';
 import registerComponent from '@plasmicapp/host/registerComponent';
 import registerGlobalContext from '@plasmicapp/host/registerGlobalContext';
@@ -4087,7 +4087,10 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 function AntdDatePicker(props) {
-  return /* @__PURE__ */ React.createElement(
+  const nativeInput = React.useRef(null);
+  const [open, setOpen] = useState(false);
+  const strValue = props.value && !(typeof props.value === "string") && "toISOString" in props.value ? props.value.toISOString() : props.value === null ? void 0 : props.value;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
     DatePicker,
     __spreadProps(__spreadValues({}, props), {
       value: props.value === void 0 ? void 0 : !props.value ? null : dayjs(props.value),
@@ -4095,9 +4098,28 @@ function AntdDatePicker(props) {
       onChange: (value, _dateString) => {
         var _a;
         (_a = props.onChange) == null ? void 0 : _a.call(props, value !== null ? value.toISOString() : null);
+      },
+      open,
+      onOpenChange: (open2) => {
+        if (open2 && window.innerWidth < 500) {
+          nativeInput.current.showPicker();
+        } else {
+          setOpen(open2);
+        }
       }
     })
-  );
+  ), /* @__PURE__ */ React.createElement(
+    "input",
+    {
+      hidden: true,
+      ref: nativeInput,
+      type: props.showTime ? "datetime-local" : "date",
+      value: strValue,
+      onChange: (e) => {
+        props.onChange(e.target.value);
+      }
+    }
+  ));
 }
 AntdDatePicker.__plasmicFormFieldMeta = { valueProp: "checked" };
 const datePickerComponentName = "plasmic-antd5-date-picker";