feat: replace form-control-range with form-range

https://getbootstrap.com/docs/5.0/migration/#forms-2 https://getbootstrap.com/docs/5.0/forms/range/
reactstrap · Oct 27, 2021 · 06868e2 · 06868e2
1 parent a9c3aaa
commit 06868e2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/Input.js b/src/Input.js
@@ -77,7 +77,7 @@ class Input extends React.Component {
       formControlClass = `${formControlClass}-plaintext`;
       Tag = tag || 'input';
     } else if (rangeInput) {
-      formControlClass = `${formControlClass}-range`;
+      formControlClass = 'form-range';
     } else if (selectInput) {
       formControlClass = "form-select";
     } else if (checkInput) {

diff --git a/src/__tests__/Input.spec.js b/src/__tests__/Input.spec.js
@@ -251,10 +251,10 @@ describe('Input', () => {
     expect(textarea.find('[type="textarea"]').exists()).toBe(false);
   });
 
-  it('should render with "form-control-range" not "form-control" class when type is range', () => {
+  it('should render with "form-range" not "form-control" class when type is range', () => {
     const wrapper = shallow(<Input type="range" />);
 
-    expect(wrapper.hasClass('form-control-range')).toBe(true);
+    expect(wrapper.hasClass('form-range')).toBe(true);
     expect(wrapper.hasClass('form-control')).toBe(false);
   });
 });