@carbon/react 1.66.0-rc.0 → 1.67.0-rc.0

package/lib/components/FluidTextArea/FluidTextArea.d.ts

@@ -0,0 +1,96 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+export interface FluidTextAreaProps {
+    /**
+     * Provide a custom className that is applied directly to the underlying
+     * `<textarea>` node
+     */
+    className?: string;
+    /**
+     * Specify the `cols` attribute for the underlying `<textarea>` node
+     */
+    cols?: number;
+    /**
+     * Optionally provide the default value of the `<textarea>`
+     */
+    defaultValue?: string | number;
+    /**
+     * Specify whether the control is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Specify whether to display the character counter
+     */
+    enableCounter?: boolean;
+    /**
+     * Provide text that is used alongside the control label for additional help
+     */
+    helperText?: React.ReactNode;
+    /**
+     * Specify whether you want the underlying label to be visually hidden
+     */
+    hideLabel?: boolean;
+    /**
+     * Provide a unique identifier for the control
+     */
+    id?: string;
+    /**
+     * Specify whether the control is currently invalid
+     */
+    invalid?: boolean;
+    /**
+     * Provide the text that is displayed when the control is in an invalid state
+     */
+    invalidText?: React.ReactNode;
+    /**
+     * Provide the text that will be read by a screen reader when visiting this
+     * control
+     */
+    labelText: React.ReactNode;
+    /**
+     * `true` to use the light version. For use on $ui-01 backgrounds only.
+     * Don't use this to make tile background color same as container background color.
+     */
+    light?: boolean;
+    /**
+     * Max character count allowed for the textarea. This is needed in order for enableCounter to display
+     */
+    maxCount?: number;
+    /**
+     * Optionally provide an `onChange` handler that is called whenever `<textarea>`
+     * is updated
+     */
+    onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
+    /**
+     * Optionally provide an `onClick` handler that is called whenever the
+     * `<textarea>` is clicked
+     */
+    onClick?: React.MouseEventHandler<HTMLTextAreaElement>;
+    /**
+     * Specify the placeholder attribute for the `<textarea>`
+     */
+    placeholder?: string;
+    /**
+     * Specify the rows attribute for the `<textarea>`
+     */
+    rows?: number;
+    /**
+     * Provide the current value of the `<textarea>`
+     */
+    value?: string | number;
+    /**
+     * Specify whether the control is currently in warning state
+     */
+    warn?: boolean;
+    /**
+     *  Provide the text that is displayed when the control is in warning state
+     */
+    warnText?: React.ReactNode;
+}
+declare const FluidTextArea: React.FC<FluidTextAreaProps>;
+export default FluidTextArea;

package/lib/components/FluidTextArea/FluidTextArea.js

