test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-03 12:38:58 +08:00
Code Issues Actions 100 Packages Projects Releases Wiki Activity

fix: RangePicker style

Browse Source
This commit is contained in:
Benjy Cui 2017-02-22 15:32:21 +08:00
parent fbeccb7be5
commit d9ec4bf732
2 changed files with 14 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/date-picker/RangePicker.tsx
View File

@ -179,13 +179,13 @@ export default class RangePicker extends React.Component<any, any> {
const start = inputValue[0];
const end = inputValue[1];
return (
<span className={props.pickerInputClass} disabled={props.disabled}>
<span className={`${props.pickerInputClass} ${prefixCls}-range-picker-input`} disabled={props.disabled}>
<input
disabled={props.disabled}
readOnly
value={(start && start.format(props.format)) || ''}
placeholder={startPlaceholder}
className={`${prefixCls}-range-picker-input`}
className={`${prefixCls}-range-picker-input-part`}
/>
<span className={`${prefixCls}-range-picker-separator`}> ~ </span>
<input
@ -193,7 +193,7 @@ export default class RangePicker extends React.Component<any, any> {
readOnly
value={(end && end.format(props.format)) || ''}
placeholder={endPlaceholder}
className={`${prefixCls}-range-picker-input`}
className={`${prefixCls}-range-picker-input-part`}
/>
{clearIcon}
<span className={`${prefixCls}-picker-icon`} />

20
components/date-picker/style/RangePicker.less
View File

@ -1,16 +1,18 @@
@input-box-height: 34px;
.@{calendar-prefix-cls}-range-picker-input {
background-color: transparent;
border: 0;
height: 18px;
line-height: 18px;
outline: 0;
width: 43%;
text-align: center;
padding: 0;
&[disabled] {
cursor: not-allowed;
&-part {
background-color: transparent;
border: 0;
outline: 0;
width: 43%;
text-align: center;
&[disabled] {
cursor: not-allowed;
}
}
}