From 94e7a65ce3b129a8caa7c6fc0941f32056de3a3f Mon Sep 17 00:00:00 2001
From: riddhybansal <riddhybansal@gmail.com>
Date: Tue, 17 Sep 2024 16:05:09 +0530
Subject: [PATCH] fix: extended interface

---
 .../src/components/FluidTimePicker/FluidTimePicker.tsx      | 6 +++---
 .../react/src/components/FluidTimePickerSelect/index.tsx    | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/react/src/components/FluidTimePicker/FluidTimePicker.tsx b/packages/react/src/components/FluidTimePicker/FluidTimePicker.tsx
index 50a033935efa..66af8aa49824 100644
--- a/packages/react/src/components/FluidTimePicker/FluidTimePicker.tsx
+++ b/packages/react/src/components/FluidTimePicker/FluidTimePicker.tsx
@@ -7,11 +7,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import FluidTextInput from '../FluidTextInput';
+import FluidTextInput, { FluidTextInputProps } from '../FluidTextInput';
 import { usePrefix } from '../../internal/usePrefix';
 import { WarningFilled, WarningAltFilled } from '@carbon/icons-react';
 
-export interface FluidTimePickerProps {
+export interface FluidTimePickerProps extends FluidTextInputProps {
   /**
    * The child node(s)
    */
@@ -96,7 +96,7 @@ const FluidTimePicker = React.forwardRef<
     <div className={classNames}>
       <div className={`${prefix}--time-picker--fluid__wrapper`}>
         <div className={`${prefix}--time-picker__input`}>
-          <FluidTextInput id="" disabled={disabled} ref={ref} {...other} />
+          <FluidTextInput ref={ref} {...other} />
         </div>
         {disabled
           ? React.Children.toArray(children).map((child) => {
diff --git a/packages/react/src/components/FluidTimePickerSelect/index.tsx b/packages/react/src/components/FluidTimePickerSelect/index.tsx
index feaff1a0a153..d4babd1bf255 100644
--- a/packages/react/src/components/FluidTimePickerSelect/index.tsx
+++ b/packages/react/src/components/FluidTimePickerSelect/index.tsx
@@ -6,7 +6,7 @@
  */
 
 import FluidTimePickerSelect from './FluidTimePickerSelect';
-import { FluidTimePickerSelectProps } from './FluidTimePickerSelect';
+import { type FluidTimePickerSelectProps } from './FluidTimePickerSelect';
 export { type FluidTimePickerSelectProps };
 export default FluidTimePickerSelect;
 export { FluidTimePickerSelect };