@@ -25,7 +25,7 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-function FluidTextArea(_ref) {
+const FluidTextArea = _ref => {
   let {
     className,
     ...other
@@ -39,7 +39,7 @@ function FluidTextArea(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(TextArea["default"], _rollupPluginBabelHelpers["extends"]({
     className: classNames
   }, other)));
-}
+};
 FluidTextArea.propTypes = {
   /**
    * Provide a custom className that is applied directly to the underlying

package/lib/components/FluidTextArea/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import FluidTextArea from './FluidTextArea';
+import { type FluidTextAreaProps } from './FluidTextArea';
+import { type FluidTextAreaSkeletonProps } from './FluidTextArea.Skeleton';
+export default FluidTextArea;
+export { FluidTextArea, type FluidTextAreaProps, type FluidTextAreaSkeletonProps, };
+export { default as FluidTextAreaSkeleton } from './FluidTextArea.Skeleton';

package/lib/components/FluidTextInput/FluidPasswordInput.d.ts

@@ -0,0 +1,83 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+export interface FluidPasswordInputProps {
+    /**
+     * Specify an optional className to be applied to the outer FluidForm wrapper
+     */
+    className?: string;
+    /**
+     * Optionally provide the default value of the `<input>`
+     */
+    defaultValue?: string | number;
+    /**
+     * Specify whether the `<input>` should be disabled
+     */
+    disabled?: boolean;
+    /**
+     * "Hide password" tooltip text on password visibility toggle
+     */
+    hidePasswordLabel?: string;
+    /**
+     * Specify a custom `id` for the `<input>`
+     */
+    id: string;
+    /**
+     * Specify whether the control is currently invalid
+     */
+    invalid?: boolean;
+    /**
+     * Provide the text that is displayed when the control is in an invalid state
+     */
+    invalidText?: React.ReactNode;
+    /**
+     * Specify whether the control is a password input
+     */
+    isPassword?: boolean;
+    /**
+     * Provide the text that will be read by a screen reader when visiting this
+     * control
+     */
+    labelText: React.ReactNode;
+    /**
+     * Optionally provide an `onChange` handler that is called whenever `<input>`
+     * is updated
+     */
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    /**
+     * Optionally provide an `onClick` handler that is called whenever the
+     * `<input>` is clicked
+     */
+    onClick?: React.MouseEventHandler<HTMLInputElement>;
+    /**
+     * Callback function that is called whenever the toggle password visibility
+     * button is clicked
+     */
+    onTogglePasswordVisibility?: React.MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Specify the placeholder attribute for the `<input>`
+     */
+    placeholder?: string;
+    /**
+     * "Show password" tooltip text on password visibility toggle
+     */
+    showPasswordLabel?: string;
+    /**
+     * Specify the value of the `<input>`
+     */
+    value?: string | number;
+    /**
+     * Specify whether the control is currently in warning state
+     */
+    warn?: boolean;
+    /**
+     * Provide the text that is displayed when the control is in warning state
+     */
+    warnText?: React.ReactNode;
+}
+declare const FluidPasswordInput: React.FC<FluidPasswordInputProps>;
+export default FluidPasswordInput;

package/lib/components/FluidTextInput/FluidPasswordInput.js

@@ -0,0 +1,93 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+var PropTypes = require('prop-types');
+require('react');
+require('classnames');
+require('../TextInput/ControlledPasswordInput.js');
+require('../TextInput/PasswordInput.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+
+({
+  /**
+   * Specify an optional className to be applied to the outer FluidForm wrapper
+   */
+  className: PropTypes__default["default"].string,
+  /**
+   * Optionally provide the default value of the `<input>`
+   */
+  defaultValue: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  /**
+   * Specify whether the `<input>` should be disabled
+   */
+  disabled: PropTypes__default["default"].bool,
+  /**
+   * "Hide password" tooltip text on password visibility toggle
+   */
+  hidePasswordLabel: PropTypes__default["default"].string,
+  /**
+   * Specify a custom `id` for the `<input>`
+   */
+  id: PropTypes__default["default"].string.isRequired,
+  /**
+   * Specify whether the control is currently invalid
+   */
+  invalid: PropTypes__default["default"].bool,
+  /**
+   * Provide the text that is displayed when the control is in an invalid state
+   */
+  invalidText: PropTypes__default["default"].node,
+  /**
+   * Specify whether the control is a password input
+   */
+  isPassword: PropTypes__default["default"].bool,
+  /**
+   * Provide the text that will be read by a screen reader when visiting this
+   * control
+   */
+  labelText: PropTypes__default["default"].node.isRequired,
+  /**
+   * Optionally provide an `onChange` handler that is called whenever `<input>`
+   * is updated
+   */
+  onChange: PropTypes__default["default"].func,
+  /**
+   * Optionally provide an `onClick` handler that is called whenever the
+   * `<input>` is clicked
+   */
+  onClick: PropTypes__default["default"].func,
+  /**
+   * Callback function that is called whenever the toggle password visibility
+   * button is clicked
+   */
+  onTogglePasswordVisibility: PropTypes__default["default"].func,
+  /**
+   * Specify the placeholder attribute for the `<input>`
+   */
+  placeholder: PropTypes__default["default"].string,
+  /**
+   * "Show password" tooltip text on password visibility toggle
+   */
+  showPasswordLabel: PropTypes__default["default"].string,
+  /**
+   * Specify the value of the `<input>`
+   */
+  value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  /**
+   * Specify whether the control is currently in warning state
+   */
+  warn: PropTypes__default["default"].bool,
+  /**
+   * Provide the text that is displayed when the control is in warning state
+   */
+  warnText: PropTypes__default["default"].node
+});

package/lib/components/FluidTextInput/FluidTextInput.Skeleton.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+export interface FluidTextInputSkeletonProps {
+    /**
+     * Specify an optional className to be applied to the outer FluidForm wrapper
+     */
+    className?: string;
+}
+declare const FluidTextInputSkeleton: React.FC<FluidTextInputSkeletonProps>;
+export default FluidTextInputSkeleton;

package/lib/components/FluidTextInput/FluidTextInput.Skeleton.js

@@ -22,7 +22,7 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-function FluidTextInputSkeleton(_ref) {
+const FluidTextInputSkeleton = _ref => {
   let {
     className,
     ...other
@@ -39,7 +39,7 @@ function FluidTextInputSkeleton(_ref) {
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: `${prefix}--skeleton ${prefix}--text-input`
   })));
-}
+};
 FluidTextInputSkeleton.propTypes = {
   /**
    * Specify an optional className to be applied to the outer FluidForm wrapper

package/lib/components/FluidTextInput/FluidTextInput.d.ts

@@ -0,0 +1,70 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+export interface FluidTextInputProps {
+    /**
+     * Specify an optional className to be applied to the outer FluidForm wrapper
+     */
+    className?: string;
+    /**
+     * Optionally provide the default value of the `<input>`
+     */
+    defaultValue?: string | number;
+    /**
+     * Specify whether the `<input>` should be disabled
+     */
+    disabled?: boolean;
+    /**
+     * Specify a custom `id` for the `<input>`
+     */
+    id: string;
+    /**
+     * Specify whether the control is currently invalid
+     */
+    invalid?: boolean;
+    /**
+     * Provide the text that is displayed when the control is in an invalid state
+     */
+    invalidText?: React.ReactNode;
+    /**
+     * Specify whether the control is a password input
+     */
+    isPassword?: boolean;
+    /**
+     * Provide the text that will be read by a screen reader when visiting this
+     * control
+     */
+    labelText: React.ReactNode;
+    /**
+     * Optionally provide an `onChange` handler that is called whenever `<input>`
+     * is updated
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Optionally provide an `onClick` handler that is called whenever the
+     * `<input>` is clicked
+     */
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    /**
+     * Specify the placeholder attribute for the `<input>`
+     */
+    placeholder?: string;
+    /**
+     * Specify the value of the `<input>`
+     */
+    value?: string | number;
+    /**
+     * Specify whether the control is currently in warning state
+     */
+    warn?: boolean;
+    /**
+     * Provide the text that is displayed when the control is in warning state
+     */
+    warnText?: React.ReactNode;
+}
+declare const FluidTextInput: React.ForwardRefExoticComponent<FluidTextInputProps & React.RefAttributes<HTMLInputElement>>;
+export default FluidTextInput;

