fluentui-extended 2026.8.70 → 2026.8.71

package/dist/index.d.mts

@@ -287,6 +287,12 @@ interface CommandBarItem {
     checked?: boolean;
     /** Nested commands - rendered as a menu button, and as a submenu when overflowed */
     subItems?: CommandBarItem[];
+    /**
+     * Custom menu content rendered inside the MenuPopover. Use for complex menus
+     * that need MenuItemRadio, MenuItemCheckbox, MenuGroupHeader, etc.
+     * Takes precedence over subItems when both are provided.
+     */
+    menuContent?: React.ReactNode;
     /**
      * Keep this command out of the overflow menu. Use sparingly: a pinned command
      * that does not fit will be clipped rather than moved.
@@ -551,6 +557,8 @@ interface DateTimeFieldProps {
      * Dynamics default for new DateTime attributes.
      */
     behavior?: DateTimeBehavior;
+    /** Show the behavior hint text below the field. Defaults to false. */
+    showHint?: boolean;
     /**
      * Show a time picker alongside the date. Ignored when `behavior` is 'DateOnly',
      * which has no time component by definition.

package/dist/index.d.ts

@@ -287,6 +287,12 @@ interface CommandBarItem {
     checked?: boolean;
     /** Nested commands - rendered as a menu button, and as a submenu when overflowed */
     subItems?: CommandBarItem[];
+    /**
+     * Custom menu content rendered inside the MenuPopover. Use for complex menus
+     * that need MenuItemRadio, MenuItemCheckbox, MenuGroupHeader, etc.
+     * Takes precedence over subItems when both are provided.
+     */
+    menuContent?: React.ReactNode;
     /**
      * Keep this command out of the overflow menu. Use sparingly: a pinned command
      * that does not fit will be clipped rather than moved.
@@ -551,6 +557,8 @@ interface DateTimeFieldProps {
      * Dynamics default for new DateTime attributes.
      */
     behavior?: DateTimeBehavior;
+    /** Show the behavior hint text below the field. Defaults to false. */
+    showHint?: boolean;
     /**
      * Show a time picker alongside the date. Ignored when `behavior` is 'DateOnly',
      * which has no time component by definition.

package/dist/index.js

@@ -1834,7 +1834,7 @@ var CommandButton = ({ item, size, className }) => {
   const styles = useCommandBarStyles();
   const appearance = item.appearance ?? "subtle";
   const withTooltip = useTooltipWrapper(item, styles);
-  if (item.subItems?.length) {
+  if (item.menuContent || item.subItems?.length) {
     return /* @__PURE__ */ React15__namespace.createElement(reactComponents.Menu, null, /* @__PURE__ */ React15__namespace.createElement(reactComponents.MenuTrigger, { disableButtonEnhancement: true }, withTooltip(
       /* @__PURE__ */ React15__namespace.createElement(
         reactComponents.MenuButton,
@@ -1847,7 +1847,7 @@ var CommandButton = ({ item, size, className }) => {
         },
         item.text
       )
-    )), /* @__PURE__ */ React15__namespace.createElement(reactComponents.MenuPopover, null, /* @__PURE__ */ React15__namespace.createElement(reactComponents.MenuList, null, item.subItems.map((subItem) => /* @__PURE__ */ React15__namespace.createElement(reactComponents.MenuItem, { key: subItem.key, icon: subItem.icon, disabled: subItem.disabled, onClick: subItem.onClick }, subItem.text)))));
+    )), /* @__PURE__ */ React15__namespace.createElement(reactComponents.MenuPopover, null, item.menuContent ?? /* @__PURE__ */ React15__namespace.createElement(reactComponents.MenuList, null, item.subItems.map((subItem) => /* @__PURE__ */ React15__namespace.createElement(reactComponents.MenuItem, { key: subItem.key, icon: subItem.icon, disabled: subItem.disabled, onClick: subItem.onClick }, subItem.text)))));
   }
   if (item.checked !== void 0) {
     return withTooltip(
@@ -1884,8 +1884,8 @@ var CommandButton = ({ item, size, className }) => {
 var OverflowMenuItem = ({ item }) => {
   const styles = useCommandBarStyles();
   const withTooltip = useTooltipWrapper(item, styles);
-  if (item.subItems?.length) {
-    return /* @__PURE__ */ React15__namespace.createElement(reactComponents.Menu, null, /* @__PURE__ */ React15__namespace.createElement(reactComponents.MenuTrigger, { disableButtonEnhancement: true }, /* @__PURE__ */ React15__namespace.createElement(reactComponents.MenuItem, { icon: item.icon, disabled: item.disabled }, item.text || item.title)), /* @__PURE__ */ React15__namespace.createElement(reactComponents.MenuPopover, null, /* @__PURE__ */ React15__namespace.createElement(reactComponents.MenuList, null, item.subItems.map((subItem) => /* @__PURE__ */ React15__namespace.createElement(reactComponents.MenuItem, { key: subItem.key, icon: subItem.icon, disabled: subItem.disabled, onClick: subItem.onClick }, subItem.text)))));
+  if (item.menuContent || item.subItems?.length) {
+    return /* @__PURE__ */ React15__namespace.createElement(reactComponents.Menu, null, /* @__PURE__ */ React15__namespace.createElement(reactComponents.MenuTrigger, { disableButtonEnhancement: true }, /* @__PURE__ */ React15__namespace.createElement(reactComponents.MenuItem, { icon: item.icon, disabled: item.disabled }, item.text || item.title)), /* @__PURE__ */ React15__namespace.createElement(reactComponents.MenuPopover, null, item.menuContent ?? /* @__PURE__ */ React15__namespace.createElement(reactComponents.MenuList, null, item.subItems.map((subItem) => /* @__PURE__ */ React15__namespace.createElement(reactComponents.MenuItem, { key: subItem.key, icon: subItem.icon, disabled: subItem.disabled, onClick: subItem.onClick }, subItem.text)))));
   }
   const row = /* @__PURE__ */ React15__namespace.createElement(reactComponents.MenuItem, { icon: item.icon, disabled: item.disabled, onClick: item.onClick }, item.text || item.title);
   return shouldTooltipInOverflow(item) ? withTooltip(row) : row;
@@ -4647,6 +4647,7 @@ var DateTimeField = ({
   value,
   onChange,
   behavior: behaviorProp = "UserLocal",
+  showHint = false,
   showTime = false,
   timeOnly = false,
   timeIntervalMinutes = 30,
@@ -4990,7 +4991,7 @@ var DateTimeField = ({
       timeFormat === "12h" ? formatTime12h(time) : time
     ))))),
     /* @__PURE__ */ React15__namespace.createElement("div", { className: styles.popupFooter }, /* @__PURE__ */ React15__namespace.createElement("div", { className: styles.footerLeft }, !timeOnly && /* @__PURE__ */ React15__namespace.createElement(reactComponents.Button, { appearance: "subtle", size: "small", onClick: handleToday }, "Today"), timeEnabled && /* @__PURE__ */ React15__namespace.createElement(reactComponents.Button, { appearance: "subtle", size: "small", onClick: handleTimeNow }, timeOnly ? "Now" : "Time Now")), /* @__PURE__ */ React15__namespace.createElement("div", { className: styles.footerRight }, /* @__PURE__ */ React15__namespace.createElement(reactComponents.Button, { appearance: "primary", size: "small", onClick: handleDone }, "Done")))
-  )), behavior !== "UserLocal" && /* @__PURE__ */ React15__namespace.createElement(reactComponents.Text, { className: styles.behaviorHint }, behavior === "DateOnly" ? "Date only - stored without a time or timezone" : "Timezone independent - stored exactly as entered"), loadError && /* @__PURE__ */ React15__namespace.createElement(reactComponents.Text, { className: styles.errorText }, loadError));
+  )), showHint && behavior !== "UserLocal" && /* @__PURE__ */ React15__namespace.createElement(reactComponents.Text, { className: styles.behaviorHint }, behavior === "DateOnly" ? "Date only - stored without a time or timezone" : "Timezone independent - stored exactly as entered"), loadError && /* @__PURE__ */ React15__namespace.createElement(reactComponents.Text, { className: styles.errorText }, loadError));
   if (!label && !validationMessage) {
     return /* @__PURE__ */ React15__namespace.createElement("div", { className: reactComponents.mergeClasses(styles.root, className) }, control);
   }