From 5e2d5f0d833702391329a76b2e07c7a49ef15da7 Mon Sep 17 00:00:00 2001
From: lyzno1 <yuanyouhuilyz@gmail.com>
Date: Fri, 17 Oct 2025 13:52:26 +0800
Subject: [PATCH] feat: allow trigger schedule TimePicker to stretch with panel

---
 .../base/date-and-time-picker/time-picker/index.tsx       | 8 ++++++--
 web/app/components/base/date-and-time-picker/types.ts     | 1 +
 .../components/workflow/nodes/trigger-schedule/panel.tsx  | 1 +
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/web/app/components/base/date-and-time-picker/time-picker/index.tsx b/web/app/components/base/date-and-time-picker/time-picker/index.tsx
index 1a62800fb8..b405dd2cdb 100644
--- a/web/app/components/base/date-and-time-picker/time-picker/index.tsx
+++ b/web/app/components/base/date-and-time-picker/time-picker/index.tsx
@@ -37,6 +37,7 @@ const TimePicker = ({
   minuteFilter,
   popupClassName,
   notClearable = false,
+  triggerFullWidth = false,
   showTimezone = false,
 }: TimePickerProps) => {
   const { t } = useTranslation()
@@ -205,14 +206,17 @@ const TimePicker = ({
       onOpenChange={setIsOpen}
       placement='bottom-start'
     >
-      <PortalToFollowElemTrigger>
+      <PortalToFollowElemTrigger className={triggerFullWidth ? '!block w-full' : undefined}>
         {renderTrigger ? (renderTrigger({
           inputElem,
           onClick: handleClickTrigger,
           isOpen,
         })) : (
           <div
-            className='group flex w-[252px] cursor-pointer items-center gap-x-0.5 rounded-lg bg-components-input-bg-normal px-2 py-1 hover:bg-state-base-hover-alt'
+            className={cn(
+              'group flex cursor-pointer items-center gap-x-0.5 rounded-lg bg-components-input-bg-normal px-2 py-1 hover:bg-state-base-hover-alt',
+              triggerFullWidth ? 'w-full min-w-0' : 'w-[252px]',
+            )}
             onClick={handleClickTrigger}
           >
             {inputElem}
diff --git a/web/app/components/base/date-and-time-picker/types.ts b/web/app/components/base/date-and-time-picker/types.ts
index fa7d4d5e36..9116e3d937 100644
--- a/web/app/components/base/date-and-time-picker/types.ts
+++ b/web/app/components/base/date-and-time-picker/types.ts
@@ -65,6 +65,7 @@ export type TimePickerProps = {
   minuteFilter?: (minutes: string[]) => string[]
   popupClassName?: string
   notClearable?: boolean
+  triggerFullWidth?: boolean
   /** Show timezone label inline with the time picker */
   showTimezone?: boolean
 }
diff --git a/web/app/components/workflow/nodes/trigger-schedule/panel.tsx b/web/app/components/workflow/nodes/trigger-schedule/panel.tsx
index 76bc8132dc..2a7c661339 100644
--- a/web/app/components/workflow/nodes/trigger-schedule/panel.tsx
+++ b/web/app/components/workflow/nodes/trigger-schedule/panel.tsx
@@ -73,6 +73,7 @@ const Panel: FC<NodePanelProps<ScheduleTriggerNodeType>> = ({
                           notClearable={true}
                           timezone={inputs.timezone}
                           value={inputs.visual_config?.time || '12:00 AM'}
+                          triggerFullWidth={true}
                           onChange={(time) => {
                             if (time) {
                               const timeString = time.format('h:mm A')