package/lib/components/FluidTextInput/FluidTextInput.js

@@ -26,7 +26,7 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-function FluidTextInput(_ref) {
+const FluidTextInput = /*#__PURE__*/React__default["default"].forwardRef(function FluidTextInput(_ref, ref) {
   let {
     className,
     isPassword,
@@ -41,11 +41,13 @@ function FluidTextInput(_ref) {
       isFluid: true
     }
   }, isPassword ? /*#__PURE__*/React__default["default"].createElement(PasswordInput["default"], _rollupPluginBabelHelpers["extends"]({
-    className: classNames
+    className: classNames,
+    ref: ref
   }, other)) : /*#__PURE__*/React__default["default"].createElement(TextInput["default"], _rollupPluginBabelHelpers["extends"]({
-    className: classNames
+    className: classNames,
+    ref: ref
   }, other)));
-}
+});
 FluidTextInput.propTypes = {
   /**
    * Specify an optional className to be applied to the outer FluidForm wrapper

package/lib/components/FluidTextInput/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import FluidTextInput from './FluidTextInput';
+import FluidPasswordInput from './FluidPasswordInput';
+import { type FluidTextInputSkeletonProps } from './FluidTextInput.Skeleton';
+import { type FluidPasswordInputProps } from './FluidPasswordInput';
+import { type FluidTextInputProps } from './FluidTextInput';
+export default FluidTextInput;
+export { FluidTextInput, type FluidTextInputProps, type FluidTextInputSkeletonProps, };
+export { FluidPasswordInput, type FluidPasswordInputProps };
+export { default as FluidTextInputSkeleton } from './FluidTextInput.Skeleton';

package/lib/components/FluidTextInput/index.js

@@ -10,8 +10,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var FluidTextInput = require('./FluidTextInput.js');
+require('./FluidPasswordInput.js');
+var FluidTextInput_Skeleton = require('./FluidTextInput.Skeleton.js');
 
 
 
 exports.FluidTextInput = FluidTextInput["default"];
 exports["default"] = FluidTextInput["default"];
+exports.FluidTextInputSkeleton = FluidTextInput_Skeleton["default"];

package/lib/components/FluidTimePicker/FluidTimePicker.Skeleton.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Copyright IBM Corp. 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import PropTypes from 'prop-types';
+export interface FluidTimePickerSkeletonProps {
+    /**
+     * Specify an optional className to add.
+     */
+    className?: string;
+    /**
+     * Specify if there are only two TimePicker elements
+     */
+    isOnlyTwo?: boolean;
+}
+declare const FluidTimePickerSkeleton: {
+    ({ className, isOnlyTwo, ...rest }: {
+        [x: string]: any;
+        className: any;
+        isOnlyTwo: any;
+    }): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        /**
+         * Specify an optional className to add.
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Specify if there are only two TimePicker elements
+         */
+        isOnlyTwo: PropTypes.Requireable<boolean>;
+    };
+};
+export default FluidTimePickerSkeleton;

