rich：calendar aligned打破了表单控件

Question

我在表单中放置了两个丰富的日历控件，但它们与表单的其余部分不能很好地对齐。我附上了正在发生的事情的屏幕截图。任何人都可以告诉我如何更改富人的css：日历控件，我需要文本框与按钮居中对齐。

![<div id="container">
        <h:form>
            <fieldset class="search-area">

                <rich:calendar value="#{partnerBean.selectedStartDate}"
                    datePattern="yyyy-MM-dd" cellHeight="22px" style="width:200px;valign=center" />

                <rich:calendar value="#{partnerBean.selectedEndDate}"
                    datePattern="yyyy-MM-dd" cellHeight="22px" style="width:200px" />


                <h:selectOneMenu label="Categories" id="categories"
                    style="width:173px" value="#{partnerBean.selectedDeliveryMethod}">
                    <f:selectItem itemLabel="Select Type" itemValue="Select Type" />

                </h:selectOneMenu>


                <input type="submit" value="Search" class="search-btn" /> <a
                    href="#" class="add-teller">Add Teller</a>

            </fieldset>
        </h:form>
    </div>][2]