@plasmicpkgs/antd5 0.0.70 → 0.0.72

package/dist/antd.esm.js

@@ -1,5 +1,5 @@
 import React, { isValidElement, cloneElement } from 'react';
-import { Button, Checkbox, ConfigProvider, theme, message, notification, Menu, Dropdown, Input, InputNumber, Radio, Select, Switch, Form, Modal, Table, Upload } from 'antd';
+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';
 import { GlobalActionsProvider, usePlasmicCanvasContext, DataProvider, repeatedElement } from '@plasmicapp/host';
@@ -8,6 +8,7 @@ import { addLoadingStateListener } from '@plasmicapp/query';
 import enUS from 'antd/lib/locale/en_US.js';
 import equal from 'fast-deep-equal';
 import classNames from 'classnames';
+import dayjs from 'dayjs';
 
 function makeRegisterGlobalContext(component, meta) {
   return function(loader) {
@@ -61,34 +62,37 @@ function usePrevious(value) {
   });
   return prevValue.current;
 }
+function capitalize(value) {
+  return value[0].toUpperCase() + value.slice(1);
+}
 
-var __defProp$d = Object.defineProperty;
-var __defProps$a = Object.defineProperties;
-var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
-var __hasOwnProp$d = Object.prototype.hasOwnProperty;
-var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$d = (a, b) => {
+var __defProp$e = Object.defineProperty;
+var __defProps$b = Object.defineProperties;
+var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
+var __hasOwnProp$e = Object.prototype.hasOwnProperty;
+var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$e = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$d.call(b, prop))
-      __defNormalProp$d(a, prop, b[prop]);
-  if (__getOwnPropSymbols$d)
-    for (var prop of __getOwnPropSymbols$d(b)) {
-      if (__propIsEnum$d.call(b, prop))
-        __defNormalProp$d(a, prop, b[prop]);
+    if (__hasOwnProp$e.call(b, prop))
+      __defNormalProp$e(a, prop, b[prop]);
+  if (__getOwnPropSymbols$e)
+    for (var prop of __getOwnPropSymbols$e(b)) {
+      if (__propIsEnum$e.call(b, prop))
+        __defNormalProp$e(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
+var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
 var __objRest$9 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$d.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$e.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$d)
-    for (var prop of __getOwnPropSymbols$d(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$d.call(source, prop))
+  if (source != null && __getOwnPropSymbols$e)
+    for (var prop of __getOwnPropSymbols$e(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$e.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -98,7 +102,7 @@ function AntdButton(props) {
   const target = props.target === true ? "_blank" : props.target === false ? void 0 : props.target;
   return /* @__PURE__ */ React.createElement(
     Button,
-    __spreadProps$a(__spreadValues$d(__spreadProps$a(__spreadValues$d({}, rest), {
+    __spreadProps$b(__spreadValues$e(__spreadProps$b(__spreadValues$e({}, rest), {
       htmlType: submitsForm ? "submit" : "button"
     }), rest), {
       target
@@ -171,7 +175,7 @@ function registerButton(loader) {
         hidden: (props) => !props.href,
         defaultValueHint: false
       },
-      children: __spreadValues$d({
+      children: __spreadValues$e({
         type: "slot",
         defaultValue: [
           {
@@ -195,33 +199,33 @@ function registerButton(loader) {
   });
 }
 
-var __defProp$c = Object.defineProperty;
-var __defProps$9 = Object.defineProperties;
-var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
-var __hasOwnProp$c = Object.prototype.hasOwnProperty;
-var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$c = (a, b) => {
+var __defProp$d = Object.defineProperty;
+var __defProps$a = Object.defineProperties;
+var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
+var __hasOwnProp$d = Object.prototype.hasOwnProperty;
+var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$d = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$c.call(b, prop))
-      __defNormalProp$c(a, prop, b[prop]);
-  if (__getOwnPropSymbols$c)
-    for (var prop of __getOwnPropSymbols$c(b)) {
-      if (__propIsEnum$c.call(b, prop))
-        __defNormalProp$c(a, prop, b[prop]);
+    if (__hasOwnProp$d.call(b, prop))
+      __defNormalProp$d(a, prop, b[prop]);
+  if (__getOwnPropSymbols$d)
+    for (var prop of __getOwnPropSymbols$d(b)) {
+      if (__propIsEnum$d.call(b, prop))
+        __defNormalProp$d(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
+var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
 var __objRest$8 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$c.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$d.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$c)
-    for (var prop of __getOwnPropSymbols$c(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$c.call(source, prop))
+  if (source != null && __getOwnPropSymbols$d)
+    for (var prop of __getOwnPropSymbols$d(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$d.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -235,7 +239,7 @@ function AntdCheckbox(props) {
       return void 0;
     }
   }, [onChange]);
-  return /* @__PURE__ */ React.createElement(Checkbox, __spreadProps$9(__spreadValues$c({}, rest), { onChange: wrappedOnChange }));
+  return /* @__PURE__ */ React.createElement(Checkbox, __spreadProps$a(__spreadValues$d({}, rest), { onChange: wrappedOnChange }));
 }
 AntdCheckbox.__plasmicFormFieldMeta = { valueProp: "checked" };
 const AntdCheckboxGroup = Checkbox.Group;
@@ -270,7 +274,7 @@ function registerCheckbox(loader) {
         defaultValueHint: false,
         advanced: true
       },
-      children: __spreadValues$c({
+      children: __spreadValues$d({
         type: "slot",
         defaultValue: [
           {
@@ -351,33 +355,33 @@ function registerCheckbox(loader) {
   });
 }
 
-var __defProp$b = Object.defineProperty;
-var __defProps$8 = Object.defineProperties;
-var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
-var __hasOwnProp$b = Object.prototype.hasOwnProperty;
-var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$b = (a, b) => {
+var __defProp$c = Object.defineProperty;
+var __defProps$9 = Object.defineProperties;
+var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
+var __hasOwnProp$c = Object.prototype.hasOwnProperty;
+var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$c = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$b.call(b, prop))
-      __defNormalProp$b(a, prop, b[prop]);
-  if (__getOwnPropSymbols$b)
-    for (var prop of __getOwnPropSymbols$b(b)) {
-      if (__propIsEnum$b.call(b, prop))
-        __defNormalProp$b(a, prop, b[prop]);
+    if (__hasOwnProp$c.call(b, prop))
+      __defNormalProp$c(a, prop, b[prop]);
+  if (__getOwnPropSymbols$c)
+    for (var prop of __getOwnPropSymbols$c(b)) {
+      if (__propIsEnum$c.call(b, prop))
+        __defNormalProp$c(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
+var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
 var __objRest$7 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$b.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$c.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$b)
-    for (var prop of __getOwnPropSymbols$b(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$b.call(source, prop))
+  if (source != null && __getOwnPropSymbols$c)
+    for (var prop of __getOwnPropSymbols$c(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$c.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -430,9 +434,9 @@ function AntdConfigProvider(props) {
   const _a = props, { children, themeStyles } = _a, rest = __objRest$7(_a, ["children", "themeStyles"]);
   return /* @__PURE__ */ React.createElement(
     ConfigProvider,
-    __spreadValues$b({
+    __spreadValues$c({
       locale: defaultLocale
-    }, themeToAntdConfig(__spreadProps$8(__spreadValues$b({}, rest), {
+    }, themeToAntdConfig(__spreadProps$9(__spreadValues$c({}, rest), {
       fontFamily: themeStyles.fontFamily,
       fontSize: themeStyles.fontSize ? parseInt(themeStyles.fontSize) : void 0,
       lineHeight: themeStyles.lineHeight ? parseInt(themeStyles.lineHeight) : void 0,
@@ -468,7 +472,7 @@ function InnerConfigProvider(props) {
       showNotification: (opts) => {
         var _b;
         const _a = opts, rest = __objRest$7(_a, ["type"]);
-        app.notification[(_b = opts.type) != null ? _b : "info"](__spreadValues$b({}, rest));
+        app.notification[(_b = opts.type) != null ? _b : "info"](__spreadValues$c({}, rest));
       },
       hideNotifications: () => {
         app.notification.destroy();
@@ -765,7 +769,7 @@ function registerTokens(loader) {
 }
 const registerConfigProvider = makeRegisterGlobalContext(
   AntdConfigProvider,
-  __spreadProps$8(__spreadValues$b({
+  __spreadProps$9(__spreadValues$c({
     name: "plasmic-antd5-config-provider",
     displayName: "Ant Design System Settings",
     props: {
@@ -871,25 +875,25 @@ const registerConfigProvider = makeRegisterGlobalContext(
   })
 );
 
-var __defProp$a = Object.defineProperty;
-var __defProps$7 = Object.defineProperties;
-var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
-var __hasOwnProp$a = Object.prototype.hasOwnProperty;
-var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$a = (a, b) => {
+var __defProp$b = Object.defineProperty;
+var __defProps$8 = Object.defineProperties;
+var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
+var __hasOwnProp$b = Object.prototype.hasOwnProperty;
+var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$b = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$a.call(b, prop))
-      __defNormalProp$a(a, prop, b[prop]);
-  if (__getOwnPropSymbols$a)
-    for (var prop of __getOwnPropSymbols$a(b)) {
-      if (__propIsEnum$a.call(b, prop))
-        __defNormalProp$a(a, prop, b[prop]);
+    if (__hasOwnProp$b.call(b, prop))
+      __defNormalProp$b(a, prop, b[prop]);
+  if (__getOwnPropSymbols$b)
+    for (var prop of __getOwnPropSymbols$b(b)) {
+      if (__propIsEnum$b.call(b, prop))
+        __defNormalProp$b(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
+var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
 const AntdMenu = Menu;
 const AntdMenuDivider = Menu.Divider;
 const AntdMenuItem = Menu.Item;
@@ -945,7 +949,7 @@ const MENU_ITEM_TYPE = {
     }
   }
 };
-const UNKEYED_MENU_ITEM_TYPE = __spreadProps$7(__spreadValues$a({}, MENU_ITEM_TYPE), {
+const UNKEYED_MENU_ITEM_TYPE = __spreadProps$8(__spreadValues$b({}, MENU_ITEM_TYPE), {
   fields: Object.fromEntries(
     Object.entries(MENU_ITEM_TYPE.fields).filter(([k]) => k !== "key")
   )
@@ -1031,7 +1035,7 @@ function registerMenu(loader) {
         type: "string",
         description: "Set display title for collapsed item"
       },
-      children: __spreadValues$a({
+      children: __spreadValues$b({
         type: "slot",
         defaultValue: [
           {
@@ -1139,33 +1143,33 @@ function registerMenu(loader) {
   });
 }
 
-var __defProp$9 = Object.defineProperty;
-var __defProps$6 = Object.defineProperties;
-var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
-var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
-var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$9 = (a, b) => {
+var __defProp$a = Object.defineProperty;
+var __defProps$7 = Object.defineProperties;
+var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
+var __hasOwnProp$a = Object.prototype.hasOwnProperty;
+var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$a = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$9.call(b, prop))
-      __defNormalProp$9(a, prop, b[prop]);
-  if (__getOwnPropSymbols$9)
-    for (var prop of __getOwnPropSymbols$9(b)) {
-      if (__propIsEnum$9.call(b, prop))
-        __defNormalProp$9(a, prop, b[prop]);
+    if (__hasOwnProp$a.call(b, prop))
+      __defNormalProp$a(a, prop, b[prop]);
+  if (__getOwnPropSymbols$a)
+    for (var prop of __getOwnPropSymbols$a(b)) {
+      if (__propIsEnum$a.call(b, prop))
+        __defNormalProp$a(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
+var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
 var __objRest$6 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$9.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$a.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$9)
-    for (var prop of __getOwnPropSymbols$9(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$9.call(source, prop))
+  if (source != null && __getOwnPropSymbols$a)
+    for (var prop of __getOwnPropSymbols$a(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$a.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -1188,7 +1192,7 @@ function AntdDropdown(props) {
   ]);
   return /* @__PURE__ */ React.createElement(
     Dropdown,
-    __spreadProps$6(__spreadValues$9({}, rest), {
+    __spreadProps$7(__spreadValues$a({}, rest), {
       trigger: [trigger],
       overlay: () => {
         var _a2;
@@ -1293,7 +1297,7 @@ function registerDropdown(loader) {
         advanced: true,
         description: "Instead of configuring a list of menu items, build the menu items using MenuItem elements. This gives you greater control over item styling."
       },
-      children: __spreadValues$9({
+      children: __spreadValues$a({
         type: "slot",
         defaultValue: [
           {
@@ -1308,12 +1312,6 @@ function registerDropdown(loader) {
           }
         ]
       }, { mergeWithParent: true }),
-      arrow: {
-        type: "boolean",
-        description: "Whether the dropdown arrow should be visible",
-        defaultValueHint: false,
-        advanced: true
-      },
       onAction: {
         type: "eventHandler",
         argTypes: [{ name: "key", type: "string" }]
@@ -1324,19 +1322,19 @@ function registerDropdown(loader) {
   });
 }
 
-var __defProp$8 = Object.defineProperty;
-var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
-var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
-var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$8 = (a, b) => {
+var __defProp$9 = Object.defineProperty;
+var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
+var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
+var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$9 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$8.call(b, prop))
-      __defNormalProp$8(a, prop, b[prop]);
-  if (__getOwnPropSymbols$8)
-    for (var prop of __getOwnPropSymbols$8(b)) {
-      if (__propIsEnum$8.call(b, prop))
-        __defNormalProp$8(a, prop, b[prop]);
+    if (__hasOwnProp$9.call(b, prop))
+      __defNormalProp$9(a, prop, b[prop]);
+  if (__getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(b)) {
+      if (__propIsEnum$9.call(b, prop))
+        __defNormalProp$9(a, prop, b[prop]);
     }
   return a;
 };
@@ -1347,7 +1345,7 @@ function mergeProps(props, ...restProps) {
   if (restProps.every((rest) => Object.keys(rest).length === 0)) {
     return props;
   }
-  const result = __spreadValues$8({}, props);
+  const result = __spreadValues$9({}, props);
   for (const rest of restProps) {
     for (const key of Object.keys(rest)) {
       result[key] = mergePropVals(key, result[key], rest[key]);
@@ -1384,7 +1382,7 @@ function mergePropVals(name, val1, val2) {
   } else if (name === "className") {
     return classNames(val1, val2);
   } else if (name === "style") {
-    return __spreadValues$8(__spreadValues$8({}, val1), val2);
+    return __spreadValues$9(__spreadValues$9({}, val1), val2);
   } else if (name === "ref") {
     return mergeRefs(val1, val2);
   } else if (typeof val1 !== typeof val2) {
@@ -1405,25 +1403,25 @@ function mergePropVals(name, val1, val2) {
   }
 }
 
-var __defProp$7 = Object.defineProperty;
-var __defProps$5 = Object.defineProperties;
-var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
-var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
-var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$7 = (a, b) => {
+var __defProp$8 = Object.defineProperty;
+var __defProps$6 = Object.defineProperties;
+var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
+var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
+var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$8 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$7.call(b, prop))
-      __defNormalProp$7(a, prop, b[prop]);
-  if (__getOwnPropSymbols$7)
-    for (var prop of __getOwnPropSymbols$7(b)) {
-      if (__propIsEnum$7.call(b, prop))
-        __defNormalProp$7(a, prop, b[prop]);
+    if (__hasOwnProp$8.call(b, prop))
+      __defNormalProp$8(a, prop, b[prop]);
+  if (__getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(b)) {
+      if (__propIsEnum$8.call(b, prop))
+        __defNormalProp$8(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
+var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
 const AntdInput = Input;
 const AntdTextArea = Input.TextArea;
 const AntdPassword = Input.Password;
@@ -1513,10 +1511,10 @@ const COMMON_EVENT_HANDLERS = {
 };
 const inputComponentName = "plasmic-antd5-input";
 function registerInput(loader) {
-  registerComponentHelper(loader, AntdInput, __spreadProps$5(__spreadValues$7({
+  registerComponentHelper(loader, AntdInput, __spreadProps$6(__spreadValues$8({
     name: inputComponentName,
     displayName: "Input",
-    props: __spreadValues$7(__spreadValues$7(__spreadValues$7({
+    props: __spreadValues$8(__spreadValues$8(__spreadValues$8({
       value: {
         type: "string",
         hidden: (ps) => !!ps.__plasmicFormField
@@ -1547,7 +1545,7 @@ function registerInput(loader) {
         defaultValueHint: "text"
       }
     }, COMMON_ADVANCED_PROPS), COMMON_DECORATOR_PROPS), COMMON_EVENT_HANDLERS),
-    states: __spreadValues$7({}, COMMON_STATES)
+    states: __spreadValues$8({}, COMMON_STATES)
   }, { trapsSelection: true }), {
     componentHelpers: COMMON_HELPERS_CONFIG,
     importPath: "@plasmicpkgs/antd5/skinny/registerInput",
@@ -1560,7 +1558,7 @@ function registerTextArea(loader) {
     name: textAreaComponentName,
     parentComponentName: inputComponentName,
     displayName: "Text Area",
-    props: __spreadValues$7({
+    props: __spreadValues$8({
       value: {
         type: "string",
         hidden: (ps) => !!ps.__plasmicFormField
@@ -1581,7 +1579,7 @@ function registerTextArea(loader) {
         defaultValueHint: true
       }
     }, COMMON_EVENT_HANDLERS),
-    states: __spreadValues$7({}, COMMON_STATES),
+    states: __spreadValues$8({}, COMMON_STATES),
     componentHelpers: COMMON_HELPERS_CONFIG,
     importPath: "@plasmicpkgs/antd5/skinny/registerInput",
     importName: "AntdTextArea"
@@ -1593,7 +1591,7 @@ function registerPasswordInput(loader) {
     name: passwordComponentName,
     parentComponentName: inputComponentName,
     displayName: "Password Input",
-    props: __spreadValues$7({
+    props: __spreadValues$8({
       value: {
         type: "string",
         hidden: (ps) => !!ps.__plasmicFormField
@@ -1614,7 +1612,7 @@ function registerPasswordInput(loader) {
         defaultValueHint: true
       }
     }, COMMON_EVENT_HANDLERS),
-    states: __spreadValues$7({}, COMMON_STATES),
+    states: __spreadValues$8({}, COMMON_STATES),
     componentHelpers: COMMON_HELPERS_CONFIG,
     importPath: "@plasmicpkgs/antd5/skinny/registerInput",
     importName: "AntdPassword"
@@ -1622,11 +1620,11 @@ function registerPasswordInput(loader) {
 }
 const inputNumberComponentName = "plasmic-antd5-input-number";
 function registerNumberInput(loader) {
-  registerComponentHelper(loader, AntdInputNumber, __spreadProps$5(__spreadValues$7({
+  registerComponentHelper(loader, AntdInputNumber, __spreadProps$6(__spreadValues$8({
     name: inputNumberComponentName,
     parentComponentName: inputComponentName,
     displayName: "Number Input",
-    props: __spreadProps$5(__spreadValues$7(__spreadValues$7(__spreadValues$7({
+    props: __spreadProps$6(__spreadValues$8(__spreadValues$8(__spreadValues$8({
       value: {
         type: "number",
         hidden: (ps) => !!ps.__plasmicFormField
@@ -1664,7 +1662,7 @@ function registerNumberInput(loader) {
         ]
       }
     }),
-    states: __spreadValues$7({}, COMMON_STATES)
+    states: __spreadValues$8({}, COMMON_STATES)
   }, { trapsSelection: true }), {
     // don't need component helpers
     importPath: "@plasmicpkgs/antd5/skinny/registerInput",
@@ -1672,33 +1670,33 @@ function registerNumberInput(loader) {
   }));
 }
 
-var __defProp$6 = Object.defineProperty;
-var __defProps$4 = Object.defineProperties;
-var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
-var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
-var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$6 = (a, b) => {
+var __defProp$7 = Object.defineProperty;
+var __defProps$5 = Object.defineProperties;
+var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
+var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
+var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$7 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$6.call(b, prop))
-      __defNormalProp$6(a, prop, b[prop]);
-  if (__getOwnPropSymbols$6)
-    for (var prop of __getOwnPropSymbols$6(b)) {
-      if (__propIsEnum$6.call(b, prop))
-        __defNormalProp$6(a, prop, b[prop]);
+    if (__hasOwnProp$7.call(b, prop))
+      __defNormalProp$7(a, prop, b[prop]);
+  if (__getOwnPropSymbols$7)
+    for (var prop of __getOwnPropSymbols$7(b)) {
+      if (__propIsEnum$7.call(b, prop))
+        __defNormalProp$7(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
+var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
 var __objRest$5 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$6.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$7.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$6)
-    for (var prop of __getOwnPropSymbols$6(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$6.call(source, prop))
+  if (source != null && __getOwnPropSymbols$7)
+    for (var prop of __getOwnPropSymbols$7(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$7.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -1717,7 +1715,7 @@ function AntdRadioGroup(props) {
   }, [onChange]);
   return /* @__PURE__ */ React.createElement(
     RadioGroup,
-    __spreadProps$4(__spreadValues$6({}, rest), {
+    __spreadProps$5(__spreadValues$7({}, rest), {
       onChange: wrappedOnChange,
       options: useChildren ? void 0 : rest.options
     })
@@ -1745,7 +1743,7 @@ function registerRadio(loader) {
         defaultValueHint: false,
         advanced: true
       },
-      children: __spreadValues$6({
+      children: __spreadValues$7({
         type: "slot",
         defaultValue: [
           {
@@ -1777,7 +1775,7 @@ function registerRadio(loader) {
         defaultValueHint: false,
         advanced: true
       },
-      children: __spreadValues$6({
+      children: __spreadValues$7({
         type: "slot",
         defaultValue: [
           {
@@ -1791,7 +1789,7 @@ function registerRadio(loader) {
     importName: "AntdRadioButton",
     parentComponentName: radioGroupComponentName
   });
-  registerComponentHelper(loader, AntdRadioGroup, __spreadValues$6({
+  registerComponentHelper(loader, AntdRadioGroup, __spreadValues$7({
     name: radioGroupComponentName,
     displayName: "Radio Group",
     props: {
@@ -1914,33 +1912,33 @@ function registerRadio(loader) {
   }));
 }
 
-var __defProp$5 = Object.defineProperty;
-var __defProps$3 = Object.defineProperties;
-var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
-var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
-var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$5 = (a, b) => {
+var __defProp$6 = Object.defineProperty;
+var __defProps$4 = Object.defineProperties;
+var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
+var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
+var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$6 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$5.call(b, prop))
-      __defNormalProp$5(a, prop, b[prop]);
-  if (__getOwnPropSymbols$5)
-    for (var prop of __getOwnPropSymbols$5(b)) {
-      if (__propIsEnum$5.call(b, prop))
-        __defNormalProp$5(a, prop, b[prop]);
+    if (__hasOwnProp$6.call(b, prop))
+      __defNormalProp$6(a, prop, b[prop]);
+  if (__getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(b)) {
+      if (__propIsEnum$6.call(b, prop))
+        __defNormalProp$6(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
+var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
 var __objRest$4 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$5.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$6.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$5)
-    for (var prop of __getOwnPropSymbols$5(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$5.call(source, prop))
+  if (source != null && __getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$6.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -1963,13 +1961,13 @@ function AntdSelect(props) {
     "mode",
     "useChildren"
   ]);
-  const curated = __spreadValues$5({}, rest);
+  const curated = __spreadValues$6({}, rest);
   if (useChildren) {
     curated.options = void 0;
   }
   return /* @__PURE__ */ React.createElement(
     Select,
-    __spreadValues$5(__spreadProps$3(__spreadValues$5({}, curated), {
+    __spreadValues$6(__spreadProps$4(__spreadValues$6({}, curated), {
       mode: !mode || mode === "single" ? void 0 : mode,
       popupClassName: `${defaultStylesClassName} ${popupScopeClassName} ${popupClassName}`
     }), suffixIcon && { suffixIcon })
@@ -1979,7 +1977,7 @@ const selectComponentName = "plasmic-antd5-select";
 const optionComponentName = "plasmic-antd5-option";
 const optionGroupComponentName = "plasmic-antd5-option-group";
 function registerSelect(loader) {
-  registerComponentHelper(loader, AntdSelect, __spreadProps$3(__spreadValues$5({
+  registerComponentHelper(loader, AntdSelect, __spreadProps$4(__spreadValues$6({
     name: selectComponentName,
     displayName: "Select",
     props: {
@@ -2215,7 +2213,7 @@ function registerSelect(loader) {
     displayName: "Option",
     parentComponentName: selectComponentName,
     props: {
-      children: __spreadValues$5({
+      children: __spreadValues$6({
         type: "slot",
         defaultValue: "Option"
       }, { mergeWithParent: true }),
@@ -2268,24 +2266,24 @@ function registerSelect(loader) {
   });
 }
 
-var __defProp$4 = Object.defineProperty;
-var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
-var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
-var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$4 = (a, b) => {
+var __defProp$5 = Object.defineProperty;
+var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
+var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
+var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$5 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$4.call(b, prop))
-      __defNormalProp$4(a, prop, b[prop]);
-  if (__getOwnPropSymbols$4)
-    for (var prop of __getOwnPropSymbols$4(b)) {
-      if (__propIsEnum$4.call(b, prop))
-        __defNormalProp$4(a, prop, b[prop]);
+    if (__hasOwnProp$5.call(b, prop))
+      __defNormalProp$5(a, prop, b[prop]);
+  if (__getOwnPropSymbols$5)
+    for (var prop of __getOwnPropSymbols$5(b)) {
+      if (__propIsEnum$5.call(b, prop))
+        __defNormalProp$5(a, prop, b[prop]);
     }
   return a;
 };
 function AntdSwitch(props) {
-  return /* @__PURE__ */ React.createElement(Switch, __spreadValues$4({}, props));
+  return /* @__PURE__ */ React.createElement(Switch, __spreadValues$5({}, props));
 }
 AntdSwitch.__plasmicFormFieldMeta = { valueProp: "checked" };
 const switchComponentName = "plasmic-antd5-switch";
@@ -2331,33 +2329,33 @@ function registerSwitch(loader) {
   });
 }
 
-var __defProp$3 = Object.defineProperty;
-var __defProps$2 = Object.defineProperties;
-var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
-var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
-var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$3 = (a, b) => {
+var __defProp$4 = Object.defineProperty;
+var __defProps$3 = Object.defineProperties;
+var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
+var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
+var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$4 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$3.call(b, prop))
-      __defNormalProp$3(a, prop, b[prop]);
-  if (__getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(b)) {
-      if (__propIsEnum$3.call(b, prop))
-        __defNormalProp$3(a, prop, b[prop]);
+    if (__hasOwnProp$4.call(b, prop))
+      __defNormalProp$4(a, prop, b[prop]);
+  if (__getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(b)) {
+      if (__propIsEnum$4.call(b, prop))
+        __defNormalProp$4(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
+var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
 var __objRest$3 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$3.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$3.call(source, prop))
+  if (source != null && __getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$4.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -2393,6 +2391,7 @@ var InputType = /* @__PURE__ */ ((InputType2) => {
   InputType2["Radio"] = "Radio";
   InputType2["RadioGroup"] = "Radio Group";
   InputType2["Checkbox"] = "Checkbox";
+  InputType2["DatePicker"] = "DatePicker";
   return InputType2;
 })(InputType || {});
 const PathContext = React.createContext({ relativePath: [], fullPath: [] });
@@ -2410,11 +2409,11 @@ const Internal = (props) => {
   } else {
     childrenNode = /* @__PURE__ */ React.createElement(React.Fragment, null, ((_b = props.formItems) != null ? _b : []).map((formItem) => /* @__PURE__ */ React.createElement(
       FormItemWrapper,
-      __spreadProps$2(__spreadValues$3({}, formItem), {
+      __spreadProps$3(__spreadValues$4({}, formItem), {
         noLabel: formItem.inputType === "Checkbox" /* Checkbox */ || formItem.noLabel,
         style: { width: "100%" }
       }),
-      formItem.inputType === "Text" /* Text */ ? /* @__PURE__ */ React.createElement(Input, null) : formItem.inputType === "Password" /* Password */ ? /* @__PURE__ */ React.createElement(Input.Password, null) : formItem.inputType === "Text Area" /* TextArea */ ? /* @__PURE__ */ React.createElement(Input.TextArea, null) : formItem.inputType === "Number" /* Number */ ? /* @__PURE__ */ React.createElement(InputNumber, null) : formItem.inputType === "Checkbox" /* Checkbox */ ? /* @__PURE__ */ React.createElement(Checkbox, null, formItem.label) : formItem.inputType === "Select" /* Select */ ? /* @__PURE__ */ React.createElement(Select, { options: formItem.options }) : formItem.inputType === "Radio Group" /* RadioGroup */ ? /* @__PURE__ */ React.createElement(
+      formItem.inputType === "Text" /* Text */ ? /* @__PURE__ */ React.createElement(Input, null) : formItem.inputType === "Password" /* Password */ ? /* @__PURE__ */ React.createElement(Input.Password, null) : formItem.inputType === "Text Area" /* TextArea */ ? /* @__PURE__ */ React.createElement(Input.TextArea, null) : formItem.inputType === "Number" /* Number */ ? /* @__PURE__ */ React.createElement(InputNumber, null) : formItem.inputType === "Checkbox" /* Checkbox */ ? /* @__PURE__ */ React.createElement(Checkbox, null, formItem.label) : formItem.inputType === "Select" /* Select */ ? /* @__PURE__ */ React.createElement(Select, { options: formItem.options }) : formItem.inputType === "DatePicker" /* DatePicker */ ? /* @__PURE__ */ React.createElement(DatePicker, null) : formItem.inputType === "Radio Group" /* RadioGroup */ ? /* @__PURE__ */ React.createElement(
         Radio.Group,
         {
           options: formItem.options,
@@ -2455,7 +2454,7 @@ const Internal = (props) => {
     },
     /* @__PURE__ */ React.createElement(FormLayoutContext.Provider, { value: formLayout }, /* @__PURE__ */ React.createElement(
       Form,
-      __spreadProps$2(__spreadValues$3({}, rest), {
+      __spreadProps$3(__spreadValues$4({}, rest), {
         key: props.initialValues ? JSON.stringify(props.initialValues) : void 0,
         onValuesChange: (...args) => {
           var _a2;
@@ -2483,7 +2482,7 @@ function FormWrapper(props) {
       setRemountKey((k) => k + 1);
     }
   }, [previousInitialValues, props.initialValues]);
-  return /* @__PURE__ */ React.createElement(Internal, __spreadProps$2(__spreadValues$3({ key: remountKey }, props), { setRemountKey }));
+  return /* @__PURE__ */ React.createElement(Internal, __spreadProps$3(__spreadValues$4({ key: remountKey }, props), { setRemountKey }));
 }
 const COMMON_ACTIONS = [
   {
@@ -2549,7 +2548,7 @@ const colProp = (displayName, defaultValue, description) => ({
     horizontalOnly: {
       type: "boolean",
       displayName: "Horizontal only",
-      description: "Only apply to horizontal layout"
+      description: "Only apply when form layout is horizontal"
     }
   },
   description,
@@ -2567,13 +2566,14 @@ function registerForm(loader) {
     props: {
       mode: {
         type: "controlMode",
-        defaultValue: true
+        defaultValue: "simplified"
       },
       formItems: {
+        displayName: "Fields",
         type: "array",
         itemType: {
           type: "object",
-          fields: __spreadValues$3({
+          fields: __spreadValues$4({
             label: "string",
             inputType: {
               type: "choice",
@@ -2655,9 +2655,21 @@ function registerForm(loader) {
           }, commonFormItemProps),
           nameFunc: (item) => item.label
         },
+        defaultValue: [
+          {
+            label: "Name",
+            name: "name",
+            inputType: "Text" /* Text */
+          },
+          {
+            label: "Message",
+            name: "message",
+            inputType: "Text Area" /* TextArea */
+          }
+        ],
         hidden: (props) => props.mode !== "simplified"
       },
-      submitSlot: __spreadValues$3({
+      submitSlot: __spreadValues$4({
         type: "slot",
         hidden: () => true,
         defaultValue: {
@@ -2725,9 +2737,11 @@ function registerForm(loader) {
         hidden: (props) => props.mode === "simplified"
       },
       initialValues: {
+        displayName: "Initial field values",
         type: "object"
       },
       layout: {
+        displayName: "Form layout",
         type: "choice",
         options: ["horizontal", "vertical", "inline"],
         defaultValue: "vertical"
@@ -2766,7 +2780,7 @@ function registerForm(loader) {
         }
       },
       requiredMark: {
-        displayName: "Required/optional mark",
+        displayName: "Required/optional indicators",
         type: "choice",
         options: [
           {
@@ -2821,8 +2835,13 @@ function registerForm(loader) {
         ]
       },
       validateTrigger: {
+        displayName: "Validate rules",
         type: "choice",
-        options: ["onSubmit", "onChange", "onBlur"],
+        options: [
+          { value: "onBlur", label: "When a field loses focus" },
+          { value: "onChange", label: "When a field changes" },
+          { value: "onSubmit", label: "When the form is submitted" }
+        ],
         multiSelect: true,
         defaultValueHint: ["onChange"],
         advanced: true
@@ -2961,7 +2980,7 @@ function FormItemWrapper(props) {
   }
   return /* @__PURE__ */ React.createElement(
     FormItem,
-    __spreadProps$2(__spreadValues$3({}, rest), {
+    __spreadProps$3(__spreadValues$4({}, rest), {
       label: noLabel ? void 0 : props.label,
       name: relativeFormItemName,
       rules,
@@ -3014,7 +3033,7 @@ function FormItemForwarder(_a) {
   });
   return React.Children.map(formItemProps.children, (child, i) => {
     var _a3;
-    let newProps = __spreadProps$2(__spreadValues$3(__spreadValues$3({}, (_a3 = child.props) != null ? _a3 : {}), props), {
+    let newProps = __spreadProps$3(__spreadValues$4(__spreadValues$4({}, (_a3 = child.props) != null ? _a3 : {}), props), {
       __plasmicFormField: true
     });
     if (formItemProps.customizeProps) {
@@ -3034,6 +3053,7 @@ const commonFormItemProps = {
     type: "string"
   },
   rules: {
+    displayName: "Validation rules",
     type: "formValidationRules"
   },
   valuePropName: {
@@ -3085,13 +3105,13 @@ const commonFormItemProps = {
     type: "boolean",
     advanced: true,
     displayName: "Always re-render",
-    description: "Form items normally only re-render when the corresponding form value changes, for performance. This forces it to always re-render."
+    description: "Form fields normally only re-render when the corresponding form value changes, for performance. This forces it to always re-render."
   },
   dependencies: {
     type: "array",
     advanced: true,
     displayName: "Dependencies",
-    description: "Form items can depend on other form items. This forces it to reevaluate the validation rules when the other form item changes."
+    description: "Form fields can depend on other form fields. This forces it to re-evaluate the validation rules when the other form fields changes."
   },
   hideValidationMessage: {
     type: "boolean",
@@ -3123,7 +3143,7 @@ const commonFormItemProps = {
 };
 const formItemComponentName = "plasmic-antd5-form-item";
 function registerFormItem(loader) {
-  registerComponentHelper(loader, FormItemWrapper, __spreadValues$3({
+  registerComponentHelper(loader, FormItemWrapper, __spreadValues$4({
     name: formItemComponentName,
     displayName: "Form Field",
     parentComponentName: formComponentName,
@@ -3131,8 +3151,8 @@ function registerFormItem(loader) {
       marginBottom: "24px",
       width: "stretch"
     },
-    props: __spreadValues$3({
-      label: __spreadValues$3({
+    props: __spreadValues$4({
+      label: __spreadValues$4({
         type: "slot",
         defaultValue: {
           type: "text",
@@ -3140,7 +3160,7 @@ function registerFormItem(loader) {
         },
         hidden: (ps) => !!ps.noLabel
       }, { mergeWithParent: true }),
-      children: __spreadValues$3({
+      children: __spreadValues$4({
         type: "slot",
         defaultValue: {
           type: "component",
@@ -3314,7 +3334,7 @@ const FormListWrapper = React.forwardRef(function FormListWrapper2(props, ref) {
       }
     }, [props.initialValue, fullFormItemName]);
   }
-  return /* @__PURE__ */ React.createElement(FormList, __spreadProps$2(__spreadValues$3({}, props), { name: relativeFormItemName != null ? relativeFormItemName : [] }), (...args) => {
+  return /* @__PURE__ */ React.createElement(FormList, __spreadProps$3(__spreadValues$4({}, props), { name: relativeFormItemName != null ? relativeFormItemName : [] }), (...args) => {
     operationsRef.current = args;
     return args[0].map((field, index) => /* @__PURE__ */ React.createElement(
       PathContext.Provider,
@@ -3441,33 +3461,33 @@ function registerFormList(loader) {
   });
 }
 
-var __defProp$2 = Object.defineProperty;
-var __defProps$1 = Object.defineProperties;
-var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
-var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
-var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$2 = (a, b) => {
+var __defProp$3 = Object.defineProperty;
+var __defProps$2 = Object.defineProperties;
+var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
+var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
+var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$3 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$2.call(b, prop))
-      __defNormalProp$2(a, prop, b[prop]);
-  if (__getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(b)) {
-      if (__propIsEnum$2.call(b, prop))
-        __defNormalProp$2(a, prop, b[prop]);
+    if (__hasOwnProp$3.call(b, prop))
+      __defNormalProp$3(a, prop, b[prop]);
+  if (__getOwnPropSymbols$3)
+    for (var prop of __getOwnPropSymbols$3(b)) {
+      if (__propIsEnum$3.call(b, prop))
+        __defNormalProp$3(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
+var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
 var __objRest$2 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$3.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop))
+  if (source != null && __getOwnPropSymbols$3)
+    for (var prop of __getOwnPropSymbols$3(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$3.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -3496,7 +3516,7 @@ function AntdModal(props) {
   }, [onOpenChange, onCancel]);
   return /* @__PURE__ */ React.createElement(
     Modal,
-    __spreadProps$1(__spreadValues$2({}, rest), {
+    __spreadProps$2(__spreadValues$3({}, rest), {
       onOk: memoOnOk,
       onCancel: memoOnCancel,
       open,
@@ -3598,30 +3618,30 @@ function registerModal(loader) {
   });
 }
 
-var __defProp$1 = Object.defineProperty;
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1 = (a, b) => {
+var __defProp$2 = Object.defineProperty;
+var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
+var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
+var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$2 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$1.call(b, prop))
-      __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(b)) {
-      if (__propIsEnum$1.call(b, prop))
-        __defNormalProp$1(a, prop, b[prop]);
+    if (__hasOwnProp$2.call(b, prop))
+      __defNormalProp$2(a, prop, b[prop]);
+  if (__getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(b)) {
+      if (__propIsEnum$2.call(b, prop))
+        __defNormalProp$2(a, prop, b[prop]);
     }
   return a;
 };
 var __objRest$1 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
+  if (source != null && __getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -3702,7 +3722,7 @@ const AntdTable = React.forwardRef(function AntdTable2(props, ref) {
   );
   return /* @__PURE__ */ React.createElement(
     Table,
-    __spreadValues$1({
+    __spreadValues$2({
       loading: data == null ? void 0 : data.isLoading,
       dataSource: data == null ? void 0 : data.data,
       rowSelection: selection,
@@ -3811,7 +3831,7 @@ function registerTable(loader) {
       }
     }
   });
-  registerComponentHelper(loader, AntdColumn, __spreadValues$1({
+  registerComponentHelper(loader, AntdColumn, __spreadValues$2({
     name: "plasmic-antd5-table-column",
     displayName: "Column",
     parentComponentName: "plasmic-antd5-table",
@@ -3848,7 +3868,7 @@ function registerTable(loader) {
     importPath: "@plasmicpkgs/antd5/skinny/registerTable",
     importName: "AntdColumn"
   }, { isRenderless: true }));
-  registerComponentHelper(loader, AntdColumnGroup, __spreadValues$1({
+  registerComponentHelper(loader, AntdColumnGroup, __spreadValues$2({
     name: "plasmic-antd5-table-column-group",
     displayName: "Column Group",
     parentComponentName: "plasmic-antd5-table",
@@ -3867,33 +3887,33 @@ function registerTable(loader) {
   }, { isRenderless: true }));
 }
 
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
+var __defProp$1 = Object.defineProperty;
+var __defProps$1 = Object.defineProperties;
+var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+    if (__hasOwnProp$1.call(b, prop))
+      __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(b)) {
+      if (__propIsEnum$1.call(b, prop))
+        __defNormalProp$1(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+  if (source != null && __getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -3914,7 +3934,7 @@ function UploadWrapper(props) {
     };
     onFilesChange == null ? void 0 : onFilesChange([
       ...files,
-      __spreadProps(__spreadValues({}, metadata), {
+      __spreadProps$1(__spreadValues$1({}, metadata), {
         status: "uploading"
       })
     ]);
@@ -3922,7 +3942,7 @@ function UploadWrapper(props) {
     reader.onload = () => {
       onFilesChange == null ? void 0 : onFilesChange([
         ...files.filter((f) => f.uid !== file.uid),
-        __spreadProps(__spreadValues({}, metadata), {
+        __spreadProps$1(__spreadValues$1({}, metadata), {
           contents: reader.result.replace(
             /^data:[^;]+;base64,/,
             ""
@@ -3934,7 +3954,7 @@ function UploadWrapper(props) {
     reader.onerror = (error) => {
       onFilesChange == null ? void 0 : onFilesChange([
         ...files.filter((f) => f.uid !== file.uid),
-        __spreadProps(__spreadValues({}, metadata), {
+        __spreadProps$1(__spreadValues$1({}, metadata), {
           status: "error"
         })
       ]);
@@ -3946,7 +3966,7 @@ function UploadWrapper(props) {
   };
   return /* @__PURE__ */ React.createElement(
     Upload,
-    __spreadProps(__spreadValues({}, rest), {
+    __spreadProps$1(__spreadValues$1({}, rest), {
       fileList: files,
       beforeUpload: () => {
         return false;
@@ -3961,7 +3981,7 @@ function UploadWrapper(props) {
   );
 }
 function registerUpload(loader) {
-  registerComponentHelper(loader, UploadWrapper, __spreadProps(__spreadValues({
+  registerComponentHelper(loader, UploadWrapper, __spreadProps$1(__spreadValues$1({
     name: "plasmic-antd5-upload",
     displayName: "Upload",
     props: {
@@ -4047,6 +4067,129 @@ function registerUpload(loader) {
   }));
 }
 
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+function AntdDatePicker(props) {
+  return /* @__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;
+        (_a = props.onChange) == null ? void 0 : _a.call(props, value !== null ? value.toISOString() : null);
+      }
+    })
+  );
+}
+AntdDatePicker.__plasmicFormFieldMeta = { valueProp: "checked" };
+const datePickerComponentName = "plasmic-antd5-date-picker";
+function registerDatePicker(loader) {
+  registerComponentHelper(loader, AntdDatePicker, {
+    name: datePickerComponentName,
+    displayName: "Date/Time Picker",
+    props: {
+      value: {
+        type: "string",
+        editOnly: true,
+        uncontrolledProp: "defaultValue",
+        description: "The current date/time as an ISO string, Date object, or dayjs object",
+        hidden: (ps) => !!ps.__plasmicFormField
+      },
+      disabled: {
+        type: "boolean",
+        defaultValueHint: false
+      },
+      autoFocus: {
+        type: "boolean",
+        description: "Focus when component is rendered",
+        defaultValueHint: false,
+        advanced: true
+      },
+      onChange: {
+        type: "eventHandler",
+        argTypes: [{ name: "value", type: "string" }]
+      },
+      picker: {
+        type: "choice",
+        options: ["date", "week", "month", "quarter", "year"].map((value) => ({
+          value,
+          label: capitalize(value)
+        })),
+        defaultValueHint: "date"
+      },
+      showTime: {
+        type: "boolean",
+        description: "Enable time selection"
+      },
+      bordered: {
+        type: "boolean",
+        advanced: true
+      },
+      // TODO - see how it works with plasmic-rich-components
+      // format: {
+      //   advanced: true
+      // },
+      showNow: {
+        type: "boolean",
+        advanced: true,
+        description: 'Whether to show the "Now" button',
+        defaultValueHint: true,
+        hidden: (ps) => !ps.showTime
+      },
+      showToday: {
+        type: "boolean",
+        advanced: true,
+        description: 'Whether to show the "Today" button',
+        defaultValueHint: true,
+        hidden: (ps) => ps.showTime
+      },
+      // disabledDate: {
+      //   type: "function",
+      //   advanced: true,
+      //   description: "Dates to disable",
+      // },
+      // disabledTime: {
+      //   type: "function",
+      //   advanced: true,
+      //   description: "Times to disable",
+      // },
+      allowClear: {
+        type: "boolean",
+        advanced: true,
+        description: "Whether to show the clear button"
+      }
+    },
+    states: {
+      value: {
+        type: "writable",
+        valueProp: "value",
+        onChangeProp: "onChange",
+        variableType: "text"
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerDatePicker",
+    importName: "AntdDatePicker"
+  });
+}
+
 function registerAll(loader) {
   registerConfigProvider(loader);
   registerTokens(loader);
@@ -4067,6 +4210,7 @@ function registerAll(loader) {
   registerPasswordInput(loader);
   registerTextArea(loader);
   registerNumberInput(loader);
+  registerDatePicker(loader);
   registerUpload(loader);
 }
 const componentNameToInputType = {
@@ -4079,6 +4223,7 @@ const componentNameToInputType = {
   [optionGroupComponentName]: InputType.OptionGroup,
   [radioComponentName]: InputType.Radio,
   [radioGroupComponentName]: InputType.RadioGroup,
+  [datePickerComponentName]: InputType.DatePicker,
   [checkboxComponentName]: InputType.Checkbox
 };
 const inputTypeToComponentName = Object.fromEntries(