Skip to content

Commit 6597ae1

Browse files
authored
fix: miss disabled className (#727)
* fix: miss disabled style * test: update snapshot
1 parent 23b16e5 commit 6597ae1

File tree

4 files changed

+14
-4
lines changed

4 files changed

+14
-4
lines changed

src/PickerInput/Selector/RangeSelector.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -221,6 +221,7 @@ function RangeSelector<DateType extends object = any>(
221221
`${prefixCls}-range`,
222222
{
223223
[`${prefixCls}-focused`]: focused,
224+
[`${prefixCls}-disabled`]: disabled.every((i) => i),
224225
[`${prefixCls}-invalid`]: invalid.some((i) => i),
225226
[`${prefixCls}-rtl`]: rtl,
226227
},

src/PickerInput/Selector/SingleSelector/index.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -195,6 +195,7 @@ function SingleSelector<DateType extends object = any>(
195195
prefixCls,
196196
{
197197
[`${prefixCls}-focused`]: focused,
198+
[`${prefixCls}-disabled`]: disabled,
198199
[`${prefixCls}-invalid`]: invalid,
199200
[`${prefixCls}-rtl`]: rtl,
200201
},

tests/new-range.spec.tsx

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -565,6 +565,14 @@ describe('NewPicker.Range', () => {
565565
}),
566566
);
567567
});
568+
569+
it('disabled should patch className', () => {
570+
const { container, rerender } = render(<DayRangePicker disabled />);
571+
expect(container.querySelector('.rc-picker-disabled')).toBeTruthy();
572+
573+
rerender(<DayRangePicker disabled={[true, false]} />);
574+
expect(container.querySelector('.rc-picker-disabled')).toBeFalsy();
575+
});
568576
});
569577

570578
it('showTime.defaultValue', () => {

tests/picker.spec.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -178,8 +178,10 @@ describe('Picker.Basic', () => {
178178
});
179179

180180
it('disabled should not open', () => {
181-
render(<DayPicker open disabled />);
181+
const { container } = render(<DayPicker open disabled />);
182182
expect(isOpen()).toBeFalsy();
183+
184+
expect(container.querySelector('.rc-picker-disabled')).toBeTruthy();
183185
});
184186
});
185187

@@ -1339,8 +1341,6 @@ describe('Picker.Basic', () => {
13391341
/>,
13401342
);
13411343

1342-
expect(document.querySelectorAll('.rc-picker-header-view')[1].textContent).toEqual(
1343-
'01:02:03',
1344-
);
1344+
expect(document.querySelectorAll('.rc-picker-header-view')[1].textContent).toEqual('01:02:03');
13451345
});
13461346
});

0 commit comments

Comments
 (0)