Add typescript types FluidTimePicker and FluidTimePickerSelect

[riddhybansal]

Closes #17358
Closes #17359

Added Typescript types to FluidTimePicker and FluidTimePickerSelect and their skeleton state

Changelog

New

Added Typescript types to FluidTimePicker and FluidTimePickerSelect and there skeleton state
Converted index.js to tsx for both the component

Testing / Reviewing

FluidTimePicker and FluidTimePickerSelect and their skeleton state should work as intended with typescript support

[netlify]

✅ Deploy Preview for carbon-elements ready!

Name	Link
🔨 Latest commit	733a47f
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-elements/deploys/66e7f57dac98ab00087de48f
😎 Deploy Preview	https://deploy-preview-17445--carbon-elements.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for v11-carbon-react ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	733a47f
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-react/deploys/66e7f57da01c990008d69bb3
😎 Deploy Preview	https://deploy-preview-17445--v11-carbon-react.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for carbon-elements ready!

Name	Link
🔨 Latest commit	a8da9cb
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-elements/deploys/66ec1fd454c56000088ee44b
😎 Deploy Preview	https://deploy-preview-17445--carbon-elements.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for v11-carbon-react ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	a8da9cb
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-react/deploys/66ec1fd40ef23a0008eb6fe2
😎 Deploy Preview	https://deploy-preview-17445--v11-carbon-react.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[codecov]

Codecov Report

Attention: Patch coverage is 91.66667% with 1 line in your changes missing coverage. Please review.

Project coverage is 76.95%. Comparing base (d8e0045) to head (a8da9cb).
Report is 8 commits behind head on main.

Files with missing lines	Patch %	Lines
...src/components/FluidTimePicker/FluidTimePicker.tsx	50.00%	1 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #17445      +/-   ##
==========================================
+ Coverage   76.92%   76.95%   +0.02%     
==========================================
  Files         408      408              
  Lines       13979    13980       +1     
  Branches     4291     4344      +53     
==========================================
+ Hits        10754    10758       +4     
+ Misses       3052     3049       -3     
  Partials      173      173              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[riddhybansal]

Hi there I have one doubt over here I ahve passes id as empty string as it is a required prop, Can we do anything else instead of it ?

[tay1orjones]

@riddhybansal I think FluidTimePickerProps needs to extend/inherit FluidTextInputProps

[guidari]

Hey @riddhybansal is this testing failing?

[riddhybansal]

oops I was testing something so commented that time need to uncomment it !!

[guidari]

LGTM!