package/lib/components/FluidTimePicker/FluidTimePicker.Skeleton.js

@@ -14,7 +14,10 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.js');
+require('../FluidTextInput/FluidTextInput.js');
+require('../FluidTextInput/FluidPasswordInput.js');
 var FluidTextInput_Skeleton = require('../FluidTextInput/FluidTextInput.Skeleton.js');
+require('../FluidSelect/FluidSelect.js');
 var FluidSelect_Skeleton = require('../FluidSelect/FluidSelect.Skeleton.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -48,6 +51,5 @@ FluidTimePickerSkeleton.propTypes = {
    */
   isOnlyTwo: PropTypes__default["default"].bool
 };
-var FluidTimePickerSkeleton$1 = FluidTimePickerSkeleton;
 
-exports["default"] = FluidTimePickerSkeleton$1;
+exports["default"] = FluidTimePickerSkeleton;

package/lib/components/FluidTimePicker/FluidTimePicker.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Copyright IBM Corp. 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+import { FluidTextInputProps } from '../FluidTextInput';
+export interface FluidTimePickerProps extends FluidTextInputProps {
+    /**
+     * The child node(s)
+     */
+    children?: React.ReactNode;
+    /**
+     * Specify an optional className to be applied to the outer FluidTimePicker wrapper
+     */
+    className?: string;
+    /**
+     * Specify whether the `<input>` should be disabled
+     */
+    disabled?: boolean;
+    /**
+     * Specify whether or not the control is invalid
+     */
+    invalid?: boolean;
+    /**
+     * Provide the text that is displayed when the control is in error state
+     */
+    invalidText?: React.ReactNode;
+    /**
+     * Provide the text that will be read by a screen reader when visiting this
+     * control
+     */
+    labelText: React.ReactNode;
+    /**
+     * Specify whether the control is currently in warning state
+     */
+    warn?: boolean;
+    /**
+     * Provide the text that is displayed when the control is in warning state
+     */
+    warnText?: React.ReactNode;
+}
+declare const FluidTimePicker: React.ForwardRefExoticComponent<FluidTimePickerProps & React.RefAttributes<HTMLInputElement>>;
+export default FluidTimePicker;

