DatePicker的 vertical align导致某些情况下 对不齐

[iktsuarpok-luo]

Is there an existing issue for this?

• I have searched the existing issues

Which Component

DatePicker

Semi Version

2

Current Behavior

semi2 DatePick新增了vertical-align: top; 属性，导致在外层有更高高度且设置 align-items: center;的情况下，semi1可以保证居中对齐，但semi2 datepick靠上

Expected Behavior

No response

Steps To Reproduce

No response

ReproducibleCode

<div style={{lineHeight: "42px";alignItems: "center"}}>
    <Select/>
    <DatePicker/>
    <Select/>
</div>

Environment

- OS:
- browser:

Anything else?

No response

[pointhalo]

@shijiatongxue 看下这个问题，vertical-align:是必须的吗？

[shijiatongxue]

这个代码好像无法复现这个问题？

[shijiatongxue]

这个代码好像无法复现这个问题？

semi 1

semi2

[pointhalo]

补充一下复现 Demo. 在 父级 display flex 且 aligenItems center时的展示会受影响

import React from 'react';
import { DatePicker, Select } from '@douyinfe/semi-ui';
() => {
    return (
        <div style={{lineHeight: "42px", aligenItems: "center", display: "flex"}}>
            <div><Select/></div>
            <div><DatePicker type="dateRange"/></div>
            <div><Select/></div>
        </div>
    )
}

[shijiatongxue]

2.36.0-beta.0 fixed