@atlaskit/form/dist/es2019/range-field.js

A form allows people to input information.

import React from 'react';
import Field from './field';
/**
 * __Range field__
 *
 * A range field is where a user can submit a range input as a part of a form.
 *
 * - [Examples](https://atlaskit.atlassian.com/packages/design-system/form/docs/fields#rangefield-reference)
 * - [Code](https://atlaskit.atlassian.com/packages/design-system/form/docs/fields#rangefield-reference)
 * - [Usage](https://atlaskit.atlassian.com/packages/design-system/form/docs/fields#rangefield-reference)
 */
const RangeField = ({
  children,
  defaultValue,
  id,
  isDisabled,
  label,
  name
}) => /*#__PURE__*/React.createElement(Field, {
  defaultValue: defaultValue,
  id: id,
  isDisabled: isDisabled,
  label: label,
  name: name,
  transform: Number
}, ({
  fieldProps: {
    isInvalid,
    isRequired,
    ...fieldProps
  },
  ...rest
}) =>
// isInvalid and isRequired are specifically invalid for range inputs
children({
  fieldProps,
  ...rest
}));
export default RangeField;