package/lib/components/FluidTimePicker/FluidTimePicker.js

@@ -10,17 +10,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var PropTypes = require('prop-types');
 var React = require('react');
+var PropTypes = require('prop-types');
 var cx = require('classnames');
 var FluidTextInput = require('../FluidTextInput/FluidTextInput.js');
+require('../FluidTextInput/FluidPasswordInput.js');
+require('../FluidTextInput/FluidTextInput.Skeleton.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var iconsReact = require('@carbon/icons-react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 const FluidTimePicker = /*#__PURE__*/React__default["default"].forwardRef(function FluidTimePicker(_ref, ref) {
@@ -37,7 +39,7 @@ const FluidTimePicker = /*#__PURE__*/React__default["default"].forwardRef(functi
   const prefix = usePrefix.usePrefix();
   const classNames = cx__default["default"](className, {
     [`${prefix}--time-picker--fluid`]: true,
-    [`${prefix}--time-picker--equal-width`]: children?.length !== 2,
+    [`${prefix}--time-picker--equal-width`]: React__default["default"].Children.toArray(children).length !== 2,
     [`${prefix}--time-picker--fluid--disabled`]: disabled,
     [`${prefix}--time-picker--fluid--invalid`]: invalid,
     [`${prefix}--time-picker--fluid--warning`]: warn
@@ -58,7 +60,6 @@ const FluidTimePicker = /*#__PURE__*/React__default["default"].forwardRef(functi
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: `${prefix}--time-picker__input`
   }, /*#__PURE__*/React__default["default"].createElement(FluidTextInput["default"], _rollupPluginBabelHelpers["extends"]({
-    disabled: disabled,
     ref: ref
   }, other))), disabled ? React__default["default"].Children.toArray(children).map(child => {
     return /*#__PURE__*/React__default["default"].cloneElement(child, {
@@ -109,6 +110,5 @@ FluidTimePicker.propTypes = {
    */
   warnText: PropTypes__default["default"].node
 };
-var FluidTimePicker$1 = FluidTimePicker;
 
-exports["default"] = FluidTimePicker$1;
+exports["default"] = FluidTimePicker;

package/lib/components/FluidTimePicker/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Copyright IBM Corp. 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import FluidTimePicker from './FluidTimePicker';
+import { FluidTimePickerProps } from './FluidTimePicker';
+import { FluidTimePickerSkeletonProps } from './FluidTimePicker.Skeleton';
+export { default as FluidTimePickerSkeleton } from './FluidTimePicker.Skeleton';
+export type { FluidTimePickerProps, FluidTimePickerSkeletonProps };
+export default FluidTimePicker;
+export { FluidTimePicker };

package/lib/components/FluidTimePickerSelect/FluidTimePickerSelect.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Copyright IBM Corp. 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+export interface FluidTimePickerSelectProps {
+    /**
+     * Provide the contents of your Select
+     */
+    children?: React.ReactNode;
+    /**
+     * Specify an optional className to be applied to the node containing the label and the select box
+     */
+    className?: string;
+    /**
+     * Optionally provide the default value of the `<select>`
+     */
+    defaultValue?: any;
+    /**
+     * Specify whether the control is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Specify a custom `id` for the `<select>`
+     */
+    id: string;
+    /**
+     * Provide label text to be read by screen readers when interacting with the
+     * control
+     */
+    labelText?: React.ReactNode;
+    /**
+     * Provide an optional `onChange` hook that is called each time the value of
+     * the underlying `<input>` changes
+     */
+    onChange?: React.ChangeEventHandler<HTMLSelectElement>;
+}
+declare const FluidTimePickerSelect: React.ForwardRefExoticComponent<FluidTimePickerSelectProps & React.RefAttributes<HTMLSelectElement>>;
+export default FluidTimePickerSelect;