feat(eagle): add TimeZoneSelect size prop (#1305)

Co-authored-by: Xiaojun Weng <xiaojunweng@users.noreply.github.com>

Author: netweng

packages/eagle/src/core/TimeZoneSelect/index.tsx

@@ -161,6 +161,7 @@ const TimeZoneSelect: React.FC<ITimeZoneSelectProps> = (props) => {
     disabled,
     defaultUseBrowserTime,
     className,
+    size,
     placeholder,
     "data-testid": dataTestId,
   } = props;
@@ -227,6 +228,7 @@ const TimeZoneSelect: React.FC<ITimeZoneSelectProps> = (props) => {
       onChange={_onChange}
       showSearch
       disabled={disabled}
+      size={size}
       filterOption={(keyword, option) => {
         // This is to fix http://jira.smartx.com/browse/SKS-1482
         // Always show placeholder no matter search what

packages/eagle/src/core/TimeZoneSelect/timeZoneSelect.type.ts

@@ -1,6 +1,7 @@
 export interface ITimeZoneSelectProps {
   value: string | undefined;
   onChange: (value: string) => void;
+  size?: "small" | "middle" | "large";
   defaultUseBrowserTime?: boolean;
   disabled?: boolean;
   className?: string;

packages/eagle/stories/docs/core/TimeZoneSelect.stories.tsx

@@ -40,6 +40,14 @@ export const TimeZoneSelectStory = () => {
           placeholder="Hello, Timezone!"
         />
       </Space>
+      <Space direction="vertical">
+        <h1>Large Size</h1>
+        <TimeZoneSelect
+          size="large"
+          value={value}
+          onChange={(val) => setValue(val)}
+        />
+      </Space>
       <Space direction="vertical">
         <h1>With Default Option</h1>
         <TimeZoneSelect