fix(mcp): Adding custom date time picker for generate keys and minor bug fixes (#8793)

* fix(mcp): Adding custom date time picker for generate keys and minor bug fixes

* Added min date and time validation

* Addressing PR comments

---------

Co-authored-by: Priti Sambandam <psamband@microsoft.com>

Author: preetriti1

Localize/lang/strings.json

@@ -243,6 +243,7 @@
   "3Y9Ff3": "Use the following credentials to connect to your agent from external applications or custom integrations.",
   "3YFMW8": "Open Chat Client",
   "3a3eHg": "Select actions",
+  "3c7eHH": "Please enter a valid time format (e.g., 2:30 PM).",
   "3cZFcy": "Error Panel",
   "3cZZKj": "Divider",
   "3eeli7": "Select a source schema",
@@ -454,6 +455,7 @@
   "8A0GFO": "Required. The XML-encoded name string to be decoded.",
   "8CWFEh": "Required. The value to return if the expression is 'true'.",
   "8DFwxH": "Returns a formatted number string",
+  "8DgDf+": "Custom",
   "8FjOSh": "Required. The object to check if it is greater or equal to the comparing object.",
   "8G9bj4": "Add custom modules, uncover new scenarios, and find troubleshooting tips",
   "8Ifvot": "...and {count} more items. Type to search for specific items.",
@@ -498,6 +500,7 @@
   "92h1A6": "The server {serverName} has been created.",
   "95Psou": "Previous",
   "96JG8I": "{operationName} operation",
+  "96v4Tz": "Select a time...",
   "99vsJy": "Connector",
   "9COFQr": "Collapse action",
   "9EmN2M": "Cancel",
@@ -1277,6 +1280,7 @@
   "RxbkcI": "Unsupported token type: {controls}",
   "S0N/tx": "Resubmit a workflow run from this action",
   "S138/4": "Format text as bold. Shortcut: ⌘B",
+  "S2KtbJ": "Select date and time",
   "S5kFNK": "Paste your sample data to test the mapping",
   "SC5XB0": "Create Parameter",
   "SCCE6s": "Password",
@@ -1890,6 +1894,7 @@
   "_3Y9Ff3.comment": "Option 1 description in info dialog",
   "_3YFMW8.comment": "Link text for chat client",
   "_3a3eHg.comment": "Select Actions",
+  "_3c7eHH.comment": "Error message for invalid time format",
   "_3cZFcy.comment": "Error Panel",
   "_3cZZKj.comment": "Aria label for divider",
   "_3eeli7.comment": "Source schema dropdown placeholder",
@@ -2101,6 +2106,7 @@
   "_8A0GFO.comment": "Required parameter for name in decodeXmlName function",
   "_8CWFEh.comment": "Required value parameter to return given if function is true",
   "_8DFwxH.comment": "Label for description of custom formatNumber Function",
+  "_8DgDf+.comment": "Text for custom option",
   "_8FjOSh.comment": "Required object parameter to check if greater than or equal to using greaterOrEqual function",
   "_8G9bj4.comment": "This is a message give link to user to find out more about this action",
   "_8Ifvot.comment": "Message indicating more items are available",
@@ -2145,6 +2151,7 @@
   "_92h1A6.comment": "Content for the toaster after creating a server",
   "_95Psou.comment": "Button text for moving to the previous tab in the create app panel",
   "_96JG8I.comment": "Alt text on action/trigger card when there is an operation name but no connector name",
+  "_96v4Tz.comment": "Placeholder text for time picker",
   "_99vsJy.comment": "Label For Connector Name in About Panel",
   "_9COFQr.comment": "Text indicating a menu button to collapse an action in the designer",
   "_9EmN2M.comment": "Button to cancel creating a connection",
@@ -2924,6 +2931,7 @@
   "_RxbkcI.comment": "Exception for unsupported token types",
   "_S0N/tx.comment": "accessibility text for the resubmit button",
   "_S138/4.comment": "label to make bold text for Mac users",
+  "_S2KtbJ.comment": "Label for custom date time picker",
   "_S5kFNK.comment": "Sample test data placeholder",
   "_SC5XB0.comment": "label to add a parameter",
   "_SCCE6s.comment": "Basic Password Label Display Name",
@@ -3575,6 +3583,7 @@
   "_gkY5ya.comment": "Delete dynamic parameter corresponding to this row",
   "_gkwo0O.comment": "Error message shown when required fields are not filled in new logic app details",
   "_gl+tO3.comment": "Allowed values label",
+  "_gl0im8.comment": "Error message for selecting past time",
   "_gnYVoF.comment": "Message displayed when there are no warnings",
   "_gpUphl.comment": "Audience Placeholder Text",
   "_gt3JdS.comment": "Body text for informing users this action is deleting selected workflows",
@@ -3617,6 +3626,7 @@
   "_hZqQdt.comment": "Time zone value ",
   "_haeWoU.comment": "Error message when splitOn cannot be evaluated",
   "_hbOvB4.comment": "Dislike button text for suggested flow",
+  "_hbmiUp.comment": "Placeholder text for date picker",
   "_hdN+aw.comment": "Description for host field",
   "_hesDPs.comment": "Milliseconds",
   "_hflWi6.comment": "Description for trimByteOrderMark function",
@@ -4747,6 +4757,7 @@
   "gkY5ya": "Delete",
   "gkwo0O": "Please fill all required fields and then continue.",
   "gl+tO3": "Allowed values",
+  "gl0im8": "Please select a future time.",
   "gnYVoF": "No warnings found in your map.",
   "gpUphl": "Enter the audience.",
   "gt3JdS": "Do you want to delete the workflow(s)? This will remove the workflow(s) from this template.",
@@ -4789,6 +4800,7 @@
   "hZqQdt": "(UTC+02:00) Gaza, Hebron",
   "haeWoU": "Failed to evaluate outputs because splitOn {splitOn} cannot be evaluated. As a result, this operation's outputs might not be correctly visible in subsequent actions",
   "hbOvB4": "This isn't what I'm looking for",
+  "hbmiUp": "Select a date...",
   "hdN+aw": "Specifies which Logic App sku the template supports (e.g., Standard, Consumption).",
   "hesDPs": "{count} Milliseconds",
   "hflWi6": "Removes Byte Order Mark (BOM) characters from the beginning of strings or binary content.",

apps/Standalone/package.json

@@ -7,6 +7,8 @@
     "@fluentui/foundation-legacy": "8.2.15",
     "@fluentui/react": "8.110.2",
     "@fluentui/react-components": "9.70.0",
+    "@fluentui/react-datepicker-compat": "0.6.22",
+    "@fluentui/react-timepicker-compat": "0.4.28",
     "@fluentui/react-focus": "8.8.19",
     "@fluentui/react-hooks": "8.6.20",
     "@fluentui/react-icons": "2.0.224",

libs/designer/package.json

@@ -5,6 +5,8 @@
     "@fluentui/azure-themes": "8.5.70",
     "@fluentui/react": "8.110.2",
     "@fluentui/react-components": "9.70.0",
+    "@fluentui/react-datepicker-compat": "0.6.22",
+    "@fluentui/react-timepicker-compat": "0.4.28",
     "@fluentui/react-hooks": "8.6.20",
     "@fluentui/react-icons": "2.0.224",
     "@fluentui/utilities": "8.15.0",

libs/designer/src/lib/ui/mcp/panel/server/__test__/create.spec.tsx

@@ -197,9 +197,7 @@ describe('CreateServer', () => {
       const mockServer: Partial<McpServer> = {
         name: 'TestServer',
         description: 'Test Description',
-        tools: {
-          workflow1: { name: 'Workflow1' },
-        },
+        tools: [{ name: 'Workflow1' }],
       };
 
       renderWithProviders({ server: mockServer as McpServer, onUpdate: mockOnUpdate, onClose: mockOnClose });
@@ -358,10 +356,7 @@ describe('CreateServer', () => {
       const mockServer: Partial<McpServer> = {
         name: 'Existing Server',
         description: 'Existing Description',
-        tools: {
-          workflow1: { name: 'Workflow1' },
-          workflow2: { name: 'Workflow2' },
-        },
+        tools: [{ name: 'Workflow1' }, { name: 'Workflow2' }],
       };
 
       renderWithProviders({ server: mockServer as McpServer, onUpdate: mockOnUpdate, onClose: mockOnClose });
@@ -462,7 +457,7 @@ describe('CreateServer', () => {
         expect(mockOnUpdate).toHaveBeenCalledWith({
           name: 'TestServer',
           description: 'Test Description',
-          tools: [{ name: 'workflow1' }],
+          tools: [{ name: 'Workflow1' }],
         });
       });
     });