mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-07 17:44:35 +08:00
Code Issues Actions 18 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 start = inputValue[0];
const end = inputValue[1]; const end = inputValue[1];
return ( return (
<span className={props.pickerInputClass} disabled={props.disabled}> <span className={`${props.pickerInputClass} ${prefixCls}-range-picker-input`} disabled={props.disabled}>
<input <input
disabled={props.disabled} disabled={props.disabled}
readOnly readOnly
value={(start && start.format(props.format)) || ''} value={(start && start.format(props.format)) || ''}
placeholder={startPlaceholder} placeholder={startPlaceholder}
className={`${prefixCls}-range-picker-input`} className={`${prefixCls}-range-picker-input-part`}
/> />
<span className={`${prefixCls}-range-picker-separator`}> ~ </span> <span className={`${prefixCls}-range-picker-separator`}> ~ </span>
<input <input
@ -193,7 +193,7 @@ export default class RangePicker extends React.Component<any, any> {
readOnly readOnly
value={(end && end.format(props.format)) || ''} value={(end && end.format(props.format)) || ''}
placeholder={endPlaceholder} placeholder={endPlaceholder}
className={`${prefixCls}-range-picker-input`} className={`${prefixCls}-range-picker-input-part`}
/> />
{clearIcon} {clearIcon}
<span className={`${prefixCls}-picker-icon`} /> <span className={`${prefixCls}-picker-icon`} />

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

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