@plasmicpkgs/antd5 0.0.71 → 0.0.73

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,25 +4087,46 @@ 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),
       defaultValue: props.defaultValue === void 0 ? void 0 : dayjs(props.defaultValue),
-      onChange: (value, dateString) => {
-        var _a, _b;
-        (_a = props.onChange) == null ? void 0 : _a.call(props, value, dateString);
-        (_b = props.onChangeIsoString) == null ? void 0 : _b.call(props, value !== null ? value.toISOString() : null);
+      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";
 function registerDatePicker(loader) {
   registerComponentHelper(loader, AntdDatePicker, {
     name: datePickerComponentName,
-    displayName: "Date Time Picker",
+    displayName: "Date/Time Picker",
     props: {
       value: {
         type: "string",
@@ -4124,7 +4145,7 @@ function registerDatePicker(loader) {
         defaultValueHint: false,
         advanced: true
       },
-      onChangeIsoString: {
+      onChange: {
         type: "eventHandler",
         argTypes: [{ name: "value", type: "string" }]
       },
@@ -4182,7 +4203,7 @@ function registerDatePicker(loader) {
       value: {
         type: "writable",
         valueProp: "value",
-        onChangeProp: "onChangeIsoString",
+        onChangeProp: "onChange",
         variableType: "text"
       }
     },